平面設計中的四項基本原則

Freda發表於2016-07-13

《寫給大家看的設計書》—讀書筆記(上)

《寫給大家看的設計書》至今已發行第四版。翻看完這本書後,對於不是設計科班出身但又必須涉及到設計工作的我們來說,面對一些簡單的設計工作時不會那麼的手足無措。整理了讀書時的筆記,在此與大家分享。(文中圖片來自網路)

引言部分

◆ 約書亞樹 準確陳述問題,是掌握它們的關鍵

◆ 四大原則

對比:避免元素太過相似。如果元素不同,就讓他們截然不同

重複:視覺要素在作品中重複出現,增加條理性和統一性

對齊:每一元素與另一元素有某種視覺聯絡。另外觀清晰、精巧、清爽

親密性:彼此相關的項歸組在一起,建立一個視覺單元。組織資訊、減少混亂、結構清晰

親密性

◆ 在新手設計中出現的問題:元素四處分佈、頁面關係雜亂無章。 導致的結果:影響閱讀效率、頁面內容無輕重、閱讀順序無邏輯。

親密性原則 即緊密性,意味著存在關聯

把相關項組織在一起:物理位置的接近就意味著存在關聯

運用親密性原則可以:使頁面變得有條理、閱讀邏輯清晰、頁面留白變得有組織感

◆ 親密性原則小結: 目的:實現組織性 方法:有意識地注意視線的移動路徑;將相關的獨立元素建立為視覺單元。 enter image description here

對齊

◆ 在新手設計中出現的問題:習慣性居中對齊、文字與圖片隨意擺放、不考慮頁面上的其他項。

對齊原則

每一項應與頁面上某個內容存在某種視覺聯絡。

與親密性原則不同:即使這些項並不靠近,但它們屬於同一組——以一條看不見的線將彼此連在一起

◆ 居中對齊

在新手設計中常常出現習慣性對齊的情況。居中對齊要有意為之,並且是深思熟慮後的決定。例如:喜帖——傳達莊重、正式的資訊。

居中對齊的使用技巧:文字放在頁面上方,增強緊張性;很正式的居中佈局中加入隨意、有趣的字型。

◆ 每個元素內的文字對齊方法:只用一種對齊方式

左對齊:方形左對齊 右對齊:方形右對齊 居中對齊:若要文字居中,就要明顯地體現出是有意為之 兩端對齊:左右對齊、塊對齊。使用時要避免字詞(尤其英文字母)之間出現難看的空隙。

◆ 各元素之間的文字對齊方法:找一條明確的對齊線,並堅持以它為基準。

每個元素與頁面上另外某個元素存在某種視覺聯絡。要麼全部採用同一種方式,要麼就全部不採用。在整個作品中強化對齊

◆ 對齊原則小結: 目的:體現統一性。統一且有條理,在各個單獨元素中建立視覺紐帶,即使物理位置可能不靠近,視覺上統一且相關。 方法:避免混合使用多種文字對齊方式;避免無意識地居中對齊。 enter image description here

重複

◆ 在新手設計中出現的問題:所有標題字型一樣、粗細相同;專案中每個列表都使用相同的專案符號。

重複原則

設計的某些方面需要在整個作品中重複來體現一致性。

★ 粗體的重複:設計師用來控制讀者視線的一種視覺設計技巧,助於統一整個設計

★ 建立重複單元:從某個方面可能是一致的元素入手,比如:標題和子標題。效果:使一致的元素更為突出。

運用重複原則可以:有助於組織資訊,利於單獨的部分統一起來;各項看起來同屬一組,元素卻不盡相同;體現專業和權威性。

◆ 重複原則小結: 目的:統一、增強視覺效果 方法:將一致的元素作為圖片設計的一部分 運用純粹為建立重複而設計的元素;避免太多地重複一個元素;如果一切都是一致的,放入些不同的元素使讀者真正意識到你希望他們關注的內容。 enter image description here

對比

◆ 在新手設計中出現的問題:元素不同但區別不大、對比資訊的組織不明確。

對比原則

頁面上的不同元素之間的對比效果達到吸引讀者的對比效果。如果兩項完全不同,那就讓其截然不同

運用對比原則的效果:增加視覺效果最有效的途徑;組織資訊;清晰層級;指引讀者;製造焦點

◆ 對比原則小結: 目的:增強頁面效果,有助於資訊組織 方法:運用頁面中的各種元素如字型、線寬、顏色、形狀、大小、空間等;對比要強烈;拉開距離,做到截然不同。 enter image description here

相關文章