二、貼近與遠(yuǎn)離

貼近和遠(yuǎn)離的概念也是比較好理解的，與格式塔視知覺的親密性與遠(yuǎn)離性是一個道理，初期只講一些通俗易懂的概念，像格式塔視知覺以后會講。

2.1 貼近和遠(yuǎn)離的 基礎(chǔ)概念

貼近是指同類要素擺放在一起會呈現(xiàn)出一種共通性或產(chǎn)生某種規(guī)則，而遠(yuǎn)離是指同類要素分開擺放看上去就沒有共通性或不會感到有某種規(guī)則。

當(dāng)把同類要素（男人女人）放到一起，會覺得他們有一定的共通性，而且看上去像一對情侶。相反把同類要素（男人女人）分開來放，會覺得他們毫無關(guān)系。

我們把這種概念應(yīng)用在平面設(shè)計上，如下圖所示：

相同的要素擺放在一起會有一定的共同性，相反分開擺放則看上去沒有關(guān)聯(lián)。

貼近與遠(yuǎn)離基礎(chǔ)概念的實際案例

2.2 貼近和遠(yuǎn)離的進(jìn)階概念

把同類要素放到一起有種井然有序的感覺，如果要處理較為規(guī)整傳統(tǒng)的版式時，可以考慮多將要素放到一起形成規(guī)則。另外把同類要素分開擺放，會感到?jīng)]有共通性和規(guī)律規(guī)則，但是能為平面增加節(jié)奏感和沖擊力。

貼近與遠(yuǎn)離進(jìn)階概念的實際案例

其次遠(yuǎn)離能使平面產(chǎn)生留白，通過留白也能使平面具有關(guān)聯(lián)性。

雖然說遠(yuǎn)離能使要素看上去沒有共同性和規(guī)則，但如果要素處在一個平面中，利用留白呈現(xiàn)出一種關(guān)聯(lián)性。這就像吵架的夫妻一樣，同在一個床上，女的偏床左側(cè)，男的偏床右側(cè)，呈現(xiàn)一種遠(yuǎn)離性。但他倆還是處在“床”這個平面中，也會呈現(xiàn)一種關(guān)聯(lián)性。

貼近與遠(yuǎn)離進(jìn)階概念的實際案例

要點：

• 同類要素貼近擺放在一起相互關(guān)聯(lián)，同類要素遠(yuǎn)離擺放相互排斥。
• 同類要素貼近擺放在一起平面有規(guī)則，同類要素遠(yuǎn)離擺放增添節(jié)奏。
• 留白也能使要素有一定的關(guān)聯(lián)性。

三、排列與對齊

排列與對齊的概念比較簡單，也很容易理解。轉(zhuǎn)化一下思維，把排列比作軍隊隊伍中的“集合”，把對齊比作隊伍中的向前/左看齊，就很好理解了。

3.1 排列

排列是指將要素按照一定的規(guī)則進(jìn)行布置，使平面達(dá)到一種平衡與和諧。道理與收拾屋子一樣，雜亂無章的屋子會讓人感到不舒服且很壓抑，整理的井然有序的屋子會讓人心情舒暢很安心。

平面中的“排列”就是屋子中的“整理”，目的是使雜亂的屋子變得規(guī)矩整齊。收拾屋子的方法就是“規(guī)則”，用規(guī)則的方法來排列就叫“布置”。

排列的目的是讓平面變得有序和規(guī)則，當(dāng)平面達(dá)到有序和規(guī)則就會呈現(xiàn)出一種舒適感，好比自然中的和諧。

3.2 對齊

對齊也可以理解為將要素按照一定的規(guī)則進(jìn)行布置，使平面達(dá)到一種平衡與和諧。對齊與排列的差別在于：對齊是在排列的基礎(chǔ)上進(jìn)行操作的。

先將要素按照一定規(guī)則進(jìn)行排列，然后再將要素進(jìn)行對齊。排列是畫一個大體的框架，而對齊是做框架里的精細(xì)操作。

排列與對齊的實際案例

要點：

• 排列與對齊的目的是讓平面變得有序和規(guī)則，當(dāng)平面達(dá)到有序和規(guī)則就會呈現(xiàn)出一種舒適感。
• 把排列比作軍隊隊伍中的“集合”，把對齊比作隊伍中的向前/左看齊，就很好理解了。

四、視線移動方向

設(shè)計書籍或排版布局時，要考慮通過設(shè)計讓讀者以怎樣的順序去閱讀作品，通常情況下人的視線是從上到下移動的，所以在設(shè)計時要考慮到這一基本原則。閱讀橫排文章時視線是【由左至右】，閱讀豎排文章的視線是【由右至左】。

視線的移動方向分為三個知識點，橫排閱讀、豎排閱讀、流水式閱讀。流水式閱讀以后會講。

隨便補充一下啊，我讀過的設(shè)計文獻(xiàn)中提到的閱讀方法只有“Z字視線移動方向”，而沒有“T字視線移動方向”。

有一種學(xué)習(xí)方法叫“T型閱讀法”，與視線移動方向的“T字視線移動方向”不是一個概念。視線本身就是從上到下從左到右的形式閱讀的，形成了Z字閱讀方式，我覺得是國人是把這些概念給曲解了，如果有說的不對的地方，也請大佬們多多指點。

4.1 橫排閱讀

橫排閱讀是指作品的排版布局是以橫向的排列方式讓讀者來閱讀作品，橫向的排列方式就是文字是橫著的，大家現(xiàn)在讀的這篇文章就是橫向排列的文章。閱讀橫向排列的文章時視線是從上至下【由左至右】依次閱讀的。

如圖所示：

懂得了橫向排列的方式來閱讀文章會有什么用呢？

由于人們的閱讀習(xí)慣，一般情況下閱讀讀物，都會遵循從左到右閱讀文章的方式，這也就間接影響了文章內(nèi)容的重要性。采用橫向排列的方式進(jìn)行排版布局，重要的內(nèi)容要放在最左面，也就是最方便引導(dǎo)人們視線方向的地方。

如果不把重要的內(nèi)容放在視線方向的地方，讀者不僅閱讀作品時會感到很吃力（可讀性），而且會不理解作品是什么含義，視線也隨之錯亂，作品也會失去原本的含義。

橫排閱讀的實際案例

4.2 豎排閱讀

橫排閱讀是指作品的排版布局，是以豎向的排列方式讓讀者來閱讀作品。閱讀豎向排列的文章時視線是從上至下【由右至左】依次閱讀的，如圖所示。

一定要注意，豎向排列方式內(nèi)容區(qū)在平面的最右面，與橫向排列方式不同，這個規(guī)定就像地球為什么是圓的的道理一樣。

豎排閱讀的實際案例

要點：

• 閱讀橫排文章時視線是【由左至右】，閱讀豎排文章的視線是【由右至左】。
• 不要打破規(guī)則，一切以引導(dǎo)讀者視線為主。

五、組織與重復(fù)

按照一定規(guī)則構(gòu)成布局來編排要素，能使種類繁多的要素顯得整潔有序。

5.1 組織

沒有共通性的雜亂圖形匯聚一起會造成視線混亂，讀者注意力會被分散，也會降低理解力。將圖形用框圈起來，按照等距進(jìn)行排列，整體就會顯得很整潔，也便于找出想要了解的圖形。

組織規(guī)則的實際案例

5.2 重復(fù)

這里的重復(fù)不是指復(fù)制粘貼，而是元素上的重復(fù)構(gòu)成。例如：重復(fù)相同的格式、風(fēng)格、文字、顏色、線、圖案等。為了讓平面具有條理性，用風(fēng)格統(tǒng)一的要素做修飾，讓排版符合流水式，視線清晰自然。

重復(fù)規(guī)則也可以應(yīng)用在平面中、元素中、要素中、形狀中等，靈活運用重復(fù)能使平面具有統(tǒng)一性，也能制造趣味性，增加讀者對作品的印象。

重復(fù)規(guī)則的實際案例

要點：

• 將圖形用框圈起來，按照等距進(jìn)行排列，整體就會顯得很整潔，也便于找出想要了解的圖形。
• 靈活運用重復(fù)能使平面具有統(tǒng)一性，也能制造趣味性，增加讀者對作品的印象。

在此文章中，我將“版面”寫為“平面”；將“動勢”寫為“節(jié)奏”。專業(yè)術(shù)語與理解力雖有差異，但這樣寫最容易讓大家理解。如有大神發(fā)現(xiàn)此寫法有誤，也請多多海涵。

本文是將《版式設(shè)計的原理》- 伊達(dá)千代（日）這本書的理念為基礎(chǔ)，通過自己的理解寫出來的。同時也感謝伊達(dá)千代前輩的知識分享。

感謝大家的支持！

作者：Lawrence_R，微信公眾號：設(shè)計規(guī)則

來源：https://www.zcool.com.cn/article/ZNjkwMzMy.html

本文由 @Lawrence_R 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議