生活中的設(shè)計(jì)——四大基本原則(一)

設(shè)計(jì),從古至今都在潛移默化的影響著人們昨登。例如:亞洲還是有蠻多國家和地區(qū)習(xí)慣以從右到左閱讀;對(duì)聯(lián)對(duì)仗工整贯底;詩詞歌賦也以各自的規(guī)律著作……因此丰辣,古往今來,我們的生活習(xí)慣、文化習(xí)慣等都充斥著摸不著笙什、看不透的設(shè)計(jì)飘哨。只不過,大多數(shù)人并沒有發(fā)現(xiàn)自身已經(jīng)對(duì)設(shè)計(jì)有所掌握罷了得湘。

在有人活動(dòng)的世界杖玲,就有規(guī)矩顿仇,而規(guī)矩就是設(shè)計(jì)淘正。

《寫給大家看的設(shè)計(jì)書》將基本的規(guī)矩具象化,讓人們都能夠了解設(shè)計(jì)臼闻,并將自身基因里所攜帶的對(duì)設(shè)計(jì)的稍些感知強(qiáng)化鸿吆,就能夠輕松應(yīng)對(duì)工作乃至生活各方面。

看完這本非常非常初級(jí)的設(shè)計(jì)類書籍述呐,我感覺像進(jìn)入了一個(gè)新的審美境界惩淳,盡管這本書大部分其實(shí)講得是如何【排版】,不過排版確實(shí)在我工作中是最需要用到設(shè)計(jì)的地方乓搬。

設(shè)計(jì)四大基本原則:親密性思犁、對(duì)齊重復(fù)對(duì)比进肯。

親密性(proximity)

親密性原則是:將相關(guān)的項(xiàng)組織在一起激蹲,移動(dòng)這些項(xiàng),使它們的物理位置相互靠近江掩,這樣一來学辱,相關(guān)的項(xiàng)將被看作凝聚為一體的一個(gè)組,而不再是一堆彼此無關(guān)的片段环形。

舉個(gè)栗子:當(dāng)你在琳瑯滿目的超市閑逛策泣,首先尋找你所需物品的分類區(qū)域。當(dāng)你需要一支牙刷時(shí)抬吟,應(yīng)當(dāng)前往生活區(qū)萨咕,然后再在生活區(qū)中尋找洗漱用品專柜,接著再尋找牙刷貨架……

這就是你腦海中自動(dòng)浮現(xiàn)出的親密性原則火本,它可以是以類別任洞、色彩、功能等進(jìn)行歸類整理組塊发侵。生活區(qū)為標(biāo)題交掏,洗漱用品專柜為子標(biāo)題,而牙刷貨架則為內(nèi)容刃鳄。這是生活中對(duì)于某些選擇大腦以親密性原則來進(jìn)行目的篩選盅弛。

當(dāng)然,在工作中也是如此,只不過將這種抽象具象化挪鹏。

這是一張沒有任何關(guān)聯(lián)的名片见秽,假設(shè)這就是超市,而你所需要了解到的訊息能夠明確讨盒、快速的得到么解取?


當(dāng)沒有明確的區(qū)塊時(shí),會(huì)浪費(fèi)我們所要得到訊息的時(shí)間返顺。我們會(huì)先看中間禀苦,接著再從左往右,至上而下的順序?yàn)g覽遂鹊,接著再確認(rèn)一遍自己是否沒有落下什么訊息振乏。名片上的每一項(xiàng)看起來都與其他項(xiàng)沒有關(guān)聯(lián),這樣就會(huì)形成閱讀障礙秉扑。如果我們把名片做一些調(diào)整慧邮,將相關(guān)的訊息歸類,建立親密性舟陆,則會(huì)快速误澳、明確得到我們所需的訊息。


這就是親密性原則的作用秦躯,能夠一目了然我們所需的訊息忆谓,并且不會(huì)造成閱讀困難。如果超市的區(qū)域分類亂七八糟宦赠,也會(huì)造成其他問題陪毡。因此,親密性原則的運(yùn)用勾扭,能夠解決大部分閱讀問題毡琉。

假如萬能的淘寶沒有使用親密性原則,只有琳瑯滿目的商品時(shí)妙色,能夠快速的得到自己所需要的訊息么桅滋?作為精致的豬豬男孩表示,我會(huì)點(diǎn)擊關(guān)閉頁面……

使用親密性原則身辨,歸類劃分好商品丐谋,我們能夠清晰得到所需要的訊息,并且做出快速的選擇煌珊。

小結(jié)

親密性的根本目的是實(shí)現(xiàn)組織性号俐。如果信息很有條理,將更容易閱讀定庵,也更容易被記住吏饿。

避免一個(gè)頁面上有太多孤立的元素踪危。

不要在元素之間留出同樣大小的空白,除非各組同屬于一個(gè)子集猪落。

在有很近親密性元素之間建立關(guān)系贞远,不屬于同一組的元素之間不要建立關(guān)系。

不要僅僅因?yàn)橛锌瞻拙桶言胤旁诮锹浠蛑醒搿?/p>


對(duì)齊(alignment)

對(duì)齊原則是指:任何元素都不能在頁面上隨意安放笨忌。每一項(xiàng)都應(yīng)當(dāng)與頁面上的某個(gè)內(nèi)容存在某種視覺聯(lián)系蓝仲。

對(duì)齊則像我開頭所說的對(duì)聯(lián)要對(duì)仗工整,詩詞歌賦也以各自的規(guī)律著作等官疲。對(duì)齊可以制造出一個(gè)安靜的中心袱结,它的表達(dá)則更清晰


這張名片袁余,就像還沒開始軍訓(xùn)的閑散隊(duì)列擎勘。沒有在隊(duì)列中形成關(guān)系咱揍,造成視覺錯(cuò)亂颖榜。畫條基線是最好檢驗(yàn)元素之間,是否缺少關(guān)聯(lián)的方式煤裙。


現(xiàn)在教官將這張名片上面的元素隊(duì)列按照親密性原則進(jìn)行區(qū)分以后掩完,將所有的元素隊(duì)列移向左邊,所有訊息看起來更有條理硼砰。間而形成了共有的邊界線且蓬,即使沒有劃線,也能夠清晰的知曉题翰,是這個(gè)邊界線將它們聯(lián)系在了一起恶阴。


居中對(duì)齊也是一種的對(duì)齊方式,但有個(gè)缺點(diǎn)豹障,居中對(duì)齊的邊界是曲線形式的冯事,看不出對(duì)齊線的強(qiáng)度。盡管這是一條看不見的線血公,但無論是左對(duì)齊還是右對(duì)齊里昵仅,它都很明確,當(dāng)你你看到這張名片就可以腦補(bǔ)出一條分明的線累魔。而這條線則為整體布局提供了力度摔笤。

居中對(duì)齊是初學(xué)者最常用的對(duì)齊方式,這種對(duì)齊看起來安全垦写,更正式吕世,更穩(wěn)重,中規(guī)中矩梯投,但通常會(huì)顯得乏味命辖。通過充分利用親密性渴析,并結(jié)合明確的右對(duì)齊或者左對(duì)齊,你會(huì)有不一樣的感受吮龄。并不是一定不要居中俭茧,而是要留意這種對(duì)齊效果,是不是你想要表達(dá)的效果漓帚。


在進(jìn)階之前母债,最好堅(jiān)持一個(gè)原則,只使用一種對(duì)齊方式尝抖,所有的文本都左對(duì)齊右對(duì)齊或者居中毡们。如果你想要嘗試在一個(gè)頁面使用兩種對(duì)齊方式,那么你就要讓它們相互之間有某種聯(lián)系昧辽。


盡管這兩個(gè)元素用了兩種不同的對(duì)齊方式衙熔,左對(duì)齊和右對(duì)齊。但是下面右邊界跟上文的右邊界搅荞,被一條看不見的線連接了起來红氯。在頁面上放其他項(xiàng)的時(shí)候,一定要確保每一項(xiàng)都與頁面上的其他項(xiàng)存在某種對(duì)齊咕痛。如果文本行水平擺放痢甘,則按其基線對(duì)齊。如果有多個(gè)單獨(dú)的文本塊茉贡,則對(duì)齊其左邊界或者右邊界塞栅。如果有圖片元素,將其與頁面的其他邊界對(duì)齊腔丧。絕對(duì)不要在頁面上隨意擺放元素放椰。

小結(jié)

每個(gè)元素應(yīng)當(dāng)與頁面上的另外一個(gè)元素存在某種視覺聯(lián)系。對(duì)齊的根本目的就是使頁面統(tǒng)一并且有條理愉粤。不論創(chuàng)建精美的砾医、正式的、有趣的還是嚴(yán)肅的外觀科汗,通常都可以利用一種明確的對(duì)齊來達(dá)到目的藻烤。

要注意元素放在哪里,應(yīng)當(dāng)總能在頁面上找出能跟它對(duì)齊的元素头滔,盡管這兩個(gè)元素的物理位置可能很遠(yuǎn)怖亭。

避免在頁面上混合使用多種文本對(duì)齊方式。

盡力避免使用居中對(duì)齊坤检,除非你有意識(shí)的想要?jiǎng)?chuàng)建一種比較正式兴猩、穩(wěn)重的感覺。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末早歇,一起剝皮案震驚了整個(gè)濱河市倾芝,隨后出現(xiàn)的幾起案子讨勤,更是在濱河造成了極大的恐慌,老刑警劉巖晨另,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件潭千,死亡現(xiàn)場離奇詭異,居然都是意外死亡借尿,警方通過查閱死者的電腦和手機(jī)刨晴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來路翻,“玉大人狈癞,你說我怎么就攤上這事∶酰” “怎么了蝶桶?”我有些...
    開封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長掉冶。 經(jīng)常有香客問我真竖,道長,這世上最難降的妖魔是什么郭蕉? 我笑而不...
    開封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任疼邀,我火速辦了婚禮喂江,結(jié)果婚禮上召锈,老公的妹妹穿的比我還像新娘。我一直安慰自己获询,他們只是感情好涨岁,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著吉嚣,像睡著了一般梢薪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上尝哆,一...
    開封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天秉撇,我揣著相機(jī)與錄音,去河邊找鬼秋泄。 笑死琐馆,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的恒序。 我是一名探鬼主播瘦麸,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼歧胁!你這毒婦竟也來了滋饲?” 一聲冷哼從身側(cè)響起厉碟,我...
    開封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎屠缭,沒想到半個(gè)月后箍鼓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡呵曹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年袄秩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片逢并。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡之剧,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出砍聊,到底是詐尸還是另有隱情背稼,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布玻蝌,位于F島的核電站蟹肘,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏俯树。R本人自食惡果不足惜帘腹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望许饿。 院中可真熱鬧阳欲,春花似錦、人聲如沸陋率。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽瓦糟。三九已至筒愚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間菩浙,已是汗流浹背巢掺。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留劲蜻,地道東北人陆淀。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像斋竞,于是被迫代替她去往敵國和親倔约。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容