? ? 藝術(shù)留學(xué)作品集(PORTFOLIO)本身就是一個設(shè)計作品。因此，在同學(xué)們的創(chuàng)作過程中，不僅需要聚焦于那些框架性與結(jié)構(gòu)性的設(shè)計程序、方法和技巧，即使是纖毫之處，也需要投入完美主義的創(chuàng)作態(tài)度與熱情。今天我們的東家，畢業(yè)于中央圣馬丁學(xué)院的楊卯老師為您講解下作品集的制作技巧。
? ? 1.如何在作品集中擺放大量圖片
? ? 倒三角構(gòu)圖
? ? 在版面上半部分放置視覺沖擊力較強的大圖，并自上而下沿著作品集裝訂線方向，逐漸減少圖片數(shù)量、降低圖片尺寸，從而呈現(xiàn)出倒三角形的構(gòu)圖形式。
? ? 倒三角構(gòu)圖，符合讀者自上而下的閱讀習(xí)慣，在增添圖像表現(xiàn)力的同時，為讀者創(chuàng)造沉靜的閱讀氛圍，提升文字的可讀性。
? ??
? ? 對角線構(gòu)圖
? ? 在版面對角線的兩端放置大小統(tǒng)一的圖片，使畫面對仗工整、斟酌穩(wěn)重，富有安定感，不會由于圖片較多而令畫面紛雜錯亂。
? ? 2.如何使版面富有節(jié)奏感
? ? 將圖像有機分離，為圖像創(chuàng)造動感。
? ? 將圖像交錯放置，為圖像創(chuàng)造節(jié)奏感、體現(xiàn)親和力。
? ? 將圖像排列于頁面底端，將文字有節(jié)奏的放置于圖像之上，在增添節(jié)奏感的同時，為畫面補充適度的秩序感。
? ? 3.如何將雜亂煩瑣的信息整理得清楚易懂?
? ? 在編排有關(guān)聯(lián)的大量元素時，通常會利用年表、時間軸、地圖和路線圖等橫長形的對象來作為頁面主軸。除了能沿著軸線清楚地引導(dǎo)讀者的閱讀順序外，還能整理文本信息。另外，這樣的技巧同時也能分割版面區(qū)域，并賦予含有多張圖片的頁面穩(wěn)定感與整體性。
? ? 圖片與內(nèi)文區(qū)域也能成為軸線
? ? 配置色塊以強調(diào)軸線
? ? 用圖片創(chuàng)造出對角線方向的版面軸線
? ? 4.如何讓版面閱讀起來更加有趣
? ? 如果讓圖片跳出網(wǎng)格，以沿著圓形、S型或是切割頁面的對角線來放置，就能讓版面變得更生動幽默。這樣的配置方式，讓版面呈現(xiàn)出開心、愉快的感覺。大膽的構(gòu)圖，除了能增強頁面印象，也能起到畫龍點睛的作用。
? ? 利用對角線放置的圖片創(chuàng)造閱讀順序
? ? 沿著S型放置圖片，讓讀者越讀越有趣
? ??
? ? 5.如何營造版面的穩(wěn)定感?
? ? 想要營造出版面的穩(wěn)定感，重點在于重心的設(shè)計。不論是圖片、標(biāo)題和內(nèi)文等元素的色調(diào)及尺寸，或是字里行間的間隙比例，都會造成不同的重量感。
? ? 而頁面中這些主要元素的分配方式，將決定版面整體的穩(wěn)定感。
? ? 亮色系的圖片以及留白較多的文字段落，都是較為輕盈的版面元素，而暗色系的圖片以及粗體的文字，或是行距很緊湊的段落，則是較穩(wěn)的元素。如果將重的元素集中在版面某個位置里，而讓其他較輕的元素散落在版面各處，版面的重心就會不均衡，給不穩(wěn)定感。
? ? 均勻擺放圖片，由文字產(chǎn)生版面重心
? ? 大而輕以及小而重的圖片
? ? 大而重的圖片以及小而輕的圖片
? ? 6.如何整理易顯雜亂的圖片信息，營造出有條不紊的氛圍?
? ? 不要輕易使用自由式版面編排設(shè)計
? ? 圖片數(shù)量較多時，很容易導(dǎo)致過度統(tǒng)一，因此自然會想采用自由式的版式設(shè)計。但若未經(jīng)設(shè)計而盲目擺放，往往會給人凌亂散漫的感覺。這樣的方式也經(jīng)常會造成過度統(tǒng)一而缺乏變化的問題，應(yīng)適度縮放圖片尺寸，以增添其強弱對比。
? ? 突顯單張圖片
? ? 如果有需要重點突出的圖片，且圖片尺寸都夠大的話，則可在單頁里放置一張大圖片。此時必須先在跨頁中規(guī)劃出標(biāo)題頁面與相鄰的內(nèi)容頁面，這樣才能確保整個版面的平衡。
? ? 在頁面下部以帶狀形式編排圖片
? ? 為了讓作品集中圖片與文字的排放整齊有序，不因留白不當(dāng)而破壞版面平衡。此時，可讓圖片以帶狀形式擺放在版面下方，以穩(wěn)定版面重心。
? ? 7.如何運用元素來構(gòu)造版面?
? ? 利用三角形構(gòu)圖的方式來穩(wěn)定圖文信息，是編排設(shè)計中較為基本的手法。利用大小不同的圖片創(chuàng)造節(jié)奏感，同時仔細(xì)擺放圖片的位置，則能通過頁面整體印象，傳達(dá)版式設(shè)計內(nèi)在的概念。
? ? 如果圖片的數(shù)量不多，或是內(nèi)文字?jǐn)?shù)較少時，元素間的平衡比版面的節(jié)奏感更為重要，并可通過運用留白的方式，避免編排出過于牽強的版面。
? ? 利用不同大小的圖片，為版面增添變化
? ? 利用對角線實現(xiàn)版面平衡
? ? 用留白活躍版面
? ? 當(dāng)圖片元素較少，或是手邊沒有能夠與版面風(fēng)格搭配的圖片時，除了用倒三角的構(gòu)圖避免方式版面元素擠在一起，還可以通過適當(dāng)?shù)牧舭讈斫鉀Q問題。只有盡可能平衡配置元素，才能明確地傳達(dá)想呈現(xiàn)的概念。
? ? 8.如何避免版面過于單調(diào)?
? ? 在圖片較多的版面里，圖片的擺放很容易顯得凌亂。如果將相近色調(diào)以及類似風(fēng)格的圖片集中在一起，則會使單調(diào)的問題更加嚴(yán)重。此時只要為頁面創(chuàng)造節(jié)奏感，便可有效改善上述問題。不管是讓圖片彼此間產(chǎn)生尺寸上的差異，還是通過圖片的上下左右關(guān)系以編排出節(jié)奏感，并盡可能呈現(xiàn)出輕盈的感覺，都是很有效的手法。
? ? 將圖片編排在對角線上以創(chuàng)造對比效果
? ? 利用不同尺寸的圖片展現(xiàn)出輕盈感
? ? 巧妙運用不同的比例
? ? 9.如何將內(nèi)容編排得更有邏輯性
? ? 將能分區(qū)處理或能對應(yīng)至軸線的內(nèi)容，用流程表表現(xiàn)
? ? 雖然要讓版面顯得簡單易懂，整齊排列內(nèi)容比什么都重要，但如果只強調(diào)整齊性，很容易造成枯燥乏味的版面。
? ? 此時，若能將流程圖或是圖案加入編排，效果往往相當(dāng)不錯。通過這樣的手法，就算是大量的內(nèi)容，也能以視覺化的方式來引導(dǎo)閱讀。而這樣的編排方式特別適用于有時間順序或是步驟說明的內(nèi)容，還有分類眾多或是需整理多種信息加以呈現(xiàn)的情況。
? ? 將內(nèi)容融入年代表中
? ? 將版面編排成流程圖
? ? --------------------------------------------------分割線---------------------------------------------------
? ? 版式設(shè)計原則
? ? 在進(jìn)行版面設(shè)計的時候，總結(jié)以下5點原則，希望可以幫助同學(xué)們在布置版面過程中能夠駕馭版式設(shè)計方法，拿捏其中方寸。
? ? 1.單純與秩序
? ? 單純的版式，通過簡練的布局、明朗的板式結(jié)構(gòu)，為畫面營造秩序感，突出重點信息，提升信息傳達(dá)的通暢性。
? ? 2.對比與調(diào)和
? ? 在版式設(shè)計的過程中，各個元素之間通過存在著的大小、主次、強弱、疏密、動靜、虛實、色彩等對比關(guān)系傳遞意圖、情感與邏輯。同時，如果畫面中的對比不經(jīng)調(diào)和，就會使畫面失去平衡，所以在運用對比關(guān)系進(jìn)行版式設(shè)計的時候，需要結(jié)合元素之間的關(guān)系進(jìn)行調(diào)和。
? ? 3.對稱與均衡
? ? 對稱與均衡在版式設(shè)計中最為常用，在使用對稱構(gòu)圖的時候，會在營造穩(wěn)定性與秩序感的同時，容易產(chǎn)生單調(diào)與呆板的視覺感受。而相對對稱均衡的構(gòu)圖，則可通過略有變化的版面結(jié)構(gòu)安排，使畫面整體更為靈活，富于變化，也不失對稱的穩(wěn)定感。另外，非對稱均衡構(gòu)圖，則可通過既有聯(lián)系又不相同的元素，使畫面既具有相對的對稱感，同時令畫面更加靈活生動，富有變化，同時更具現(xiàn)代設(shè)計感。
? ? 相對對稱均衡構(gòu)圖
? ? 4.節(jié)奏與韻律
? ? 節(jié)奏是有規(guī)律的重復(fù)，在不斷重復(fù)中產(chǎn)生頻率的變化。這種變化可以理解為面積、明度等對比的反差變化。而韻律則是伴隨節(jié)奏的重復(fù)而產(chǎn)生。從版面來講，圖形、文字、色彩等元素在組織上合乎某種規(guī)律時所給與視覺心理上的節(jié)奏感，便是韻律。
? ? 所以適合的變化會令畫面充滿韻律，而過強或過弱的節(jié)奏則會使畫面破壞秩序或平淡無奇。
??
? ? 5.虛實與留白
? ? “虛”不僅可以是留白，也可以為纖弱的文字、圖形或色彩等視覺元素;“實”為畫面的主體或主要表現(xiàn)對象。在版式設(shè)計中，需充分考慮畫面的虛實關(guān)系，以虛襯實，并可充分利用“虛”調(diào)整畫面節(jié)奏，梳理虛實之間氣的流動。
? ? Link：http://www.haotianmi.com/latestnews/124.html
