1吃谣、親密性(Proximity)
彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近乞封,歸組在一起。如果多個(gè)項(xiàng)相互之間存在很近的親密性岗憋,它們就會(huì)成為一個(gè)視覺(jué)單元肃晚,而不是多個(gè)孤立的元素。這有利于組織信息仔戈,減少混亂关串,為讀者提供清晰的結(jié)構(gòu)。
親密性原則指:將相關(guān)的項(xiàng)組織在一起监徘。把相關(guān)的元素分在一組晋修,使它們建立更近的親密性。
只要把有關(guān)聯(lián)的元素放在一起凰盔,然后在不同的單元間增加合適的空間飞蚓,就讓信息變得更直觀。
方法:
可以適當(dāng)?shù)膶⒆煮w縮小廊蜒,或把每部分內(nèi)容進(jìn)行縮進(jìn),為各個(gè)元素預(yù)留出更多的空間溅漾,更加明確的定義不同分組山叮。
如何實(shí)現(xiàn):
微微瞇起眼睛,統(tǒng)計(jì)眼睛停頓次數(shù)來(lái)數(shù)一數(shù)頁(yè)面上有多少個(gè)元素添履。如果頁(yè)面上的項(xiàng)超過(guò)3~5個(gè)(這取決于具體情況)屁倔,就要看看哪些孤立的元素可以歸在一個(gè)組建立更近的親密性使之成為一個(gè)視覺(jué)單元。
要避免的問(wèn)題:
(1)避免一個(gè)頁(yè)面上有太多孤立的元素暮胧。
(2)不要在元素之間留出同樣大小的空白锐借,除非各組屬于一個(gè)子集。
(3)標(biāo)題往衷、子標(biāo)題钞翔、圖表標(biāo)題、圖片能否歸入其相關(guān)材料席舍?在這個(gè)問(wèn)題上一定要非常清楚(哪怕只有一點(diǎn)含糊都要盡量避免)布轿。在有很近親密性的元素之間建立關(guān)系。
(4)不同屬一組的元素之間不要建立關(guān)系!如果元素彼此無(wú)關(guān)汰扭,要把它們分開(kāi)稠肘。
(5)不要僅僅因?yàn)橛锌瞻拙桶言胤旁诮锹浠蛑醒搿?/p>
把描述性文字設(shè)置成比菜名小一號(hào)的文字,這在菜單中是很常見(jiàn)的萝毛。另外项阴,除了讓表達(dá)更清晰之外,這樣做同樣留給了我們更多的空間笆包。
通過(guò)把每部分內(nèi)容縮進(jìn)环揽,使標(biāo)題下面左邊留出更多的空間,有助于區(qū)分這兩組信息色查。
2薯演、對(duì)齊(Alignmen)
任何東西都不能在頁(yè)面上隨意安放。每個(gè)元素都應(yīng)當(dāng)與頁(yè)面上的另一個(gè)元素有某種視覺(jué)聯(lián)系秧了。這樣能建立一種清晰跨扮、精巧而且清爽的外觀。
對(duì)齊原則:只使用一種對(duì)齊方式验毡。找一條明確的對(duì)齊線衡创,并堅(jiān)持以它為基準(zhǔn)。頁(yè)面上只使用一種文本對(duì)齊晶通,所有文本都左對(duì)齊璃氢,或右對(duì)齊,或者全部居中狮辽。
居中對(duì)齊是初學(xué)者最常用的對(duì)齊方式一也,這種對(duì)齊看起來(lái)很安全,感覺(jué)上也很舒服喉脖。居中對(duì)齊會(huì)創(chuàng)建一種更正式椰苟、更穩(wěn)重的外觀,這種外觀顯得更為中規(guī)中矩树叽,但通常也很乏味舆蝴。作為一個(gè)初學(xué)者,要完全摒棄居中對(duì)齊會(huì)很難题诵,但你必須從一開(kāi)始就強(qiáng)制自己避開(kāi)它洁仗。
與居中對(duì)齊相比,如果文本為左對(duì)齊或右對(duì)齊性锭,讓文本聯(lián)系在一起的那條看不見(jiàn)的線會(huì)更明確赠潦,因?yàn)楝F(xiàn)在有一條“硬”的豎邊。這就使左對(duì)齊和右對(duì)齊的文本看起來(lái)外觀更清晰草冈、效果更分明祭椰。
如果想讓文本居中臭家,至少讓它明顯一點(diǎn)!可以在居中布局上增加一點(diǎn)小技巧方淤《ち蓿可以讓每一行的文本長(zhǎng)度不相同;將文本居中携茂,但是文本塊本身在頁(yè)面中偏右或偏左你踩,而不居中;或者將文本放在頁(yè)面的上方讳苦,增加緊張性带膜;或者在一個(gè)很正式的居中布局中設(shè)置一種非常隨意、有趣的字體鸳谜。但不論怎樣膝藕,千萬(wàn)不能做的是:設(shè)置12 磅大小的Times 字體,另加兩個(gè)回車(chē)咐扭!
如何實(shí)現(xiàn):
傾聽(tīng)你的眼睛——眼睛看向哪里芭挽,路線是什么,這是最佳路徑嗎蝗肪?重要的信息是否都?xì)w入了邏輯親密性中袜爪?對(duì)齊是否對(duì)清晰的表達(dá)有幫助?在這個(gè)小空間中畫(huà)下能表示已有對(duì)齊的垂直線薛闪。
再次重復(fù)一下辛馆,找一條明確的對(duì)齊線,并堅(jiān)持以它為基準(zhǔn)豁延。
要避免的問(wèn)題:
(1)避免在頁(yè)面上混合使用多種文本對(duì)齊方式(也就是說(shuō)昙篙,不要將某些文本居中,而另外一些文本右對(duì)齊)诱咏。
(2)要著力避免居中對(duì)齊瓢对,除非你有意識(shí)地想要?jiǎng)?chuàng)建一種比較正式、穩(wěn)重(通常也更乏味)的表示胰苏。并不是完全杜絕使用居中對(duì)齊,有時(shí)可以有意地選擇這種對(duì)齊方式醇疼,但是不要把它作為默認(rèn)選擇硕并。如果想讓文本居中,至少讓它明顯一點(diǎn)秧荆!
3倔毙、重復(fù)(Repetition)
讓設(shè)計(jì)中的視覺(jué)要素在整個(gè)作品中重復(fù)出現(xiàn)∫冶簦可以重復(fù)顏色陕赃、形狀卵蛉、材料、空間關(guān)系么库、線寬傻丝、字體、大小和圖片诉儒,等等葡缰。這樣以來(lái),既能增加條理性忱反,還可以加強(qiáng)統(tǒng)一性泛释。
重復(fù)有助于組織信息,可以幫助讀者瀏覽各個(gè)頁(yè)面温算,也有利于將設(shè)計(jì)中單獨(dú)的部分統(tǒng)一起來(lái)怜校。即使在一個(gè)只有一頁(yè)的文檔中,重復(fù)元素也可以建立一種連續(xù)性注竿,將文檔“整個(gè)捆在一起”茄茁。
如果哪個(gè)元素引起了你的興趣,就可以拿來(lái)用作重復(fù)元素蔓搞!也許這是一個(gè)剪貼畫(huà)胰丁,或者是某種圖片字體。為了實(shí)現(xiàn)重復(fù)喂分,完全可以為此增加一些全新的東西锦庸。或者蒲祈,也可以選擇一個(gè)簡(jiǎn)單的元素甘萧,然后以多種不同的方式加以使用,比如說(shuō)指定不同的大小梆掸、顏色或角度扬卷。
有時(shí)重復(fù)的項(xiàng)并不一定完全相同,而只是存在明確關(guān)聯(lián)的緊密相關(guān)的對(duì)象酸钦。
如何實(shí)現(xiàn):
重復(fù)可以認(rèn)為是保持一致性怪得,而且我相信你早已經(jīng)這樣做過(guò)。現(xiàn)在卑硫,需要把現(xiàn)有的一致性更向前推進(jìn)一步徒恋。可不可以專(zhuān)門(mén)做一個(gè)圖片設(shè)計(jì)欢伏,并且將某些一致元素(如標(biāo)題)作為這個(gè)圖片設(shè)計(jì)的一部分入挣?在每個(gè)頁(yè)面底部或每個(gè)標(biāo)題下面使用一條粗細(xì)為1 磅的線嗎?或者是不是使用一條更粗的線(4 磅)硝拧,使重復(fù)元素顯得更明顯径筏、更生動(dòng)葛假?
再看看有沒(méi)有可能增加一些純粹為建立重復(fù)而設(shè)計(jì)的元素。是不是有一個(gè)編號(hào)項(xiàng)列表滋恬?可不可以使用另外一種字體或逆序數(shù)字聊训,然后對(duì)出版物中的每一個(gè)編號(hào)列表都重復(fù)同樣的處理?最初夷恍,可以只是找出現(xiàn)有的重復(fù)魔眨,然后將其加強(qiáng)。熟悉了這種思想之后酿雪,再開(kāi)始創(chuàng)建新的重復(fù)元素遏暴,來(lái)增強(qiáng)設(shè)計(jì)的效果并提高信息的清晰度。
重復(fù)就像是強(qiáng)調(diào)你的衣著指黎。如果一位女士穿著一件可愛(ài)的黑色晚禮服朋凉,戴著一頂別致的帽子,她可能會(huì)用紅色高跟鞋醋安、紅色口紅和一朵紅色小花來(lái)突出她的晚禮服杂彭。
要避免的問(wèn)題:
要避免太多地重復(fù)一個(gè)元素,重復(fù)太多會(huì)讓人討厭吓揪。重復(fù)就太濫了亲怠,現(xiàn)在的對(duì)比不再有統(tǒng)一的效果,感覺(jué)上也讓人不太舒服柠辞,太多的重復(fù)將混淆重點(diǎn)团秽。
4、對(duì)比(Contrast)
對(duì)比的基本思想是叭首,要避免頁(yè)面上的元素太過(guò)相似习勤。如果元素(字體、顏色焙格、大小图毕、線寬、形狀眷唉、空間等)不相同予颤,那就干脆讓它們截然不同。要讓頁(yè)面引入注目冬阳,對(duì)比通常是最重要的一個(gè)因素蛤虐,正是它能使讀者首先看這個(gè)頁(yè)面。
對(duì)比原則指出:頁(yè)面上的不同元素之間要有對(duì)比效果摩泪,達(dá)到吸引讀者的對(duì)比效果。如果兩個(gè)項(xiàng)不完全相同劫谅,就應(yīng)當(dāng)使之不同见坑,而且應(yīng)當(dāng)是截然不同嚷掠。
如果兩個(gè)元素雖然不同,但是區(qū)別不大荞驴,這時(shí)候就不是對(duì)比了不皆,而是沖突。不應(yīng)該用12 磅大小的字體與14 磅大小的字體進(jìn)行對(duì)比熊楼。也不要用0.5 磅的線與1 磅的線來(lái)對(duì)比霹娄。此外,深棕色與黑色的對(duì)比也是不合適的鲫骗。所以一定要當(dāng)心犬耻。
要增加有意思的對(duì)比,最容易的方法就是實(shí)現(xiàn)字體對(duì)比执泰。不過(guò)不要忘記枕磁,還可以利用線、顏色术吝、元素之間的間隔计济、材質(zhì)等形成對(duì)比。
如何實(shí)現(xiàn):
可以通過(guò)字體選擇排苍、線寬沦寂、顏色、形狀淘衙、大小传藏、空間等來(lái)增加對(duì)比。增加對(duì)比很容易幔翰,途徑有很多漩氨,這可能是增加視覺(jué)效果最有意思也最讓人滿意的方法了。重要的是:對(duì)比一定要強(qiáng)烈遗增。
要避免的問(wèn)題:
不要猶豫叫惊。如果你想形成對(duì)比,就加大力度做修。不要將一種粗線與一種更粗的線進(jìn)行對(duì)比霍狰。不要將棕色文本與黑色標(biāo)題建立對(duì)比。要避免使用兩種或多種類(lèi)似的字體饰及。如果各個(gè)項(xiàng)不完全一樣蔗坯,干脆讓它們截然不同!
當(dāng)然燎含,要改造左邊這幅廣告有很多種方法宾濒。首先我們要做到以下幾點(diǎn)。
? 去掉Times Roman 和Arial/Helvetica 字體屏箍。把這些字體干脆從你的字體選擇中去除绘梦。相信我沒(méi)有錯(cuò)橘忱。(另外把Sand 也去掉。)
? 去掉居中對(duì)齊卸奉。我知道這么做很難钝诚,但是必須如此。等你更有眼光之后榄棵,可以再做一些居中對(duì)齊的嘗試凝颇。
? 找出頁(yè)面上最有意思的東西,或者最重要的東西加以強(qiáng)調(diào)疹鳄!在這里拧略,最有意思的就是那個(gè)派,最重要的是商店的名字尚辑。把最重要的東西放在一起辑鲤,這樣讀者就不會(huì)漏掉重點(diǎn)。
? 把信息分組為一些邏輯組杠茬。合理利用空間(不要用框)月褥,將各項(xiàng)分開(kāi)或者聯(lián)系起來(lái)。
? 找出可以重復(fù)的元素(包括對(duì)比的元素)瓢喉。
? 最重要的是宁赤,要增加對(duì)比。
一次嘗試一個(gè)概念栓票。相信你的作品也會(huì)讓自己驚異不已决左。
本文摘自《寫(xiě)給大家看的設(shè)計(jì)書(shū)(第4版)》作者: Robin Williams? 出版社: 人民郵電出版社