井井有條!版式設計的視覺流程!


文/李星 投稿 視覺流程作為版式設計的一種視覺流向主要指版面中相關元素 -- 文字、圖片、圖形、線條和色彩等排列的先後順序和主次關係。通常情況下,視覺流程的形成是由人的視覺習慣決定的。當我們閱讀版面時視線會從上到下、從左向右、由明及暗、從動到靜,由版面的左上角沿著弧線向右下角流動。

井井有條!版式設計的視覺流程!


在這些視線上的任何點都要比其它點的視覺注意率要高。同時人的視線在同一個版面的注意力分佈也是不同的,注意力一般會集中在上方、下方和中上方。一個恰如其分的視覺流程必須符合這種邏輯順序。視覺流程作為一種視覺順序不僅可引導觀者閱讀,還可以減輕觀者的視覺疲勞。

井井有條!版式設計的視覺流程!


一般而言根據版面中相關元素排列順序的不同可以分為不同類型的視覺流程:

①簡潔、自然、讓人一目瞭然的單項視覺流程。

②根據版面內容而確定視覺中心位置,給人以穩定感的重心型視覺流程。

井井有條!版式設計的視覺流程!


③相同或相近元素在版面中重複出現,具有趣味性和節奏感的反覆型視覺流程。

④採用不同手法給觀者以引導作用的導向型視覺流程。

⑤版面中相關元素呈散點式排列,給人以輕鬆、愉悅感的散點型視覺流程。

井井有條!版式設計的視覺流程!


這些不同類型的視覺流程會根據版面的主體內容而定,在確保版面形式與內容統一的基礎上帶給觀者不一樣的感覺。它們各有所長,形形色色的豐富著版式設計。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


版式設計則利用呼應構成、對比排列、信息群組等手法來突出版面主題信息,打破觀者常規的閱讀習慣,使觀者按照作者所設計的視覺流程進行閱讀,在有效傳遞信息的同時使版式設計的形式可以更加豐富。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


橫向視覺流程設計是指將版面中的視覺元素按著水平方向排列。這也是比較常見的一種排列方式,由於人們比較習慣“從左到右”的閱讀方式,所以這種方法也是比較適合大眾的習慣。橫向的視覺設計會給人以一種安定、平穩的視覺感受,在生活中也比較常見。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


豎向視覺流程設計是指將版面中的視覺元素按著垂直方向排列,使人們按照“從上到下”或者“從下到上”方向閱讀。豎向的視覺設計給人以理性、直率、莊重、堅定的視覺感受。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


曲線視覺流程設計是指將版面中的視覺元素按曲線的方向進行排列,引導人們按照曲線的路徑進行閱讀信息。曲線的排列方式給人一種柔美、優雅的視覺感受。曲線視覺流程雖不如橫向、垂直視覺流程那樣直接鮮明,但它更具有韻味、節奏和動態美,能夠營造出輕鬆舒展的氣氛。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


斜向視覺流程設計是指將版面中的視覺元素按斜向進行排列。斜向排列方式給人以跳躍的視覺感受,具有強烈視覺衝擊力,非常容易吸引人們的目光。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


重心視覺流程設計是指在版面中選擇一處位置進行重點信息的傳達,也就是用一個圖形、文字或色彩形象佔據版面的重點位置,突出其要表達的信息。根據主題表達的內容,版面的重點可以是直觀的呈現,主題鮮明突出,也可以是隱藏其中的表達,引人深思。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


反覆視覺流程設計是指把相同或相似的元素進行重複的、有規律的排列,使其產生一定的秩序、節奏與韻律,給人以視覺上的重複感。將一個圖案或圖形進行重複排列,增強了圖形的識別性和畫面的生動感,既能強調主題,加深人們的印象,又能使版面形成強烈的視覺效果。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


散點視覺流程設計是指圖與文字之間、圖與圖等進行自由分散的排列方式,可以有規律,也可以隨意調整。散點版面充滿自由輕快之感,可以凸顯作者的個性和想法。圖片和文字大小、主次的靈活搭配,能使人們的閱讀視線在版面上自由地轉換,給人一種散而不亂的視覺體驗。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


導向視覺流程設計是指利用圖形、文字或色彩等設計元素,引導觀者按照預設好的方向進行閱讀。版面中的導向形式多樣,如直接導向、間接導向、虛形導向和文字導向等。導向視覺流程設計通過指向的設計將想表達的主要內容凸顯,條理清晰,將信息清晰明瞭的傳達給觀者。

井井有條!版式設計的視覺流程!



井井有條!版式設計的視覺流程!


①區別各種元素的主次性。據版面相關元素的主次關係劃分它們在版面中所佔的比例:主要信息應作為主體形象放在版面的視覺中心,並要適當的減少次要信息的比重;還可以通過增大主題信息及其周圍空白麵積,加強主要信息和次要信息大小、顏色、方向對比,運用主要信息呼應群組等形式使主題信息達到被強調的效果。

井井有條!版式設計的視覺流程!


②保持各種元素間的變化與統一。如果版面元素過多,並且沒有統一的基調整個版面就會顯得太過混亂,觀者在閱讀時就會沒有主次性。視覺流程不夠清晰觀者自然也不會找到視覺焦點,設計者的意圖就不能得到領悟。在版式設計的過程中應在相關元素產生變異效果的基礎上,根據需要找尋它們之間的共同點。一般可以藉助呼應構成和元素群組等方式進行版面元素的統一。

井井有條!版式設計的視覺流程!


③利用元素排列的節奏感和韻律感。在版式設計的過程中,可以採用重複、呼應對比、群組等形式令版面元素產生節奏。當這種節奏符合一定旋律時,會使觀者在心理和視覺上產生一種韻律感,進而也會為版面帶來一定的生機和活力。節奏變化較大版面的效果就會強烈,節奏變化小版面自然會舒緩柔和。

井井有條!版式設計的視覺流程!


良好的視覺流程,能夠使觀者的視線按照設計師的意圖,以合理的順序快捷的途徑獲得最佳的視覺印象,實現信息的有效傳遞。同樣一個良好的視覺流程在設計過程中要遵循主次分明、對比與統一、節奏感與韻律感並存等設計原則,只有這樣才會達到有效傳遞信息的目的。

井井有條!版式設計的視覺流程!


① 官方頭條號:設計智造 頂級創意設計師必備


分享到:


相關文章: