編排設計

編排設計的基本原理本章重點：1.視覺中心2.視覺流程3.視覺層次4.視覺趣味5.視覺整體3編排設計的基本原理本章難點：1.視覺流程2.視覺層次3.視覺趣味4.視覺整體編排設計3.1視覺中心3編排設計的基本原理視覺中心版面中心區域中心視覺焦點編排設計

對于編排的功能性目的而言，版面的視覺中心意味著版面中最具視覺表現力的區域，對于視覺信息的傳遞而言，這也是一個黃金區域。對于視覺中心的尋找成為了版面編排中最關鍵的步驟，視覺中心往往也體現了整個版面的視覺意義和視覺價值。

版面中心——出于對稱的視覺習慣，最簡單最直觀的視覺中心就是版面的幾何中心，3編排設計的基本原理在諸多編排設計中----------版面的幾何中心區域就是版面的視覺中心。編排設計3編排設計的基本原理放置在版面的幾何中心的視覺元素具有較強的視覺吸引力重慶大學出版社編排設計

區域中心——是將版面劃分為若干不同的視覺區域，然后通過這些部分區域形成整體的視覺中心。“九宮格”法和“黃金比例”法是最常見的視覺中心營造方法。3編排設計的基本原理版面中按照比例劃分的視覺區域——黃金比的紅色分割線，九宮格分割的灰色線，根號2分割綠色線編排設計最主要的視覺元素被安排在黃金比分割線的周圍3編排設計的基本原理編排設計

視覺焦點——視覺焦點擺脫了版面中心和區域中心的位置束縛，更多指向在版面中具有較高視覺強度和視覺注意力的部分，因此，視覺焦點是版面中另一種意義上的視覺中心。司空見慣的圖形和編排樣式不會引起人們過多的關注，而只有通過對比、節奏、疏密等視覺手法營造出視覺興奮點，人們才會將視線停留而形成視覺焦點。3編排設計的基本原理編排設計3編排設計的基本原理版面中的視覺焦點被放入了最重要的文本編排設計3.2視覺習慣3編排設計的基本原理視覺習慣從上至下的視覺習慣從左到右的視覺習慣最佳視覺區域編排設計3編排設計的基本原理報紙的閱讀也是遵照由上而下的視覺習慣15世紀的書籍版面中，文本段落被適度地上移以形成更均衡的視覺編排設計網頁中的導航大多被安排在左部分區域以適應人類從左向右的視覺習慣3編排設計的基本原理編排設計版面不同區域的視覺注意力3編排設計的基本原理編排設計在RENAULT汽車廣告中，重要的視覺元素被安排在了版面的左上部分的最佳區域內3編排設計的基本原理編排設計3編排設計的基本原理現代期刊的刊名大多放置在版面的最佳視覺區域內編排設計3.3視覺流程

視覺流程是指人在觀察事物的時候，視線流動所具有的先后順序。一般情況有位置1關系流程、②形象關系流程、③重心誘導流程、④導向訴求流程：

3編排設計的基本原理編排設計圖例

這張作品把主要的元素安排在版面的上方，在視覺流程上組織的很好，令人們的視線順其組織方向流動。編排設計3編排設計的基本原理視覺流程單向的視覺流程路徑的視覺流程導向的視覺流程反復的視覺流程解構的視覺流程按圖形①位置關系流程：②形象關系流程：③重心誘導流程：④導向訴求流程：編排設計3編排設計的基本原理

單向的視覺流程——是最簡單也是最清晰的版面秩序，具體可以衍生出水平方向、垂直方向和傾斜方向的不同形式。水平方向的流程引導了視線的左右流動，垂直方向的流程引導了視線的上下流動，傾斜方向的流程引導了視線的對角流動。編排設計3編排設計的基本原理垂直方向的單向視覺流程編排設計水平方向的單向視覺流程3編排設計的基本原理編排設計3編排設計的基本原理

路徑的視覺流程——是復雜的，迂回的視覺引導，它在于將不同方向上的版面元素建立起具有先后的閱讀順序，引導讀者視線以“按圖索驥”的方式閱讀版面。路徑的視覺流程具有直線和曲線的兩種形式。直線的路徑流程建立了版面元素在水平垂直方向的聯系，而曲線路徑使視線形成了具有曲線形態的閱讀方向。編排設計3編排設計的基本原理山水畫中“S”、“之”字型構圖編排設計曲線形態的路徑視覺流程3編排設計的基本原理編排設計3編排設計的基本原理

導向的視覺流程——導向的視覺流程的版面中具有明顯的導向符號和導向結構，版面的視覺元素通過指示性的符號而產生了視覺方向。導向的視覺流程與版面的圖像密切聯系，盡管是版面元素本身不具有方向性，但依附在由圖像的視覺意義所產生的方向感和視線延續上，版面元素獲得了與圖像相呼應的方向性，這種圖像和版面元素之間的內在聯系形成了版面的視覺整體。編排設計文字的趨勢引導了視線方向(CatherineZask)3編排設計的基本原理編排設計發射的文本引導了視線方向(GulitovYuri)3編排設計的基本原理編排設計3編排設計的基本原理

反復的視覺流程——是利用具有相同或相似視覺屬性的版面元素進行排列，通過對于版面元素的反復瀏覽而獲得了穩定的視覺節奏。反復的視覺流程編排設計3編排設計的基本原理

解構的視覺流程——不定性和偶然性是解構視覺流程版面的最大特征，解構的視覺流程版面消解了明顯的視覺結構和流程概念，視覺元素以“無秩序”的狀態分布在版面的不同區域，而這種無秩序的流程放大了版面元素自身的視覺屬性，從而獲得了跳躍性的版面感受。在解構視覺流程的版面中，彼此間具有對立和矛盾關系的視覺元素通過在大小、形態、位置和方向上的消長，在混沌的秩序中獲得了均衡的視覺感受。解構的視覺流程是自由版面設計的主要方法。編排設計解構的視覺流程3編排設計的基本原理編排設計解構的視覺流程，版面的結構被具有強烈視覺特征的視覺元素所掩蓋3編排設計的基本原理編排設計3.4視覺層次

版面編排中的視覺層次包含了兩層意義，一是版面中視覺元素形成的具有層次感的視覺效果，二是版面元素具有秩序性的信息表達。版面信息的層次通常是由信息本身的視覺形態所決定的，我們通常通過改變和調整信息元素間的比例、位置、色度以及動靜等視覺關系來保證版面形成清晰的、容易分辨的視覺層次。3編排設計的基本原理編排設計3編排設計的基本原理比例關系的視覺層次視覺層次位置關系的視覺層次色度關系的視覺層次動靜關系的視覺層次編排設計3編排設計的基本原理

比例關系的視覺層次——比例是最為直觀的形成視覺層次的方式，視覺元素之間大小的比例關系，類似于透視原理，產生了近、中、遠的空間層次。相同的比例關系簡化了版面中的視覺層次編排設計比例關系營造的視覺層次(cyan)3編排設計的基本原理編排設計

位置關系的視覺層次——在位置關系中，前后疊壓的視覺元素構成了版面空間的前后層次。在編排過程中，明確這種前后關系可以形成清晰的視覺層次。位置關系的視覺層次3編排設計的基本原理編排設計

色度關系的視覺層次——在版面編排中，黑白灰體現為色相和明度帶來的視覺差異，無論是有色還是無色的版面，均可以分為黑白灰的視覺層次。在版面中嘗試著以黑白灰關系進行視覺分析，合理分類和簡化版面的色度關系可以形成清晰的視覺層次。3編排設計的基本原理編排設計色度關系的視覺層次色度的對比保證了版面視覺層次的存在3編排設計的基本原理編排設計

動靜關系的視覺層次——在靜態的印刷版面中，動態的元素指向那些具有動勢和具有動勢聯想的視覺元素，動態的版面元素和靜態的版面元素更多的是在視覺意義上的差別，由于對動態形象具有天生的敏感，人們往往是先注意到版面中具有動態傾向的視覺元素。在版面結構中，動態的視覺元素往往位于靜態的視覺元素之上。3編排設計的基本原理編排設計動態的視覺元素被放置在版面的最上層次3編排設計的基本原理編排設計3編排設計的基本原理動態的視覺元素被放置在版面的最上層次編排設計

復雜版面中大量視覺元素的存在使得信息的組織和調度具有難度，依據版面信息的級別，進行合理的分類，將龐雜的版面元素歸納為若干級別的視覺層次，是形成有效視覺層次的主要途徑。大部分的版面可以被簡單地劃分為最重要的信息、次要的信息以及背景等若干有效的視覺層次。

3編排設計的基本原理編排設計網頁的總體頁面結構通常不超過三個級別，以保證信息組織的清晰性3編排設計的基本原理編排設計組成版面的三個視覺層次(CatherineZask)3編排設計的基本原理編排設計3.5視覺趣味

視覺趣味是在功能性基礎上的趣味營造。在后現代編排設計中，視覺趣味幾乎已經上升到了與視覺傳達等同的高度。版面中的視覺趣味是通過視覺手法而形成的形式趣味，表現為視覺元素個體或排列組合關系中的全新樣式。版面趣味的營造可以是全方位，多角度的。常用手法有：改變視覺元素的形態、肌理等屬性；以視覺表現手法創造元素彼此間的視覺聯系；標準秩序和形式的對立。3編排設計的基本原理編排設計拼貼的文本帶來的視覺趣味(WunderlichGert)3編排設計的基本原理編排設計文字的虛實關系形成的視覺趣味(Boris)3編排設計的基本原理編排設計剪刻的字體所帶來的視覺趣味(HenrykTomaszewski)3編排設計的基本原理編排設計圖形化的字體所帶來的版面趣味3編排設計的基本原理編排設計繁復的視覺符號所帶來的版面趣味3編排設計的基本原理編排設計圖像與文本之間的意象聯系形成的視覺趣味（劉曉丹）3編排設計的基本原理編排設計符號化的圖式帶來的版面趣味(RichardNiesse)局部文字版面中的視覺趣味(Hansje)3編排設計的基本原理編排設計體現了數字時代特征的視覺趣味視覺趣味集中在具有偶然性的計算機語匯中(martinwodtili)3編排設計的基本原理編排設計3.6視覺整體相似性——具有相似或相同屬性的視覺元素具有整體性。3編排設計的基本原理視覺整體鄰近性——空間位置上類似的物體被稱為臨近或接近的關系。連續性——連續性是指具有連續運動或方向的視覺組織。閉合性——把具有內在聯系的局部當作一個整體的視覺形象來感知。編排設計具有相似手法的插圖使郵票具有了整體的視覺外觀相似的視覺圖像構成了版面的整體視覺3編排設計的基本原理編排設計同質的處理手法帶來了版面視覺的整體性(PhilippeApeloig)3編排設計的基本原理編排設計相似的色彩和構成方法構成了系列海報的整體視覺3編排設計