藝術留學
自然光線國際藝術教育
始于夢想 忠于創(chuàng)造 無所畏懼 無限延伸
TO INFINTY AND BEYOND
今天給大家?guī)砹似矫嬖O計作品集制作核能概念：Hierarchy視覺層級，層次！讓你的平面設計作品集從此向扁平無趣說Say Bye！怎么制作平面設計作品集？一下就由自然光線藝術留學的平面設計作品集培訓導師一步步演示給大家！
很多時候我們被街邊的Poster吸引
或是被雜志的排版抓住眼球
總以為這是因為單純的“好看”
但其實藝術留學平面設計這件事
又非常多的小trick
比如之前講過的平面設計留學作品集"留白"
以及今天要為大家?guī)淼?/p>
Hierarchy，層次
層次對于平面設計留學作品集排版來說是一個很大的概念，但是又很重要，其實也很好掌握。
作為設計方法論重要的關鍵詞之一：Hierarchy，在美術平面設計留學中，具有決定性的作用。其詞的含義，即指：“視覺層級”。同時推出姐妹篇：《平面設計作品集制作:信息傳達/視覺節(jié)奏美/構圖/個人能力缺一不可》大家一定要記得回來看哦！
（Poster From Pinterest）
今天，我們將為大家介紹如何通過改進層次提升你的平面設計留學作品集。層次體現(xiàn)在視覺中就會出現(xiàn)對比（contrast），對比是一種趨向于對立沖突的藝術美中最突出的表現(xiàn)手法。
它把作品中所描繪的事物的性質(zhì)和特點放在鮮明的對照和直接對比中來表現(xiàn)，借彼顯此，互比互襯，從對比所呈現(xiàn)的差別中，達到集中、簡潔、曲折變化的表現(xiàn)。
通過這種手法更鮮明地強調(diào)或提示產(chǎn)品的性能和特點，給消費者以深刻的視覺感受。作為一種常見的行之有效的表現(xiàn)手法，可以說，一切藝術都受惠于對比表現(xiàn)手法。
（Poster From Pinterest）
即使你對這個概念并不熟悉，你也一定看到過很多不同的層次平面設計作品集制作排版。
報紙，就有很明確的層次：主標題，副標題和正文。這是很典型的三級排列?，F(xiàn)在很多打印品和線上設計仍在使用這種排版。
20世紀早期到中期的報紙
國外平面設計作品集
為我們提供了鮮明的例子：
盡管現(xiàn)在，我們的主標題不再必須用6英寸的大字體來吸引讀者的注意力，上圖還是一個很好的參考：不同的層次可以更好地向讀者展示哪些是重要信息。
讀者隨意一瞥就能掌握到整體的排版，從而更快速地找到自己需要的信息。
增強可讀性和可用性是這種排版最重要的幾個好處之一。如果不遵循一定的層次排量房噶，就會像下圖例子中的前兩個一樣讓人抓不住重點。讀者會很難分清圖中的層次，找不到主次。
前三個平面設計作品集制作排版例子可以通過換字體、改變字體大小、增加行間距、改變風格、增大不同區(qū)域的距離等增加易讀性。
所以怎樣才能在平面設計作品集設計中打造一個合理的層次呢？
經(jīng)過大家的多番實驗證明，平面設計作品集設計出三種層次是一個很好下手的方式。
主級：
一般來說，你的一級層次應該是你的所有信息中最為重要的那些；應該是你的平面設計作品集設計中最顯眼的元素。
（Poster From Pinterest）
次級：
次級元素可以將你的平面設計作品集設計整理成幾個不同的部分或是把相近的內(nèi)容組合。次級信息不能向主級一樣搶眼，但是可以明確地指引讀者找到他們需要的信息。
（Poster From Pinterest）
三級：
對于文字內(nèi)容較多的平面設計作品集來說，三級文字，就是整個設計中最主要的部分。它可長可短，整篇文章，或是幾句話，或是一個簡介，不過最重要的就是一定要便于閱讀，因為通常來說這一級的文字大小都較小。
（Poster From Pinterest）
下圖是一個很簡單的產(chǎn)品宣傳，雖然簡潔，但是還是分出了至少三個不同的層次。
1、產(chǎn)品的名字，是主級內(nèi)容；
2、價格是次級內(nèi)容；
3、產(chǎn)品介紹是三級內(nèi)容。
注意產(chǎn)品簡介部分的文字雖然很小，但是行間距很大，所以不會不好辨認。
Dribbble/Sam Thibault for Handsome
其實你有很多種排列組合的方法。許多方法可能只是一些小細節(jié)，但是正如美國一位有影響力的設計師Charles Eames所說：“細節(jié)不單單只是細節(jié)，細節(jié)成就設計”。
讓我們來看看在層次方面，我們可以做的一些細節(jié)嘗試吧！
改變字體大小是最簡單的區(qū)分平面設計作品集不同層次的方式。對于三級層次排版來說，通常一級信息的文字是最大的，隨著信息的次要程度增加，文字越來越小，到三級達到最小的文字。
我們通常的閱讀習慣是從左至右，從上至下，所以上下層的結構是最容易使讀者接受的。這是書籍、雜志、網(wǎng)頁等等非常常見的排版。
Bloomberg Politics
記住，改變層次都是為了使你最重要的信息更加突出。無論這個信息是一個名字、一篇文章或博客的標題、廣告上的促銷折扣等等，如果這個部分你能使用最大的字體，那么它肯定就能最夠吸引別人的注意力。
比如說，下圖中的折后價錢$97就要比其他信息大的多。同時還使用了亮紅色來強調(diào)。
Dribbble/Flavius Nechita
再想一想我們前面看到過的報紙的例子。它是不是同時使用了粗體的無襯線字體和斜體襯線字體來做出對比？
雖然我們制作的平面設計作品集字體對比不用非要那么強烈，但是對比絕對是成功的字體組合的關鍵。
多年來，襯線字體和無襯線字體的組合一直被很多設計師使用。對任何設計來說，這種經(jīng)典組合都是一個很好的開始。就算只在主級文字中使用與其他部分不同的字體，也會打造出非常好的效果。
Dribbble/Filip Slovကek
一定要記住不要選擇太多字體，過多的字體只會讓你的平面設計作品集顯得擁擠。對于絕大多數(shù)平面設計作品集來說2-3種字體就足夠了。在選擇字體時同時注意一定要注意字體是否與內(nèi)容相匹配。
比如說，你肯定不能在重要信息處使用那種時髦的、難以辨認的字體吧?；蚴窃诖蠖蔚奈淖謨?nèi)容中使用讀起來會很累的連體字體。還有的字體調(diào)小了之后會很難辨認。
（Poster From Pinterest）
許多字體都提供不同的風格和粗細選擇。不同的風格包括斜體、小型大小字母、縮小的或是擴大的字體。寬度指字體的不同的粗細。如果你的字體有細、中、粗、加粗，這就是不同的寬度。
這些元素幫助你在平面設計作品集設計中擁有了更多的選擇。以下圖中的newsletter為例。所有的無襯線字體都使用了同樣的字體大小，但是使用了不同的寬度。加粗的
Newsletter使標題更加醒目。
Dribbble/Whitney for Switch.co
下圖中的標簽都使用了不同的字體風格和寬度。
Dribbble/Hoefler&Co.
就像風格和寬度一樣，顏色也可以使你的文字內(nèi)容更加突出。由于顏色通常都有自己傳達的含義，所以在選擇時要確保正確的顏色要在合適的位置。
下圖中是一家秉承可持續(xù)發(fā)展的咖啡公司的活動邀請函。這個創(chuàng)意平面設計作品集設計就很好地使用了自然、樸實的顏色襯托公司的發(fā)展理念和活動主題。
Dribbble/Krista Engler
同樣的道理，對比色的碰撞更能吸引注意力，下圖的名片使用了顯眼的黃藍配色來抓人眼球。
設計時，文字的間隔包括行間距和字間距都可以使一個清晰、簡潔易讀的創(chuàng)意平面設計作品集設計變成擁擠、令人費解的排版。
比如下面這個例子，充分的間距使下圖的設計清晰易讀，就算是小標簽上的文字，也能看清楚。
如果平面設計作品集設計保留了足夠的間距的話，我們很快就可以知道應該如何閱讀，提取信息。相反地，如果沒有留下足夠的間距，我們就需要瞇起眼睛仔細地辨別這些文字?；蚴菈焊幌肟催@個設計了，因為這個平面設計師作品集設計得過于雜亂。
下面這個展示文稿，使用了足夠的間距、將文字分散放置、加入一些空白元素來避免了間距不夠的問題，同時，顏色的板塊和幾何圖形使各個板塊排列有序。
Dribbble/Rob Luke for Skookum Digital Works
間隔不單單指將各個元素分離，同時還包括將相似的元素靠近。減少兩個相似的板塊間的距離也有利于讀者處理信息。
尤其是對于文字很多的留學平面設計作品集來說，將同類文字靠近是保持總體排版平衡的關鍵。
Dribbble/Elysse Ricci
有的時候平行的文字可能并不能達到你想要的效果，這個時候不如試一試將文字旋轉(zhuǎn)，或是傾斜和扭曲，這些都可以使這一部分的文字內(nèi)容與其他的文字分隔開，也會更吸引注意力。
Dribbble/Bethany Heck
在打造層次的時候，你八成會使用到上面提到的所有方法或是其中的大部分方法，就像下面這個婚前派對邀請函一樣。
這個平面設計作品集使用了不同的字體大小、不同的字體、不同的顏色、增加間距、減少間距和文字變形來打造出一個完整的分層設計。
Dribbble/Casey Cooke
合理地使用這些方法可以使你的設計更加吸引人，同時也對讀者更加的友好。
所以下次你再做平面設計留學作品集設計的時候，試一試上面提到的這些方法吧。
（Poster From Pinterest）
西方藝術院校在學生的培養(yǎng)與考核過程中，更加注重創(chuàng)意平面設計作品集設計的邏輯力量，概括起來，Hierarchy非常重要！
視覺層級的準確、考究往往決定了你的藝術留學平面設計是否能清晰直接地表達你想要表達的含義，而這一切由決定了你該用什么樣的顏色、字體、符號、形狀。
（Poster From Pinterest）
相反，如果視覺層級不準確、不清晰，那么出國藝術留學平面設計需要傳達的信息主干就會喪失一部分，甚至造成觀者錯誤的解讀。
當一本Graphic Design’Portfolio呈現(xiàn)在他人眼前時，可能只有短短的幾秒鐘供觀看者瞥上一眼，這幾秒鐘時間里，花哨、華麗、酷炫，這些都不重要。
（Poster From Pinterest）
重要的是，你一定希望他人可以第一時間看到的是你最想傳達的的元素。這也決定了你的藝術留學平面設計作品集值得他人駐足多看上幾眼，還是當成普通貨色丟在一邊。
所以，在進行平面設計作品集的版式設計之前，很值得花點時間弄明白視覺效果的設計層級（Hierarchy）是怎么回事。
林老師
自然光線作品集培訓導師
波士頓大學平面設計
林老師本科畢業(yè)于四川大學，碩士研究生申請時先后被：羅切斯特理工大學、波士頓大學（半額獎學金）、普瑞特藝術學院等學校錄取；本科期間個人設計作品多次參加國內(nèi)外展覽且獲獎；研究生期間GPA 3.75/4，藝術作品被學校美術館收藏，榮獲波士頓大學優(yōu)秀畢業(yè)生；大學和研究生期間曾先后服務過IKEA、SCTG等國內(nèi)外大型設計機構及公司。
林老師擅長創(chuàng)意類視覺設計以及實踐性平面類設計專業(yè)，教學上善于抓住學生愛好和特長從而打開學生的設計思路，使學生能找到屬于自己的設計理念；林老師非常熟悉美國的教學模式和申請環(huán)節(jié)，能把控好作品集的要求和節(jié)奏，希望可以通過自己豐富的留學、實踐經(jīng)驗以及對平面設計獨到的見解和認識輔導自然光線藝術留學的學生們做出個性獨特的作品集。
擅長課程：平面設計、裝置藝術
更多藝術留學平面設計：
本文均屬自然光線國際藝術教育團隊原創(chuàng)文章，未經(jīng)允許不能以任何形式的商業(yè)轉(zhuǎn)載，如有發(fā)現(xiàn)必追究法律責任。
