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