印刷和屏幕布局，是平面設(shè)計(jì)的最重要的方面之一?？邕^(guò)多個(gè)頁(yè)面或屏幕的設(shè)計(jì)，無(wú)論類型的或大或小，必須是吸引人的，并容易為所有人接受的方式。為此我們不得不考慮的一個(gè)重要方面——控制視覺(jué)層次的設(shè)計(jì)。

在這篇文章中，我們將著眼于怎樣把不同類型分解成不同的層次，如重要性和語(yǔ)音語(yǔ)調(diào)等。我們將探索如何依靠這幾件事情，可以實(shí)現(xiàn)不同視覺(jué)質(zhì)感和色調(diào)。

設(shè)計(jì)師作為讀者

文字組成單詞，每個(gè)單詞都有意義。雖然文字規(guī)模，色調(diào)，紋理是組成設(shè)計(jì)的必要元素，但人們認(rèn)可設(shè)計(jì)時(shí)，必須考慮到實(shí)際的話的含義。通過(guò)閱讀，并試圖了解在一個(gè)項(xiàng)目中某些文字使用的頻率來(lái)決定的排版順序和相對(duì)重要性的信息是至關(guān)重要的。有價(jià)值的設(shè)計(jì)師，能使關(guān)鍵單詞和字母耐人尋味，具有挑戰(zhàn)性，甚至令人震驚的效果，進(jìn)而吸引讀者注意力。

為了提高目標(biāo)受眾對(duì)設(shè)計(jì)的理解，并促進(jìn)其與它的互動(dòng)，設(shè)計(jì)人員需要換位思考，并解釋他們的層次結(jié)構(gòu)，根據(jù)內(nèi)容增加或減少文字。

Rebecca Foster’s在英國(guó)青年維克劇院的海報(bào)，展現(xiàn)了一個(gè)聰明的雙重含義。

安東尼諾蘭信托基金成立在20世紀(jì)70年代在英國(guó)找到骨髓匹配，以幫助在抗擊白血病。海報(bào)和Web頁(yè)面，由約翰遜銀行設(shè)計(jì)的，反映這些不同的單詞相同的字母聯(lián)系。

大膽使用全大寫的無(wú)襯線字體是高度可見的，但它們經(jīng)常被用來(lái)警告危險(xiǎn)，他們大幅增加在整體設(shè)計(jì)中某些詞的意義。

更多裝飾字體能吸引人，但可能會(huì)難以閱讀，將不可避免地影響到視覺(jué)上的層次，但不一定都以簡(jiǎn)單的方式呈現(xiàn)，所有的字體的視覺(jué)影響都需要考慮周全。

Little Miracles的設(shè)計(jì)，使用簡(jiǎn)明的無(wú)襯線字體，用來(lái)傳達(dá)微妙的口味和健康性能的有機(jī)能量飲料。

紋理和色調(diào)

字母，單詞、圖案多種類型在一起，形成不同的色調(diào)值和不同的特征的圖案或紋理。根據(jù)這些色調(diào)值的規(guī)模及紋理，觀看者被吸引到的程度不同。字體，點(diǎn)的大小，色調(diào)，重量，字間距，行間距和一般的空間位置分布也是重要的，因?yàn)樗鼈兊牟季謺?huì)造成不同程度的影響

紋理和色調(diào)控制用戶讀取文本的順序。雖然主流報(bào)價(jià)在灰色方塊和文字不是在頁(yè)面頂部，但他們會(huì)讓人第一眼就看到。?

字體結(jié)合創(chuàng)建層次

在本節(jié)中,我們將討論相結(jié)合的字體產(chǎn)生趣味。創(chuàng)建層次結(jié)構(gòu)的關(guān)鍵是對(duì)比,它可以來(lái)自簡(jiǎn)單的改變重量,規(guī)模、定位、顏色、語(yǔ)氣或字體。雖然這聽起來(lái)容易,但做起來(lái)是復(fù)雜的。盡管使用了似乎是一個(gè)完全不同的字體,可能會(huì)有意想不到的效果。因此視覺(jué)的判斷是至關(guān)重要的。

兩種截然不同的字體，Baskerville and Futura組合。

博物館和畫廊網(wǎng)站優(yōu)秀的示范了復(fù)雜層次結(jié)構(gòu)。字體組合增強(qiáng)機(jī)構(gòu)的視覺(jué)識(shí)別,往往采用不同的字體匹配不同的展覽內(nèi)容。

 
維多利亞和阿爾伯特博物館，國(guó)家肖像畫廊（倫敦）和古根海姆博物館（紐約）所有的網(wǎng)站層次結(jié)構(gòu)復(fù)雜，所有使用字體精心打造，充滿秩序、結(jié)構(gòu)和號(hào)召力。

多彩類型

在創(chuàng)建層次結(jié)構(gòu)中，顏色扮演許多角色。光明和充滿活力的顏色往往會(huì)吸引我們,而柔和的淡顏色可以用來(lái)征服細(xì)節(jié)。特定的顏色在不同的文化中會(huì)有不同的聯(lián)想。

Frost Design使用的粉紅色在這個(gè)廣告的戲劇性的對(duì)比效果，并增加了吸引力。

Frost Design的設(shè)計(jì),紅色是巧妙地用于某些字形,引導(dǎo)觀眾去讀第一和第二層次的含義。

數(shù)量型

激動(dòng)人心的層次結(jié)構(gòu)和視覺(jué)焦點(diǎn)、秩序可以創(chuàng)建。當(dāng)文本是相當(dāng)少的或者相當(dāng)繁瑣甚至包括多個(gè)段落、標(biāo)題、說(shuō)明時(shí)，“設(shè)計(jì)師作為讀者”走到前臺(tái),選擇適當(dāng)?shù)闹刃蚝蛯哟谓Y(jié)構(gòu)是至關(guān)重要的。他們必須確保觀眾是被吸引了。

可以說(shuō),上述設(shè)計(jì)有五個(gè)或六個(gè)級(jí)別的印刷上的層次結(jié)構(gòu),但都是協(xié)調(diào)和服務(wù)來(lái)吸引和引導(dǎo)讀者閱讀信息,沒(méi)有使過(guò)程太復(fù)雜。

為什么網(wǎng)格是如此實(shí)用

網(wǎng)格起著至關(guān)重要的作用在圖形設(shè)計(jì)的每個(gè)領(lǐng)域。網(wǎng)格是布局一個(gè)重要的組織工具。網(wǎng)格提供了一個(gè)框架和結(jié)構(gòu)類型與圖像的組合。在多個(gè)頁(yè)面,一個(gè)一致的網(wǎng)格帶來(lái)凝聚力,提高易讀性。

藝術(shù)雜志圖頁(yè)。

MAP是一個(gè)國(guó)際藝術(shù)雜志設(shè)計(jì)的工作室?；顫姷木W(wǎng)格有不同數(shù)量的列,使在相同的頁(yè)面上產(chǎn)生了有趣的空間。而不是通過(guò)任何印刷上的變化。其鮮明的顏色也吸引了讀者。

大部分的設(shè)計(jì)到目前為止我們所看到的都是大容量文本。我們還沒(méi)有討論一頁(yè)只有有限信息的文本。大量留白是一種理想狀態(tài),但使類型、圖像和空間很好地協(xié)同工作,并非易事。

這個(gè)商業(yè)設(shè)計(jì)由總部設(shè)在倫敦的設(shè)計(jì)工作室制作

這本書很多利用小文本和最小的圖像。設(shè)計(jì)師們巧妙地引導(dǎo)讀者，對(duì)重要的內(nèi)容放在廣闊的空間中。使用紅色增加了效果。

視覺(jué)層次結(jié)構(gòu)無(wú)疑是值得學(xué)習(xí)的關(guān)鍵,通過(guò)一個(gè)有效的設(shè)計(jì)來(lái)反映優(yōu)先、重點(diǎn)和可能的語(yǔ)音語(yǔ)調(diào)。用這種方式工作是一種視覺(jué)上有趣的交流方式,可以非常有效地用來(lái)表達(dá)和簡(jiǎn)化信息,不僅增進(jìn)理解,而且使讀者異常享受閱讀的過(guò)程。

文章來(lái)源：百度MUX