關(guān)于排版，給你幾個(gè)甲方不懟你的理由?。ㄒ唬?/h2>

設(shè)計(jì)師日記

2018-10-30

3 評(píng)論 6308 瀏覽 31 收藏 14 分鐘

設(shè)計(jì)師在進(jìn)行設(shè)計(jì)排版的時(shí)候，如果沒(méi)有一定的原則和理論作為基礎(chǔ)和標(biāo)準(zhǔn)，就難以形成大致的方向和目標(biāo)。本文將詳細(xì)介紹排版4個(gè)基本原則，enjoy~

我們?cè)谶M(jìn)行設(shè)計(jì)排版的時(shí)候，如果不考慮任何規(guī)律，很多情況下會(huì)產(chǎn)生一些奇怪的設(shè)計(jì)。

如果有一定的理論作為基礎(chǔ)和標(biāo)準(zhǔn)，并且以此為大致的方向和目標(biāo)，那么在設(shè)計(jì)的過(guò)程中就會(huì)比較容易進(jìn)行判斷。

by Adrián Somoza

即使是在無(wú)理論基礎(chǔ)支撐的設(shè)計(jì)上，按照理論作出適當(dāng)調(diào)整，也能夠向出色的設(shè)計(jì)邁出一大步。

對(duì)于設(shè)計(jì)本身而言，感性也是非常重要的因素，但這并不等于單純依靠感性就能做出美觀的設(shè)計(jì)。

在開(kāi)始“版式系列”文章之前，我想先推薦一本《寫(xiě)給大家看的設(shè)計(jì)書(shū)》。

一、4大基本原則

1. 親密性原則

親密性（物理位置的接近）意味著存在關(guān)聯(lián)：

by Ryan Bataillon

類(lèi)似的元素組織為一個(gè)單元，使得頁(yè)面變得有條理，清楚的知道視線的移動(dòng)軌跡。

by Romain Briaux

利用親密性原則，還可以使得留白變得更加有條理。

byIceBear_Panda

通過(guò)把類(lèi)似的項(xiàng)歸類(lèi)在一起來(lái)建立親密性，有時(shí)需要做一些調(diào)整，調(diào)整文本的大小或字體粗細(xì)，或者改變圖片的大小或位置等。

by Jenny Johannesson

親密性原則并不是說(shuō)畫(huà)面上所有的元素都要更靠近，真正含義是：如果某些元素之間在理解上存在關(guān)聯(lián)，那么這些元素在視覺(jué)上也應(yīng)當(dāng)有關(guān)聯(lián)。而元素組之間則需要有適當(dāng)?shù)牧舭?，?lái)體現(xiàn)相互之間的關(guān)系。

在此之前你可能也會(huì)很自然的利用位置的緊密程度，來(lái)反映元素之間的關(guān)系，而親密性實(shí)際上就是更有意識(shí)的這樣做，并把這個(gè)概念更向前推進(jìn)一步。

在充分理解頁(yè)面上各元素之間的關(guān)系，就會(huì)注意到親密性的效果，一旦開(kāi)始注意到這種效果，就會(huì)利用它，掌握它，并充分控制它。

2. 對(duì)齊原則

任何元素都不能在頁(yè)面上隨意擺放：

by Outcrowd

如果頁(yè)面上的某幾個(gè)元素是對(duì)齊的，即使在物理位置上是彼此分離的，但是在觀者看來(lái)，它們之間有一條看不見(jiàn)的線把彼此連接在一起。

by Johny vino?

盡管你應(yīng)用親密性原則來(lái)指示它們之間的關(guān)系，但是對(duì)齊原則卻告訴你，即使它們并不不靠近，但是它們屬于同一組。

常用的對(duì)齊方式有：左對(duì)齊、右對(duì)齊、居中對(duì)齊。

by Ali Sayed

左、右對(duì)齊會(huì)讓文本塊出現(xiàn)一條硬的豎邊，使得文本看起來(lái)外觀更加清晰、效果更分明；而居中對(duì)齊的邊界卻是軟的，實(shí)在看不出來(lái)那條對(duì)齊線的強(qiáng)度。

by Axel Herrmann

居中對(duì)齊是一種很安全的對(duì)齊方式，感覺(jué)上很舒服，而安全也就以為著中規(guī)中矩，顯得乏味。

by Alex Banaga

在這里并不是建議你絕對(duì)不要居中，我們可以嘗試讓文本居中，但是文本塊本身不居中，也不失為一種有趣的表達(dá)。

by Parham Marandi

在運(yùn)用對(duì)齊原則時(shí)，一定要堅(jiān)持一個(gè)原則：只使用一種對(duì)齊方式。即使你在不同的文本上運(yùn)用了不同的對(duì)齊方式，也要確保大的整體上以某一種方式對(duì)齊。

在設(shè)計(jì)中，統(tǒng)一性是一個(gè)重要的概念，要讓頁(yè)面上的所有元素看上去統(tǒng)一、有聯(lián)系而且彼此相關(guān)，需要在各個(gè)獨(dú)立的視覺(jué)元素之間存在某種視覺(jué)紐帶。對(duì)齊的根本目的就是使得頁(yè)面統(tǒng)一而且有條理。

3. 重復(fù)原則

設(shè)計(jì)的某些元素需要在整個(gè)作品中重復(fù)：

by TUBIK

在確定重復(fù)元素后，我們需要讓元素效果更強(qiáng)、更生動(dòng)，通過(guò)重復(fù)表現(xiàn)的更加明顯，這樣不僅頁(yè)面看上去更有趣，還能在視覺(jué)上增強(qiáng)其條理性和一致性。

by damith premakumara

如果頁(yè)面中一切都是一致的，觀者又怎么會(huì)知道哪些是特殊的呢？

這時(shí)候就需要一個(gè)與眾不同的元素，使觀者真正注意到你希望他們關(guān)注的內(nèi)容。

by damith premakumara

重復(fù)有助于組織信息，可以幫助觀者解讀各個(gè)頁(yè)面，也有利于將設(shè)計(jì)中單獨(dú)的部分統(tǒng)一起來(lái)。

by Jakub Krzanowski

有時(shí)候?yàn)榱藢?shí)現(xiàn)重復(fù)，完全可以為此增加一些全新的元素，或者選擇一個(gè)簡(jiǎn)單的元素，以多種不同的方式加以使用。重復(fù)元素的項(xiàng)并不一定完全相同，而只是存在明確的緊密相關(guān)的對(duì)象。

by ann

重復(fù)元素并不必須是圖形，可以是空白、線、字體、對(duì)齊，或者任何有意重復(fù)的東西。

by Mike

重復(fù)還會(huì)為你的作品帶來(lái)一中專(zhuān)業(yè)性和權(quán)威性，不管它看起來(lái)多有趣，都會(huì)讓觀者感覺(jué)有人在負(fù)責(zé)，重復(fù)元素顯然是一種經(jīng)過(guò)深思熟慮的設(shè)計(jì)決策。

重復(fù)的目的就是統(tǒng)一，并增強(qiáng)視覺(jué)效果。重復(fù)原則可以把畫(huà)面原有的一致性更向前推進(jìn)一步，當(dāng)然，我們也要避免太多的重復(fù)一個(gè)元素，重復(fù)太多會(huì)讓人產(chǎn)生厭倦感。

3. 對(duì)比原則

要實(shí)現(xiàn)有效的對(duì)比，就必須讓兩個(gè)項(xiàng)截然不同：

對(duì)比是為頁(yè)面增強(qiáng)視覺(jué)效果最有效的途徑，也是在不同元素之間建立一種有組織的層次結(jié)構(gòu)最有效的辦法。

by Mike

對(duì)比不僅可以用來(lái)吸引眼球，還可以用來(lái)組織信息、清晰層級(jí)、在頁(yè)面上指引讀者，并且制造焦點(diǎn)。

by uixNinja

對(duì)比的首要原則就是不要畏首畏尾。如果兩個(gè)元素雖然不同，但是區(qū)別不大，這時(shí)候就不是對(duì)比，而是沖突了。

by uixNinja

字體的對(duì)比是最容易實(shí)現(xiàn)的方法，除此之外，還可以利用顏色、線、元素之間的間隔、材質(zhì)等形成對(duì)比。

對(duì)比的兩個(gè)目的：增強(qiáng)頁(yè)面的效果，組織頁(yè)面的信息，兩個(gè)目的相輔相成。

不過(guò)最重要的還是要記住，不要猶豫。想要運(yùn)用對(duì)比原則，就徹底加大力度，想要兩個(gè)元素不同，就干脆讓它們截然不同。

小結(jié)

最后復(fù)習(xí)下四大原則：

1.?對(duì)比

避免頁(yè)面的元素太過(guò)相似，如果不同，就干脆讓它們截然不同。

2. 重復(fù)

讓設(shè)計(jì)的視覺(jué)要素在整個(gè)作品中重復(fù)出現(xiàn)，增加條理性、加強(qiáng)那個(gè)統(tǒng)一度。

3. 對(duì)齊

任何東西都不能在頁(yè)面上隨意擺放。

4. 親密性

讓有聯(lián)系的項(xiàng)靠近一起，形成視覺(jué)單元，有助于信息的組織，給觀者清晰的結(jié)構(gòu)。

by tubik

在每一個(gè)優(yōu)秀的設(shè)計(jì)作品里，四大原則都不是單獨(dú)存在的，它們相互影響，對(duì)比元素可以作為重復(fù)元素，對(duì)齊元素里也包含親密性的運(yùn)用。不要把關(guān)于設(shè)計(jì)的內(nèi)容看的太過(guò)嚴(yán)肅，放松一點(diǎn)，在設(shè)計(jì)的時(shí)候，有意識(shí)的遵循四個(gè)原則，就一定能夠創(chuàng)造出生動(dòng)、有趣、有條理的頁(yè)面。

推薦閱讀

《甲方竟敢說(shuō)你的配色丑！ 我來(lái)教你懟回去（一）》

《甲方竟敢說(shuō)你的配色丑！ 我來(lái)教你懟回去（二）》

《甲方竟敢說(shuō)你的配色丑！ 我來(lái)教你懟回去（三）》

《甲方竟敢說(shuō)你的配色丑！ 我來(lái)教你懟回去（四）》

作者：設(shè)計(jì)師日記，公眾號(hào)：設(shè)計(jì)師的私人日記

本文由 @設(shè)計(jì)師日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。