本文經(jīng)“GCFlearnFree.org”授權(quán)后，由@酷coo豆 翻譯中文,并發(fā)于平面設(shè)計(jì)學(xué)習(xí)日記網(wǎng)與站酷網(wǎng)。如需轉(zhuǎn)載請(qǐng)聯(lián)系“GCFLearnFree”取得合法授權(quán)。
What is composition?
-
在設(shè)計(jì)領(lǐng)域，構(gòu)成是指將一定的形態(tài)元素，按照視覺(jué)規(guī)律、力學(xué)原理、心理特性、審美法則進(jìn)行的創(chuàng)造性的組合。
在某種程度上來(lái)說(shuō)，排版和構(gòu)成它們是設(shè)計(jì)的構(gòu)建模塊。它使得你的平面設(shè)計(jì)作品更加結(jié)構(gòu)化，更加易于被瀏覽，從版面的兩側(cè)邊緣到主體內(nèi)容之間。
為什么排版構(gòu)成如此重要？構(gòu)圖，簡(jiǎn)而言之，這就是你安排組織內(nèi)容的呈現(xiàn)方式。不管你是處理文字、圖像、還是圖形元素，如果沒(méi)有一個(gè)深思熟慮的排版構(gòu)成，你的工作基本上就會(huì)崩潰。
>>觀看下面視頻，學(xué)習(xí)排版構(gòu)成的基礎(chǔ)知識(shí)。
Tips：本文的翻譯相對(duì)字幕更加貼切，大家不要忘記閱讀哦。
二、5個(gè)基本原則
Five basic principles
-
想要精通排版和構(gòu)圖，關(guān)鍵是要像設(shè)計(jì)師一樣思考。幸運(yùn)的是，它比聽(tīng)起來(lái)更加容易。這里有5個(gè)基本原則，它可以幫助你改善設(shè)計(jì)工作，提高你的設(shè)計(jì)眼光。在你的下一個(gè)設(shè)計(jì)項(xiàng)目中，請(qǐng)牢記它們，并尋找機(jī)會(huì)應(yīng)用這些原則。
Proximity
-
親密性原則，是使用視覺(jué)化的空間來(lái)展現(xiàn)內(nèi)容之間關(guān)聯(lián)性的設(shè)計(jì)技法。在實(shí)踐中，它非常簡(jiǎn)單——你所要做的就是：確保相關(guān)的元素被組合在一起，使他們建立更近的親密性（例如，在圖形中，文本或元素的塊，如下面的例子所）。
彼此不相關(guān)的組合應(yīng)該被分開(kāi)，在視覺(jué)上強(qiáng)調(diào)它們之間的相關(guān)性薄弱。最重要的是，讓人們只看一眼你的設(shè)計(jì)作品，就能更輕松地理解，無(wú)論是純文本還是更加視覺(jué)化的作品。
White space
-
留白，是每一個(gè)構(gòu)成中最重要的部分。現(xiàn)在，留白并不是字面上的“空白空間”；它意思是“負(fù)空間”，例如這個(gè)空間，是內(nèi)容彼此之間的空間，存在于文本行之間，甚至是內(nèi)容的外邊緣。
留白，并沒(méi)有“唯一正確”的使用標(biāo)準(zhǔn)，但是理解留白的意義，則有助于我們更好從事平面設(shè)計(jì)。留白空間，有助于你限定和分離不同的部分，讓你的內(nèi)容有呼吸的空間。如果你的設(shè)計(jì)開(kāi)始變得凌亂或不舒服，那么，多一點(diǎn)的留白空間，可能正是你所需要的。
Alignment
-
對(duì)齊，是你一直都在處理的事兒，即使你沒(méi)有意識(shí)到。無(wú)論何時(shí)，你編輯郵件或創(chuàng)建文檔時(shí)，文本都會(huì)自動(dòng)對(duì)齊。
當(dāng)你通過(guò)自己手動(dòng)調(diào)整元素的對(duì)齊方式時(shí)，（例如：圖像或分離的文本框），處理起來(lái)可能會(huì)比較棘手，最重要的是保持始終如一。
遵循這個(gè)原則，設(shè)想將你的內(nèi)容安排在網(wǎng)格內(nèi)部，就像下面的示例一樣。值得注意的是：如何將這一條無(wú)形的線，置于每組圖像和文本的中心？讓每一個(gè)組合，以相等的外邊距均勻分布、成一條直線對(duì)齊。
正是這種對(duì)細(xì)節(jié)的關(guān)注，才使得最終的作品更容易被閱讀。如果沒(méi)有統(tǒng)一的對(duì)齊原則，你的作品就會(huì)開(kāi)始變得雜亂無(wú)章。
2.4對(duì)比
Contrast
-
對(duì)比，簡(jiǎn)單來(lái)說(shuō)就是頁(yè)面上的一個(gè)元素不同于另一個(gè)元素。在排版和構(gòu)圖上，對(duì)比可以幫助你做很多事情，比如：吸引讀者的眼睛、創(chuàng)造重點(diǎn)，或者把注意力放在重要的地方。
為了在下面的例子中，為了創(chuàng)建對(duì)比，我們使用了顏色，以及不同風(fēng)格的文本，以及不同大小的視覺(jué)元素。這使得設(shè)計(jì)更加具有活力，因此能更有效地傳達(dá)信息。
2.4.1層級(jí)（Hierarchy）
對(duì)比也與層級(jí)結(jié)構(gòu)緊密相關(guān)，是一種有助于讀者瀏覽你作品的視覺(jué)化技巧。換句話說(shuō)，使用不同級(jí)別的強(qiáng)調(diào)，能向人們直接展示該從哪里開(kāi)始閱讀，以及下一步該看哪里。
建立層級(jí)結(jié)構(gòu)很簡(jiǎn)單：你只需決定哪一個(gè)元素你希望讀者最先注意到，然后把它突出 。高層級(jí)的項(xiàng)目通常是更大、更粗或者在某些地方更吸引眼球。
Repetition
-
重復(fù)是一種提醒，每個(gè)設(shè)計(jì)項(xiàng)目都應(yīng)該有一致的外觀和感覺(jué)。這意味著要通過(guò)重復(fù)某些元素來(lái)增強(qiáng)你的設(shè)計(jì)感。
例如，你有一組特定的調(diào)色板，你可以尋找一些方法，將其貫穿在你的整個(gè)設(shè)計(jì)之中。如果您選擇了一個(gè)特殊的標(biāo)題樣式，那么，請(qǐng)每次都重復(fù)使用它。
這不僅僅是出于美學(xué)上的原因——保持一致也能讓你的作品更容易閱讀。當(dāng)讀者知道該期待什么內(nèi)容時(shí)，他們便可從容地專(zhuān)注于內(nèi)容本身。
Putting it all together
-
你可能會(huì)說(shuō)，排版和構(gòu)成是平面設(shè)計(jì)中的無(wú)名英雄，是很容易忽略的角色，但它們卻是你所做的每副平面設(shè)計(jì)作品中的一部分。
以上這些設(shè)計(jì)原則，可以幫助你提升設(shè)計(jì)水準(zhǔn)。只需要稍微注意細(xì)節(jié)，你就能創(chuàng)造出漂亮、專(zhuān)業(yè)的平面設(shè)計(jì)作品。
快速提升排版硬實(shí)力，請(qǐng)進(jìn)一步參考《版式設(shè)計(jì)案例教程》（http://t.cn/RNoULkC），該視頻是學(xué)習(xí)“排版構(gòu)成”實(shí)戰(zhàn)技能的最佳教程！能幫助你解決版式設(shè)計(jì)創(chuàng)意、靈感難題。讓你的設(shè)計(jì)水平更上一層樓。
In the end
-
@酷coo豆 希望你能喜歡學(xué)習(xí)排版構(gòu)成的基礎(chǔ)知識(shí)！當(dāng)然，不要忘了學(xué)習(xí)我整理的其它平面設(shè)計(jì)自學(xué)入門(mén)系列文章，包括：字體排印、色彩理論、圖像基礎(chǔ)，以設(shè)計(jì)的基本原理。
Some books of composition
-
學(xué)習(xí)排版，一是要有系統(tǒng)的理論知識(shí)做指導(dǎo)、二是要學(xué)會(huì)在實(shí)踐中如何去運(yùn)用。從這兩個(gè)維度出發(fā)，@酷coo豆 收羅了以下學(xué)習(xí)資源供你參考。
1視頻-實(shí)戰(zhàn)：《版式設(shè)計(jì)全案例高級(jí)教程》
“實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)”，通過(guò)實(shí)例教學(xué)，幫你解決版式設(shè)計(jì)創(chuàng)意、靈感難題，讓你設(shè)計(jì)水平更上一層樓。
2書(shū)籍-理論：《寫(xiě)給大家看的設(shè)計(jì)書(shū)》
這本書(shū)，是無(wú)數(shù)設(shè)計(jì)師推薦過(guò)無(wú)數(shù)遍的經(jīng)典著作，在此@酷coo豆 再一次的推薦給你。
3書(shū)籍-理論：《平面設(shè)計(jì)中的網(wǎng)格系統(tǒng)》
“100本經(jīng)典平面設(shè)計(jì)書(shū)籍”之一，清華美院教授、書(shū)籍設(shè)計(jì)大師呂敬人老師親筆撰文推薦本書(shū)。
如果有所收獲，不要忘了點(diǎn)贊哦。
