龍炎輝
超凡入聖№

[職場] 清楚這四個原則,排版還能醜到哪裏去~

-->

上面這句是從《寫給大家看的設計書》這本書裏摘抄的,這是一本淺顯易懂的設計書,很適合非設計專業的人員來閱讀,沒有晦澀難懂的術語,所舉的例子也很簡單明了,能夠非常貼切地說明了問題。很值得去拜讀一遍。隨手截兩張目錄,大家隨意感受下大致內容。

下面是我隨手做的簡單粗暴的筆記,和大家分享這本書裏學到hin實用的四個設計的基本原則~(不到位的地方還請勿噴)

親密性:

● 将相关的元素组织到一起(物理位置接近意味着具有关联性)

● 目的:

使要傳達的信息更具條理性和組織性

● 如何做:

排版之前先盤點下要用的信息點有多少個,如果超過3-5個,那就有必要花點時間做一個信息的歸類,看看哪些信息具有關聯性,能夠組織到一起,形成一個小單元

● 注意

避免太多元素

不要在個元素間留出同樣大小的空白

不要僅僅因爲有空白就把元素放在角落或中央

沒有關聯性的元素不要強扭到一塊去!

來個反面教材:

比如我把上面的內容排成這樣,你們一定會恨死我……


對齊(Alignment)

任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯系。

● 目的:

使頁面統一且有條理

● 如何做:

找一條明確的對齊線,並用它來對齊

對齊的方式主要有:居中、居左、居右

●注意:

避免同一頁面混用多種的對齊方式

居中一般比較正式、穩重

重複(Repetition)

● 重复可以将作品中的各部分连在一起,從而统一并增强整个作品

● 目的:

重複的目的就是“一致性”

● 如何做:

可以重複顔色、形狀、材質、空間關系、線寬、材質、空間等。

多樣性實現重複(見下圖:保持某幾個元素一致時,可以對某個元素進行變化,比如下面的就是形狀,大小不變,顔色改變;形狀、顔色不變,大小變動)

● 注意:

避免過多的重複同一個元素,會讓人審美疲勞


對比(Contrast)

對比的基本思想就是要避免頁面上的元素太過相似。

● 目的:

一、增強頁面效果,使作品更具可讀性

二、使作品具有組織性,讓讀者迅速知道信息以何種方式組織

● 如何做:

字體、顔色、大小、線寬、形狀、空間等入手增加對比

● 注意:

對比一定要強烈

不要讓兩種顔色看起來好像差不錯又不一樣。

當然也不要在同一個頁面使用太多種字體。

舉個栗子:比如下面這樣

親密性、對齊、重複、對比這四個相互聯系的原則,在我們排版PPT或者一篇軟文的時候,非常好使~最後,提醒各位懶癌患者,絕知此事要躬行,記得實踐!!!


#1樓
發帖時間:2016-09-14 15:27:03   |   回複數:1
911degrees
一代宗師
非常感謝,謝謝分享
9月前 #2樓
遊客組