5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

平面設計 設計師 力學 得課設計教程 得課設計教程 2017-09-08

平面設計沒有好的排版,信息傳達就會受阻,甚至導致頁面凌亂不堪。掌握以下“5個排版原則”,很快你就能達到專業設計師的水準。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

原文來源:GCFLearnFree(國外)。中文翻譯:@酷coo豆。


一、什麼是構成?

在設計領域,構成是指將一定的形態元素,按照視覺規律、力學原理、心理特性、審美法則進行的創造性的組合

在某種程度上來說,排版和構成它們是設計的構建模塊。它使得你的平面設計作品更加結構化,更加易於被瀏覽,從版面的兩側邊緣到主體內容之間。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

為什麼排版構成如此重要?構圖,簡而言之,這就是你安排組織內容的呈現方式。不管你是處理文字、圖像、還是圖形元素,如果沒有一個深思熟慮的排版構成,你的工作基本上就會崩潰。

>>觀看下面視頻,學習排版構成的基礎知識。

Tips:本文的翻譯相對字幕更加貼切,大家不要忘記閱讀哦。

二、5個基本原則

想要精通排版和構圖,關鍵是要像設計師一樣思考。幸運的是,它比聽起來更加容易。這裡有5個基本原則,它可以幫助你改善設計工作,提高你的設計眼光。在你的下一個設計項目中,請牢記它們,並尋找機會應用這些原則。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

2.1親密性

親密性原則,是使用視覺化的空間來展現內容之間關聯性的設計技法。在實踐中,它非常簡單——你所要做的就是:確保相關的元素被組合在一起,使他們建立更近的親密性(例如,在圖形中,文本或元素的塊,如下面的例子所)。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

彼此不相關的組合應該被分開,在視覺上強調它們之間的相關性薄弱。最重要的是,讓人們只看一眼你的設計作品,就能更輕鬆地理解,無論是純文本還是更加視覺化的作品。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

2.2留白

留白,是每一個構成中最重要的部分。現在,留白並不是字面上的“空白空間”;它意思是“負空間”,例如這個空間,是內容彼此之間的空間,存在於文本行之間,甚至是內容的外邊緣。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

留白,並沒有“唯一正確”的使用標準,但是理解留白的意義,則有助於我們更好從事平面設計。留白空間,有助於你限定和分離不同的部分,讓你的內容有呼吸的空間。如果你的設計開始變得凌亂或不舒服,那麼,多一點的留白空間,可能正是你所需要的。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

2.3對齊

對齊,是你一直都在處理的事兒,即使你沒有意識到。無論何時,你編輯郵件或創建文檔時,文本都會自動對齊

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

當你通過自己手動調整元素的對齊方式時,(例如:圖像或分離的文本框),處理起來可能會比較棘手,最重要的是保持始終如一

遵循這個原則,設想將你的內容安排在網格內部,就像下面的示例一樣。值得注意的是:如何將這一條無形的線,置於每組圖像和文本的中心?讓每一個組合,以相等的外邊距均勻分佈、成一條直線對齊。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

正是這種對細節的關注,才使得最終的作品更容易被閱讀。如果沒有統一的對齊原則,你的作品就會開始變得雜亂無章。

2.4對比

對比,簡單來說就是頁面上的一個元素不同於另一個元素。在排版和構圖上,對比可以幫助你做很多事情,比如:吸引讀者的眼睛、創造重點,或者把注意力放在重要的地方。

為了在下面的例子中,為了創建對比,我們使用了顏色,以及不同風格的文本,以及不同大小的視覺元素。這使得設計更加具有活力,因此能更有效地傳達信息。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

2.4.1層級(Hierarchy)

對比也與層級結構緊密相關,是一種有助於讀者瀏覽你作品的視覺化技巧。換句話說,使用不同級別的強調,能向人們直接展示該從哪裡開始閱讀,以及下一步該看哪裡。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

建立層級結構很簡單:你只需決定哪一個元素你希望讀者最先注意到,然後把它突出 。高層級的項目通常是更大、更粗或者在某些地方更吸引眼球。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

2.5重複

重複是一種提醒,每個設計項目都應該有一致的外觀感覺。這意味著要通過重複某些元素來增強你的設計感。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

例如,你有一組特定的調色板,你可以尋找一些方法,將其貫穿在你的整個設計之中。如果您選擇了一個特殊的標題樣式,那麼,請每次都重複使用它。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

這不僅僅是出於美學上的原因——保持一致也能讓你的作品更容易閱讀。當讀者知道該期待什麼內容時,他們便可從容地專注於內容本身。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

三、總結

你可能會說,排版和構成是平面設計中的無名英雄,是很容易忽略的角色,但它們卻是你所做的每副平面設計作品中的一部分。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

以上這些設計原則,可以幫助你提升設計水準。只需要稍微注意細節,你就能創造出漂亮、專業的平面設計作品。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

快速提升排版硬實力,請進一步參考《版式設計案例教程》(http://t.cn/RNoULkC),該視頻是學習“排版構成”實戰技能的最佳教程!能幫助你解決版式設計創意、靈感難題。讓你的設計水平更上一層樓。

排版相關書籍教程

學習排版,一是要有系統的理論知識做指導、二是要學會在實踐中如何去運用。從這兩個維度出發,@酷coo豆 收羅了以下學習資源供你參考。

1視頻-實戰:《版式設計全案例高級教程》

http://t.cn/RNoULkC

“實踐是檢驗真理的唯一標準”,通過實例教學,幫你解決版式設計創意、靈感難題,讓你設計水平更上一層樓。

2書籍-理論:《寫給大家看的設計書》

http://www.xxriji.cn/books/layout/109.html

這本書,是無數設計師推薦過無數遍的經典著作,在此@酷coo豆 再一次的推薦給你。

3書籍-理論:《平面設計中的網格系統》

http://www.xxriji.cn/books/layout/102.html

“100本經典平面設計書籍”之一,清華美院教授、書籍設計大師呂敬人老師親筆撰文推薦本書。

最後

@酷coo豆 希望以上內容對大家有所幫助。 當然,不要忘了學習其它平面設計入門相關的內容,包括:字體排印色彩理論圖像篇、以設計基本原理等。

5條精闢版式設計原則,用得好的設計師月薪過萬,新手卻渾然不知

想獲取更多優質設計書籍、教程推薦,請大家持續關注:得課設計教程(今日頭條) ,或搜索:平面設計學習日記網。

相關推薦

推薦中...