“會(huì)哭的孩子有奶吃”這是老以輩常說的話，孩子哭了，父母就知道孩子餓了；把這句話運(yùn)用于網(wǎng)頁設(shè)計(jì)中，突出網(wǎng)站中的主題元素，才能夠吸引用戶的注意。那么如何能夠確保你的品牌標(biāo)志設(shè)計(jì)真夠有效的傳播呢？只有讓你的設(shè)計(jì)更富有層次，更精彩！讓網(wǎng)頁從視覺上虜獲用戶的心！
那么問題來了，富有視覺層次的網(wǎng)頁可以從哪些方面突出呢？
視覺層次結(jié)構(gòu)的一個(gè)最重要的功能是幫助作品建立一個(gè)焦點(diǎn)，當(dāng)觀眾開始瀏覽你設(shè)計(jì)作品時(shí)給他們一個(gè)入口點(diǎn)，并且讓他們能夠看到你要展示的最重要的信息在哪里。
讓我們回顧一些不同的方式，通過突出我們的設(shè)計(jì)元素，來創(chuàng)建一個(gè)清晰的具備焦點(diǎn)和動(dòng)態(tài)的視覺層次:
1.使用大小來加強(qiáng)（或削弱）可見性
把最大的設(shè)計(jì)元素最吸引眼球。擴(kuò)大一個(gè)對(duì)象的大小（其尺寸）和規(guī)模（它與其他對(duì)象的大小關(guān)系）是提高它視覺重要性最簡(jiǎn)單直接的方法。
另一方面，一些設(shè)計(jì)元素沒那么重要或者你想把它弱化，可以通過減小它的大小來使它不那么明顯，以此來降低它的視覺層次。
就像任何的設(shè)計(jì)準(zhǔn)則一樣，平衡和適度都是關(guān)鍵。一個(gè)太大的視覺焦點(diǎn)會(huì)毀掉一個(gè)設(shè)計(jì)，而一個(gè)太小的次要信息則會(huì)損害其可用性。
2.色彩和對(duì)比度：對(duì)觀眾注意力直接的吸引
在視覺上最能引起我們注意的就是色彩，特別是當(dāng)它被有意圖地用在特別重要的信息傳達(dá)或者圖像當(dāng)中。比如像紅色或者黃色這樣明亮的色彩，不管它是出現(xiàn)在道路兩旁的交通標(biāo)志上還是掛在當(dāng)?shù)乜Х瑞^門頭上的招牌上，我們都很難不去注意到它。
然而，如果你想把彩虹當(dāng)中出現(xiàn)的所有顏色都用于設(shè)計(jì)中，當(dāng)你忽略其中任何一種顏色都有可能影響視覺層次的構(gòu)建。這也是我們提倡帶使用盡可能少的顏色并且?guī)в心康男缘氖褂盟年P(guān)鍵原理所在。
從另一個(gè)角度來說，在色彩和對(duì)比度的設(shè)計(jì)上，也有很多創(chuàng)造性的方法可以應(yīng)用于引導(dǎo)觀眾的視線，包括：
色溫：色彩可以是冷的（就像藍(lán)色和綠色），暖的（例如紅色、橘色和黃色），也可以是中性的（比如黑色、白色、灰色，有些時(shí)候出現(xiàn)的棕色或米色）。色溫的混搭，特別是出現(xiàn)高對(duì)比度的時(shí)候，能夠產(chǎn)生很大的視覺吸引力。
色值：顏色的色值指的展示為顏色的亮或暗。像色溫一樣，不同色值的顏色可以通過互相搭配，產(chǎn)生戲劇性的效果，而相似的色值的顏色則會(huì)有更均等的視覺重量。
飽和度：一個(gè)極其純的顏色，其明度是100%飽和，越接近灰色，就越不飽和。采用明亮的或柔和的顏色（一種單一的顏色或者與別的顏色相配合）是在設(shè)計(jì)中實(shí)現(xiàn)高對(duì)比或者低對(duì)比的重要策略。
03. 排版的層次結(jié)構(gòu)：從3個(gè)層次來組織你的設(shè)計(jì)
對(duì)于任何以文字為主的設(shè)計(jì)，文字排版層次是視覺層次中一個(gè)不可忽視的部分。若想了解文字排版層次最基本的概念，只要去想想那些報(bào)紙或者雜志文章里面的標(biāo)題，子標(biāo)題和正文。
這個(gè)將文字分為3層次的方法能用個(gè)任何的設(shè)計(jì)里面（從名片到網(wǎng)站）。讓我們?cè)诟敿?xì)的了解一下每個(gè)層次并看看他們通常可能被用在哪里。
第一層次：一般來說，你排版中的第一層次會(huì)是最重要的內(nèi)容，這些內(nèi)容應(yīng)該是你設(shè)計(jì)中最容易被看到的元素
第二層次：第二層次的元素一般是為了整合你的設(shè)計(jì)，或者把相關(guān)的信息鏈接起來。它們不能跟你的第一層級(jí)的元素一樣出眾，但是應(yīng)該很清楚的指導(dǎo)閱讀者區(qū)分設(shè)計(jì)中不同的部分和引導(dǎo)讀者。
第三層次：對(duì)于一個(gè)文字的排版，第三層次一般是指完整的信息，目的或者是設(shè)計(jì)的細(xì)節(jié)。它可以是長(zhǎng)的或者短的（比如一整片文章，一個(gè)簡(jiǎn)短的注釋，一個(gè)簡(jiǎn)介）。但是這部分主要考慮其強(qiáng)烈的可讀性，即使文字的大小看起來稍微小。
04. 字體：仔細(xì)選擇字樣類別和風(fēng)格
排版層次不是文字排列時(shí)需要考慮的唯一一個(gè)方面。您的字體本身的外觀 – 字體類別（無襯線，襯線字體，腳本，或裝飾）和樣式（粗體，斜體，小盤股等） – 這些因素決定是否造就好的設(shè)計(jì)
可以把字體想象作為人格類型。你知道有些是響亮而華麗的，有些是安靜，但有趣的，其他的一些是靈活的，適用在什么地方，取決于跟誰搭配。
適當(dāng)?shù)厥褂眠@些特性（使之與你項(xiàng)目中的內(nèi)容相匹配），并有策略地提升你的設(shè)計(jì)。雖然排版層次將整合你的設(shè)計(jì)，使之便于瀏覽，文體的選擇則有助于提升設(shè)計(jì)的整體氣質(zhì)，并創(chuàng)建一個(gè)自然的強(qiáng)調(diào)方式。
5．間距：讓你的布局平衡、流暢以及焦點(diǎn)明確
通常，在設(shè)計(jì)中最容易忽視的卻很重要的原則是白色區(qū)域的大小和留白手法。當(dāng)你在你的設(shè)計(jì)布局中沒有提前為留白區(qū)域做準(zhǔn)備，尤其是你努力去填充盡可能多的信息的時(shí)候，很大可能你最終會(huì)得到一個(gè)亂七八糟、混亂不堪的設(shè)計(jì)。這是因?yàn)榱舭自谀愕脑O(shè)計(jì)中是能夠幫你分離組織元素，讓其看起來有條理，布局平衡的必要元素。
你可能之前看到過：一個(gè)網(wǎng)站或傳單被信息、文字和圖像塞得滿滿的，你甚至不知道你應(yīng)該從哪開始看起。不要?jiǎng)?chuàng)造出像那樣在瀏覽順序上雜亂無章的設(shè)計(jì)，這樣會(huì)趕走你的來訪者。
時(shí)刻計(jì)劃著空白區(qū)域，這是至關(guān)重要的事，如：
·讓瀏覽者的眼睛有一片休憩的區(qū)域以及暢游設(shè)計(jì)的路徑。
· 將版面分為幾部分（這樣做一方面能保持良好的間距，另一方面是能減少空間，從而把相關(guān)內(nèi)容連接的更緊密）
06.構(gòu)圖：確定你的設(shè)計(jì)結(jié)構(gòu)
你能通過我們之前提到的一些技術(shù)方法制作的布局來引導(dǎo)訪問者，但是，大部分設(shè)計(jì)更受益于整體結(jié)構(gòu)或者組織規(guī)律——這就是我們熟知的構(gòu)圖。
藝術(shù)家已經(jīng)使用構(gòu)圖技巧已經(jīng)有幾個(gè)世紀(jì)了，它們大部分還在今天使用。讓我們來看一看一些最常用的構(gòu)圖方法。
三分法：三分法是一種動(dòng)態(tài)的構(gòu)圖方法，你的焦點(diǎn)預(yù)先不是放在中心點(diǎn)上。
相反，這條規(guī)則把整體布局分成一個(gè)網(wǎng)格，（三條相同距離的水平線和三條相同距離的垂直線）然后，把焦點(diǎn)放在一條線上，或者放在四個(gè)相交點(diǎn)其中一點(diǎn)上。
奇數(shù)法則：這個(gè)法則告訴我們3往往更好。一個(gè)創(chuàng)意的周圍有一個(gè)奇數(shù)的對(duì)象（或許焦點(diǎn)被其他兩個(gè)或者四個(gè)項(xiàng)目圍繞，如下）總是比一個(gè)偶數(shù)在視覺上看起來更有趣和令人高興。
隱藏的韻律：這會(huì)是一個(gè)非常有效的指明重要信息和提供簡(jiǎn)明設(shè)計(jì)方案的技巧。怎樣創(chuàng)造這種具有動(dòng)感的設(shè)計(jì)？視覺導(dǎo)向線。
導(dǎo)向線不必是實(shí)實(shí)在在的線條（即使它們可以是實(shí)實(shí)在在的線條）。它們或以實(shí)物、形狀、重疊式設(shè)計(jì)元素、正負(fù)形交疊的狀態(tài)出現(xiàn)，或者其余任何能創(chuàng)造一種定向運(yùn)動(dòng)的形式。
最常見的除水平的、垂直的，對(duì)角的導(dǎo)向線以外，還有S曲線、Z字形線。Z字形線性版式是一種普及的網(wǎng)頁布局基礎(chǔ)，是利用”Z”的形狀為閱讀模式的方式。
建立明確的視覺層次在你的設(shè)計(jì)項(xiàng)目中的重要性。當(dāng)然，過多的強(qiáng)調(diào)點(diǎn)很容易會(huì)破壞整個(gè)視覺的層次效果。視覺強(qiáng)調(diào)不能使用在過多的設(shè)計(jì)元素中。否則，所有的東西都變得一樣了。當(dāng)所有的東西都被突出，那也就意味著沒有一樣?xùn)|西能夠被突出。層次建立的基礎(chǔ)是要強(qiáng)調(diào)某些元素，同時(shí)削弱某些元素。
,