【設(shè)計(jì)】排版設(shè)計(jì)的4大基本原則

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)团秽。

重復(fù)原則

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? 出版社: 人民郵電出版社

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市走贪,隨后出現(xiàn)的幾起案子佛猛,更是在濱河造成了極大的恐慌,老刑警劉巖坠狡,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件继找,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡逃沿,警方通過(guò)查閱死者的電腦和手機(jī)婴渡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)凯亮,“玉大人边臼,你說(shuō)我怎么就攤上這事〖傧” “怎么了柠并?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我臼予,道長(zhǎng)亿傅,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任瘟栖,我火速辦了婚禮,結(jié)果婚禮上谅阿,老公的妹妹穿的比我還像新娘半哟。我一直安慰自己,他們只是感情好签餐,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布寓涨。 她就那樣靜靜地躺著,像睡著了一般氯檐。 火紅的嫁衣襯著肌膚如雪戒良。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,071評(píng)論 1 285
  • 那天冠摄,我揣著相機(jī)與錄音糯崎,去河邊找鬼。 笑死河泳,一個(gè)胖子當(dāng)著我的面吹牛沃呢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播拆挥,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼薄霜,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了纸兔?” 一聲冷哼從身側(cè)響起惰瓜,我...
    開(kāi)封第一講書(shū)人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎汉矿,沒(méi)想到半個(gè)月后崎坊,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡负甸,尸身上長(zhǎng)有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
  • 文/蒙蒙 一第股、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧话原,春花似錦夕吻、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至黄虱,卻和暖如春稚矿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背捻浦。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工晤揣, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人朱灿。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓碉渡,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親母剥。 傳聞我的和親對(duì)象是個(gè)殘疾皇子滞诺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

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