視覺(jué)次序的營(yíng)造是每個(gè)設(shè)計(jì)師所必須精通發(fā)布者：本站     時(shí)間：2020-05-17 11:05:21

在設(shè)計(jì)環(huán)節(jié)中，對(duì)于視覺(jué)次序的營(yíng)造是每個(gè)設(shè)計(jì)師所必須精通的，視覺(jué)次序也可以理解為視覺(jué)層次，它是設(shè)計(jì)中的必然，無(wú)論是海報(bào)設(shè)計(jì)還是頁(yè)面設(shè)計(jì)，從整體來(lái)看總會(huì)有強(qiáng)弱、主次之分，因?yàn)橛辛艘曈X(jué)上的變化，才使得整體更富有層次感；從大體來(lái)說(shuō)：當(dāng)用戶在瀏覽信息很多的網(wǎng)頁(yè)時(shí)，作為設(shè)計(jì)師要做到：即使用戶只是簡(jiǎn)單的瀏覽，也要有能在用戶腦海中形成記憶的視覺(jué)元素，而這些元素就是視覺(jué)中的主，而當(dāng)用戶仔細(xì)閱讀時(shí)才能記憶到的元素才是視覺(jué)上的次；從局部來(lái)說(shuō)：要能在視覺(jué)上形成先后順序；這期的內(nèi)容就是：設(shè)計(jì)中體現(xiàn)視覺(jué)次序手法有哪些？這些也是打破版式的常用手法！

大小對(duì)比
首先，每個(gè)人在瀏覽東西時(shí)都會(huì)有自己固有的習(xí)慣，比如：從上到下、從左到右，這叫常規(guī)方式，而作為設(shè)計(jì)師，不僅僅要只局限于常規(guī)形式，完全的常規(guī)帶來(lái)的是設(shè)計(jì)上的枯燥、乏味！要學(xué)會(huì)利用設(shè)計(jì)知識(shí)打造不同的視覺(jué)次序，營(yíng)造出更強(qiáng)烈的設(shè)計(jì)感、層次感！

在眾多營(yíng)造視覺(jué)次序的手法中，大小對(duì)比幾乎是每個(gè)人都能想到的一種形式，也是很多人認(rèn)為的最簡(jiǎn)單的一種，比如：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

通過(guò)大小對(duì)比的形式能很直觀營(yíng)造出視覺(jué)焦點(diǎn)，這種形式在設(shè)計(jì)中也是最容易接受得一種；如果左側(cè)放置的是也是四塊小的產(chǎn)品，給人的感覺(jué)就會(huì)顯得枯燥、乏味，板式太過(guò)統(tǒng)一，而正是因?yàn)檫@種放大產(chǎn)品的處理手法，拉開了對(duì)比，才使得板式不顯呆板！這種形式無(wú)論是在文字排版、海報(bào)、頁(yè)面都是很實(shí)用的一種，合成設(shè)計(jì)中的近大遠(yuǎn)小也同樣適用，只是在做對(duì)比效果時(shí)一定要大膽！

配色方式
通過(guò)改變不同的配色方式，也能在視覺(jué)上營(yíng)造出視覺(jué)層次的變化，比如我們常見(jiàn)的通過(guò)有彩色與無(wú)彩色進(jìn)行區(qū)分手法：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

在原本無(wú)彩色的排列方式中加入有彩色，在視覺(jué)上就形成了很強(qiáng)烈的差異化，而正是因?yàn)橛辛藦?qiáng)烈的差異，使得存在差異的部分成為了更容易吸引用戶的區(qū)域，所以就在視覺(jué)上形成了先后順序，同時(shí)這種差異的形式也能起到一定打破板式、活躍板式的作用；而在有彩色之間，同樣也能通過(guò)差異化形成視覺(jué)上的主次，比如：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

第一行色塊能最快引起注意的是第二個(gè)，通過(guò)色彩飽和度的不同，在視覺(jué)上形成了很明顯的差異化，進(jìn)一步改變了原本的做從左往右的習(xí)慣性視覺(jué)次序；而第二行色塊中最快能引起注意的是紅色，因?yàn)檫@里用到了改變色系的形式進(jìn)行視覺(jué)上的次序劃分；而之所以在有彩色中也能很好的體現(xiàn)視覺(jué)層次最重要的一點(diǎn)是，他們之間形成的差異足夠明顯，而不是似有非有！

形態(tài)的不同
營(yíng)造不同的視覺(jué)次序最重要的就是在正常人習(xí)慣的固有次序上尋找變化，那么我們同樣可以以形態(tài)上的變化作為差異化的形式，比如：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

在固有的形態(tài)中尋找其中可以引起差異化的元素，從視覺(jué)感受而言可以分為兩種：第一，改變了原本的習(xí)慣性的閱讀方式，也使得整體主次發(fā)生了變化；第二，原本枯燥、呆板的重復(fù)式的結(jié)構(gòu)上因?yàn)樵匦螒B(tài)的改變，也起到了打破整體板式的作用，使得整體板式變化更多，層次感更強(qiáng)且板式因此也變得更加活躍；形態(tài)上的變化還可以這么體現(xiàn)：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

雖然都是矩形框，但是線框與色塊形成了很明顯的差異，同樣也可以體現(xiàn)視覺(jué)層次，而這種形式在很多頁(yè)面中也很常見(jiàn)：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

這也是板式設(shè)計(jì)中很重要的一部分，也就是尋找可以打破板式且營(yíng)造視覺(jué)層次的元素，正是因?yàn)檫@些手法，才使得板式更豐富、更富有多變性！

空間留白
當(dāng)要求不能改變很多時(shí)，在原有的基礎(chǔ)上只需要改變空間位置或者留白方式，也可以營(yíng)造不同的視覺(jué)次序，比如：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

在不改變其大小、顏色、形態(tài)的前提下，只是改變了空間留白，也能起到改變視覺(jué)次序的作用；而在編排或者標(biāo)題設(shè)計(jì)中，通過(guò)空間留白的方式拉開層次、次序也很常見(jiàn)：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

同樣是重復(fù)的形式，左側(cè)完全沒(méi)有給人一種有層次、有次序的感覺(jué)，在用戶眼中，這只不過(guò)是一團(tuán)信息；而右側(cè)通過(guò)改變留白的方式充分的體現(xiàn)出視覺(jué)上的層級(jí)關(guān)系，每一個(gè)獨(dú)立存在的標(biāo)題或者欄目之間都應(yīng)該用留白的方式體現(xiàn)，這種留白要遵循的原則是：標(biāo)題與文案的留白要小于欄目與欄目之間且大于說(shuō)明性文字信息之間；只要這樣才能真正意義上的將層次拉開！

投影的方式
投影在設(shè)計(jì)環(huán)節(jié)中是很常用的一種手法，通過(guò)投影可以體現(xiàn)出前后層次，也能改變視覺(jué)次序，比如頁(yè)面設(shè)計(jì)中的：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

這里只是在色塊上添加了簡(jiǎn)單的投影效果，原本的視覺(jué)次序就瞬間被打破，而這種投影在海報(bào)設(shè)計(jì)中最常用的是打破前后關(guān)系，使得海報(bào)更有層次感：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

這種大投影的方式，在很多海報(bào)以及頁(yè)面中常用的手法之一，因?yàn)橛辛送队?，使得畫面整體形成了明顯的層次關(guān)系，而投影對(duì)于用戶來(lái)說(shuō)也是很容易接受的，比如：按鈕的投影、主體的投影等等，看似很小的改變，往往能給頁(yè)面帶來(lái)很明顯的效果！這種形式也可以理解為形成遮擋關(guān)系，在一些小場(chǎng)景的設(shè)計(jì)中，一樣很實(shí)用：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

有了遮擋關(guān)系，就會(huì)形成視覺(jué)上的層次，這種看似簡(jiǎn)單的手法，最終所呈現(xiàn)的效果卻是立竿見(jiàn)影的！

模糊手法
拉開視覺(jué)次序的另一種手法：模糊，很多人對(duì)于PS里的模糊工具并不陌生，而通過(guò)將視覺(jué)元素模糊化處理，一樣能起到營(yíng)造視覺(jué)層次的效果，比如我們常見(jiàn)的電影海報(bào)中：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

通過(guò)虛實(shí)對(duì)比，使得視覺(jué)層次變化更強(qiáng)，這也是合成設(shè)計(jì)中常用的手法之一，而在文字設(shè)計(jì)中，一樣可以通過(guò)這樣的手法來(lái)開視覺(jué)次序關(guān)系，比如：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

通過(guò)模糊字體中某個(gè)筆畫，在視覺(jué)上形成了一定的空間關(guān)系，也使得整體層次感更加豐富，這也是很多設(shè)計(jì)師喜歡在作品的最后環(huán)節(jié)加一些飄飛模糊的點(diǎn)狀元素豐富整體的常用手法之一：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

視覺(jué)層次的變化對(duì)于整體而言是不可缺少的一部分，有時(shí)只需要一點(diǎn)點(diǎn)的變化就可以帶來(lái)意想不到的效果！

特殊化的處理
特殊處理的形式其實(shí)也包含前面所說(shuō)的的一些，而且在之前的文章中也提到過(guò)，比如將標(biāo)題字體改為特殊字體或者添加下劃線、再或者描邊文字、標(biāo)題加色塊、變色、加邊框、疊加肌理等等，這些手法也都是營(yíng)造視覺(jué)次序的形式：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

應(yīng)用于版式中
這期所說(shuō)的很多都屬于細(xì)節(jié)上的變化，但是很多人對(duì)于細(xì)節(jié)并不重視，認(rèn)為不重要，但其實(shí)優(yōu)秀的版式設(shè)計(jì)基本上都是用不同的細(xì)節(jié)處理方式堆砌而成的，這期所說(shuō)的這些形式用于版式設(shè)計(jì)中也同樣很實(shí)用，如果你的版式太過(guò)呆板，可以通過(guò)考慮這些方面在適當(dāng)?shù)奈恢眠M(jìn)行打破，打破的意思是：在原本很呆板的基礎(chǔ)上尋找視覺(jué)上的層次變化，使得整體版式活躍起來(lái)且富有細(xì)節(jié)感，比如：

設(shè)計(jì)中的視覺(jué)層次如何體現(xiàn)？

這是從一個(gè)頁(yè)面中選取的一個(gè)局部信息，上側(cè)板式給人的感覺(jué)毫無(wú)變化，如果頁(yè)面中出現(xiàn)大面積這種形式的板式，會(huì)使得整體單調(diào)、枯燥，很容易形成視覺(jué)疲勞，而下側(cè)區(qū)域則是為了避免這些，在形式上改變了許多：第一顏色上有輕微的變化，這樣做的目的是區(qū)分開每個(gè)欄目！第二形式上第三個(gè)模塊做了很明顯的層次變化，顏色上明顯加深了、且投影效果加重，而且按鈕區(qū)域也用色塊的形式代替邊框，使得整體層次感更強(qiáng)且有保持在一個(gè)很協(xié)調(diào)的范圍內(nèi)！這里用到的手法，正是這期所說(shuō)的這些！

同樣我們也可以在網(wǎng)上找一些版式感很強(qiáng)的頁(yè)面進(jìn)行分析，去理解這些手法是如何在板式中體現(xiàn)的，比如一些官網(wǎng)的設(shè)計(jì)，看似很簡(jiǎn)潔、元素很少，而往往這種頁(yè)面對(duì)于板式的要求更高，因?yàn)橐脴O少的元素體現(xiàn)其板式變化、層次！

最后總結(jié)
視覺(jué)層次感是提升整體設(shè)計(jì)感很重要的一種形式，如何在固有的視覺(jué)基礎(chǔ)上打破束縛，在形式上形成變化，對(duì)于每個(gè)設(shè)計(jì)師而言都是至關(guān)重要的；而很多設(shè)計(jì)手法都存在著共通性，只要學(xué)會(huì)靈活運(yùn)用，那么我們的設(shè)計(jì)作品就不會(huì)顯得平庸無(wú)常！當(dāng)然這期所說(shuō)的也并非全部，這些只是很常用的一些形式！