今天給大家?guī)?lái)了平面設(shè)計(jì)作品集制作核能概念：Hierarchy視覺(jué)層級(jí)，層次！讓你的平面設(shè)計(jì)作品集從此向扁平無(wú)趣說(shuō)Say Bye！怎么制作平面設(shè)計(jì)作品集？一下就由自然光線藝術(shù)留學(xué)的平面設(shè)計(jì)作品集培訓(xùn)導(dǎo)師一步步演示給大家！

很多時(shí)候我們被街邊的Poster吸引

或是被雜志的排版抓住眼球

總以為這是因?yàn)閱渭兊摹昂每础?/p>

但其實(shí)藝術(shù)留學(xué)平面設(shè)計(jì)這件事

又非常多的小trick

比如之前講過(guò)的平面設(shè)計(jì)留學(xué)作品集"留白"

以及今天要為大家?guī)?lái)的

Hierarchy，層次

如何制作平面設(shè)計(jì)作品集？

      平面設(shè)計(jì)作品集中的層次Hierarchy

　　層次對(duì)于平面設(shè)計(jì)留學(xué)作品集排版來(lái)說(shuō)是一個(gè)很大的概念，但是又很重要，其實(shí)也很好掌握。

　　作為設(shè)計(jì)方法論重要的關(guān)鍵詞之一：Hierarchy，在美術(shù)平面設(shè)計(jì)留學(xué)中，具有決定性的作用。其詞的含義，即指：“視覺(jué)層級(jí)”。同時(shí)推出姐妹篇：《平面設(shè)計(jì)作品集制作:信息傳達(dá)/視覺(jué)節(jié)奏美/構(gòu)圖/個(gè)人能力缺一不可》大家一定要記得回來(lái)看哦！

（Poster From Pinterest）

　　今天，我們將為大家介紹如何通過(guò)改進(jìn)層次提升你的平面設(shè)計(jì)留學(xué)作品集。層次體現(xiàn)在視覺(jué)中就會(huì)出現(xiàn)對(duì)比（contrast），對(duì)比是一種趨向于對(duì)立沖突的藝術(shù)美中最突出的表現(xiàn)手法。

　　它把作品中所描繪的事物的性質(zhì)和特點(diǎn)放在鮮明的對(duì)照和直接對(duì)比中來(lái)表現(xiàn)，借彼顯此，互比互襯，從對(duì)比所呈現(xiàn)的差別中，達(dá)到集中、簡(jiǎn)潔、曲折變化的表現(xiàn)。

　　通過(guò)這種手法更鮮明地強(qiáng)調(diào)或提示產(chǎn)品的性能和特點(diǎn)，給消費(fèi)者以深刻的視覺(jué)感受。作為一種常見的行之有效的表現(xiàn)手法，可以說(shuō)，一切藝術(shù)都受惠于對(duì)比表現(xiàn)手法。

（Poster From Pinterest）

　　即使你對(duì)這個(gè)概念并不熟悉，你也一定看到過(guò)很多不同的層次平面設(shè)計(jì)作品集制作排版。

　　報(bào)紙，就有很明確的層次：主標(biāo)題，副標(biāo)題和正文。這是很典型的三級(jí)排列?，F(xiàn)在很多打印品和線上設(shè)計(jì)仍在使用這種排版。

20世紀(jì)早期到中期的報(bào)紙

國(guó)外平面設(shè)計(jì)作品集

為我們提供了鮮明的例子：

　　盡管現(xiàn)在，我們的主標(biāo)題不再必須用6英寸的大字體來(lái)吸引讀者的注意力，上圖還是一個(gè)很好的參考：不同的層次可以更好地向讀者展示哪些是重要信息。

　　讀者隨意一瞥就能掌握到整體的排版，從而更快速地找到自己需要的信息。

　　增強(qiáng)可讀性和可用性是這種排版最重要的幾個(gè)好處之一。如果不遵循一定的層次排量房噶，就會(huì)像下圖例子中的前兩個(gè)一樣讓人抓不住重點(diǎn)。讀者會(huì)很難分清圖中的層次，找不到主次。

　　前三個(gè)平面設(shè)計(jì)作品集制作排版例子可以通過(guò)換字體、改變字體大小、增加行間距、改變風(fēng)格、增大不同區(qū)域的距離等增加易讀性。

　　平面設(shè)計(jì)作品集如何層次合理？

　　所以怎樣才能在平面設(shè)計(jì)作品集設(shè)計(jì)中打造一個(gè)合理的層次呢？

　　經(jīng)過(guò)大家的多番實(shí)驗(yàn)證明，平面設(shè)計(jì)作品集設(shè)計(jì)出三種層次是一個(gè)很好下手的方式。

主級(jí)：

　　一般來(lái)說(shuō)，你的一級(jí)層次應(yīng)該是你的所有信息中最為重要的那些；應(yīng)該是你的平面設(shè)計(jì)作品集設(shè)計(jì)中最顯眼的元素。

（Poster From Pinterest）

次級(jí)：

　　次級(jí)元素可以將你的平面設(shè)計(jì)作品集設(shè)計(jì)整理成幾個(gè)不同的部分或是把相近的內(nèi)容組合。次級(jí)信息不能向主級(jí)一樣搶眼，但是可以明確地指引讀者找到他們需要的信息。

（Poster From Pinterest）

三級(jí)：

　　對(duì)于文字內(nèi)容較多的平面設(shè)計(jì)作品集來(lái)說(shuō)，三級(jí)文字，就是整個(gè)設(shè)計(jì)中最主要的部分。它可長(zhǎng)可短，整篇文章，或是幾句話，或是一個(gè)簡(jiǎn)介，不過(guò)最重要的就是一定要便于閱讀，因?yàn)橥ǔ?lái)說(shuō)這一級(jí)的文字大小都較小。

（Poster From Pinterest）

　　下圖是一個(gè)很簡(jiǎn)單的產(chǎn)品宣傳，雖然簡(jiǎn)潔，但是還是分出了至少三個(gè)不同的層次。

　　1、產(chǎn)品的名字，是主級(jí)內(nèi)容；

　　2、價(jià)格是次級(jí)內(nèi)容；

　　3、產(chǎn)品介紹是三級(jí)內(nèi)容。

　　注意產(chǎn)品簡(jiǎn)介部分的文字雖然很小，但是行間距很大，所以不會(huì)不好辨認(rèn)。

Dribbble/Sam Thibault for Handsome

　　其實(shí)你有很多種排列組合的方法。許多方法可能只是一些小細(xì)節(jié)，但是正如美國(guó)一位有影響力的設(shè)計(jì)師Charles Eames所說(shuō)：“細(xì)節(jié)不單單只是細(xì)節(jié)，細(xì)節(jié)成就設(shè)計(jì)”。

　　讓我們來(lái)看看在層次方面，我們可以做的一些細(xì)節(jié)嘗試吧！

如何設(shè)計(jì)平面設(shè)計(jì)作品集排版層次？

　　01.調(diào)整字體大小

　　改變字體大小是最簡(jiǎn)單的區(qū)分平面設(shè)計(jì)作品集不同層次的方式。對(duì)于三級(jí)層次排版來(lái)說(shuō)，通常一級(jí)信息的文字是最大的，隨著信息的次要程度增加，文字越來(lái)越小，到三級(jí)達(dá)到最小的文字。

　　我們通常的閱讀習(xí)慣是從左至右，從上至下，所以上下層的結(jié)構(gòu)是最容易使讀者接受的。這是書籍、雜志、網(wǎng)頁(yè)等等非常常見的排版。

Bloomberg Politics

　　記住，改變層次都是為了使你最重要的信息更加突出。無(wú)論這個(gè)信息是一個(gè)名字、一篇文章或博客的標(biāo)題、廣告上的促銷折扣等等，如果這個(gè)部分你能使用最大的字體，那么它肯定就能最夠吸引別人的注意力。

　　比如說(shuō)，下圖中的折后價(jià)錢$97就要比其他信息大的多。同時(shí)還使用了亮紅色來(lái)強(qiáng)調(diào)。

Dribbble/Flavius Nechita

　　02.選擇一組差異較大的字體

　　再想一想我們前面看到過(guò)的報(bào)紙的例子。它是不是同時(shí)使用了粗體的無(wú)襯線字體和斜體襯線字體來(lái)做出對(duì)比？

　　雖然我們制作的平面設(shè)計(jì)作品集字體對(duì)比不用非要那么強(qiáng)烈，但是對(duì)比絕對(duì)是成功的字體組合的關(guān)鍵。

　　多年來(lái)，襯線字體和無(wú)襯線字體的組合一直被很多設(shè)計(jì)師使用。對(duì)任何設(shè)計(jì)來(lái)說(shuō)，這種經(jīng)典組合都是一個(gè)很好的開始。就算只在主級(jí)文字中使用與其他部分不同的字體，也會(huì)打造出非常好的效果。

Dribbble/Filip Slovကek

　　一定要記住不要選擇太多字體，過(guò)多的字體只會(huì)讓你的平面設(shè)計(jì)作品集顯得擁擠。對(duì)于絕大多數(shù)平面設(shè)計(jì)作品集來(lái)說(shuō)2-3種字體就足夠了。在選擇字體時(shí)同時(shí)注意一定要注意字體是否與內(nèi)容相匹配。

　　比如說(shuō)，你肯定不能在重要信息處使用那種時(shí)髦的、難以辨認(rèn)的字體吧?；蚴窃诖蠖蔚奈淖謨?nèi)容中使用讀起來(lái)會(huì)很累的連體字體。還有的字體調(diào)小了之后會(huì)很難辨認(rèn)。

（Poster From Pinterest）

　　03.嘗試不同的字體風(fēng)格和寬度

　　許多字體都提供不同的風(fēng)格和粗細(xì)選擇。不同的風(fēng)格包括斜體、小型大小字母、縮小的或是擴(kuò)大的字體。寬度指字體的不同的粗細(xì)。如果你的字體有細(xì)、中、粗、加粗，這就是不同的寬度。

　　這些元素幫助你在平面設(shè)計(jì)作品集設(shè)計(jì)中擁有了更多的選擇。以下圖中的newsletter為例。所有的無(wú)襯線字體都使用了同樣的字體大小，但是使用了不同的寬度。加粗的

　　Newsletter使標(biāo)題更加醒目。

Dribbble/Whitney for Switch.co

　　下圖中的標(biāo)簽都使用了不同的字體風(fēng)格和寬度。

Dribbble/Hoefler&Co.

　　04.添加一些顏色

　　就像風(fēng)格和寬度一樣，顏色也可以使你的文字內(nèi)容更加突出。由于顏色通常都有自己傳達(dá)的含義，所以在選擇時(shí)要確保正確的顏色要在合適的位置。

　　下圖中是一家秉承可持續(xù)發(fā)展的咖啡公司的活動(dòng)邀請(qǐng)函。這個(gè)創(chuàng)意平面設(shè)計(jì)作品集設(shè)計(jì)就很好地使用了自然、樸實(shí)的顏色襯托公司的發(fā)展理念和活動(dòng)主題。

Dribbble/Krista Engler

　　同樣的道理，對(duì)比色的碰撞更能吸引注意力，下圖的名片使用了顯眼的黃藍(lán)配色來(lái)抓人眼球。

　　05.注意間隔

　　設(shè)計(jì)時(shí)，文字的間隔包括行間距和字間距都可以使一個(gè)清晰、簡(jiǎn)潔易讀的創(chuàng)意平面設(shè)計(jì)作品集設(shè)計(jì)變成擁擠、令人費(fèi)解的排版。

　　比如下面這個(gè)例子，充分的間距使下圖的設(shè)計(jì)清晰易讀，就算是小標(biāo)簽上的文字，也能看清楚。

　　如果平面設(shè)計(jì)作品集設(shè)計(jì)保留了足夠的間距的話，我們很快就可以知道應(yīng)該如何閱讀，提取信息。相反地，如果沒(méi)有留下足夠的間距，我們就需要瞇起眼睛仔細(xì)地辨別這些文字?；蚴菈焊幌肟催@個(gè)設(shè)計(jì)了，因?yàn)檫@個(gè)平面設(shè)計(jì)師作品集設(shè)計(jì)得過(guò)于雜亂。

　　下面這個(gè)展示文稿，使用了足夠的間距、將文字分散放置、加入一些空白元素來(lái)避免了間距不夠的問(wèn)題，同時(shí)，顏色的板塊和幾何圖形使各個(gè)板塊排列有序。

Dribbble/Rob Luke for Skookum Digital Works

　　06.注意間隔

　　間隔不單單指將各個(gè)元素分離，同時(shí)還包括將相似的元素靠近。減少兩個(gè)相似的板塊間的距離也有利于讀者處理信息。

　　尤其是對(duì)于文字很多的留學(xué)平面設(shè)計(jì)作品集來(lái)說(shuō)，將同類文字靠近是保持總體排版平衡的關(guān)鍵。

Dribbble/Elysse Ricci

　　07.玩轉(zhuǎn)各種方向

　　有的時(shí)候平行的文字可能并不能達(dá)到你想要的效果，這個(gè)時(shí)候不如試一試將文字旋轉(zhuǎn)，或是傾斜和扭曲，這些都可以使這一部分的文字內(nèi)容與其他的文字分隔開，也會(huì)更吸引注意力。

Dribbble/Bethany Heck

　　在打造層次的時(shí)候，你八成會(huì)使用到上面提到的所有方法或是其中的大部分方法，就像下面這個(gè)婚前派對(duì)邀請(qǐng)函一樣。

　　這個(gè)平面設(shè)計(jì)作品集使用了不同的字體大小、不同的字體、不同的顏色、增加間距、減少間距和文字變形來(lái)打造出一個(gè)完整的分層設(shè)計(jì)。

Dribbble/Casey Cooke

　　合理地使用這些方法可以使你的設(shè)計(jì)更加吸引人，同時(shí)也對(duì)讀者更加的友好。

　　所以下次你再做平面設(shè)計(jì)留學(xué)作品集設(shè)計(jì)的時(shí)候，試一試上面提到的這些方法吧。

（Poster From Pinterest）

回歸到平面設(shè)計(jì)作品集Hierarchy上

　　西方藝術(shù)院校在學(xué)生的培養(yǎng)與考核過(guò)程中，更加注重創(chuàng)意平面設(shè)計(jì)作品集設(shè)計(jì)的邏輯力量，概括起來(lái)，Hierarchy非常重要！

　　視覺(jué)層級(jí)的準(zhǔn)確、考究往往決定了你的藝術(shù)留學(xué)平面設(shè)計(jì)是否能清晰直接地表達(dá)你想要表達(dá)的含義，而這一切由決定了你該用什么樣的顏色、字體、符號(hào)、形狀。

（Poster From Pinterest）

　　相反，如果視覺(jué)層級(jí)不準(zhǔn)確、不清晰，那么出國(guó)藝術(shù)留學(xué)平面設(shè)計(jì)需要傳達(dá)的信息主干就會(huì)喪失一部分，甚至造成觀者錯(cuò)誤的解讀。

　　當(dāng)一本Graphic Design’Portfolio呈現(xiàn)在他人眼前時(shí)，可能只有短短的幾秒鐘供觀看者瞥上一眼，這幾秒鐘時(shí)間里，花哨、華麗、酷炫，這些都不重要。

（Poster From Pinterest）

　　重要的是，你一定希望他人可以第一時(shí)間看到的是你最想傳達(dá)的的元素。這也決定了你的藝術(shù)留學(xué)平面設(shè)計(jì)作品集值得他人駐足多看上幾眼，還是當(dāng)成普通貨色丟在一邊。

　　所以，在進(jìn)行平面設(shè)計(jì)作品集的版式設(shè)計(jì)之前，很值得花點(diǎn)時(shí)間弄明白視覺(jué)效果的設(shè)計(jì)層級(jí)（Hierarchy）是怎么回事。

平面設(shè)計(jì)作品集案例展示

平面設(shè)計(jì)作品集培訓(xùn)導(dǎo)師

林老師

自然光線作品集培訓(xùn)導(dǎo)師

波士頓大學(xué)平面設(shè)計(jì)

　　林老師本科畢業(yè)于四川大學(xué)，碩士研究生申請(qǐng)時(shí)先后被：羅切斯特理工大學(xué)、波士頓大學(xué)（半額獎(jiǎng)學(xué)金）、普瑞特藝術(shù)學(xué)院等學(xué)校錄??；本科期間個(gè)人設(shè)計(jì)作品多次參加國(guó)內(nèi)外展覽且獲獎(jiǎng)；研究生期間GPA 3.75/4，藝術(shù)作品被學(xué)校美術(shù)館收藏，榮獲波士頓大學(xué)優(yōu)秀畢業(yè)生；大學(xué)和研究生期間曾先后服務(wù)過(guò)IKEA、SCTG等國(guó)內(nèi)外大型設(shè)計(jì)機(jī)構(gòu)及公司。

　　林老師擅長(zhǎng)創(chuàng)意類視覺(jué)設(shè)計(jì)以及實(shí)踐性平面類設(shè)計(jì)專業(yè)，教學(xué)上善于抓住學(xué)生愛(ài)好和特長(zhǎng)從而打開學(xué)生的設(shè)計(jì)思路，使學(xué)生能找到屬于自己的設(shè)計(jì)理念；林老師非常熟悉美國(guó)的教學(xué)模式和申請(qǐng)環(huán)節(jié)，能把控好作品集的要求和節(jié)奏，希望可以通過(guò)自己豐富的留學(xué)、實(shí)踐經(jīng)驗(yàn)以及對(duì)平面設(shè)計(jì)獨(dú)到的見解和認(rèn)識(shí)輔導(dǎo)自然光線藝術(shù)留學(xué)的學(xué)生們做出個(gè)性獨(dú)特的作品集。

　　擅長(zhǎng)課程：平面設(shè)計(jì)、裝置藝術(shù)

更多藝術(shù)留學(xué)平面設(shè)計(jì)：

美國(guó)藝術(shù)留學(xué)平面設(shè)計(jì)專業(yè)申請(qǐng)攻略

藝術(shù)留學(xué)平面設(shè)計(jì)|留白是平面設(shè)計(jì)中不可缺少的元素之一

本文均屬自然光線國(guó)際藝術(shù)教育團(tuán)隊(duì)原創(chuàng)文章，未經(jīng)允許不能以任何形式的商業(yè)轉(zhuǎn)載，如有發(fā)現(xiàn)必追究法律責(zé)任。