設(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)重的感覺。