《寫給大家看的設計書》(Robin Williams)是我在知識星球上看到的,讀起來眼睛和腦筋都很輕松,且能學到一些基本的設計知識,零零碎碎的時間粗讀了一遍,記錄一些蠻受用的點。
設計時要遵循的四個基本原則:
一、親密性
將相關的項目放在一起,而不相關的信息項或組就不該存在很近的親密性。(即物理位置的接近就意味着關聯)
*將類似的項目放在一起來建立親密的關聯時,有時需要做一些修改,如需要調整字體大小或粗細,或者改變圖片的大小或放置位置。
*親密性有助於讓我們關注空間,以及空間對於表達的重要性。
小結:如果多個項相互之間存在很近的親密性,它們將成為一個視覺單元,而不是多個孤立的元素。要有意識地關注你是怎么閱讀的,要有一個合理的開始,而且有一個合理的結束。
根本目的:實現組織性。
如何實現:微眯眼睛,統計眼睛停頓次數來數一數頁面上有多少個元素,然后看哪些孤立的元素可以歸在一組。
要避免的問題:
1.避免太多孤立元素
2.不要在元素間留同樣大小 的空白 ,除非各以屬於同一子集。
3.標題、子標題、圖表標題、圖片能帶歸入其相關材料?要在很近的親密性元素之間建立關系。
4.若元素之間無關,要把它們分開。
5.不要僅因為有空白就把元素放在角落或中央。
例子
二、對齊
任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種視覺聯系。
* 如果頁面上的一些項是對齊的,這會得到一個更內聚的單元。
* 如果文本是左對齊或右對齊,讓文本聯系在一起的那條看不見的線會更明確,因為現在有一條硬的豎邊。
* 在得到更多的培訓之前,一定要堅持一個原則:只使用一種對齊方式 。
* 絕對不要在左對齊的正文或縮進的廣西上方將標題居中。
* 應當找一條明確的對齊線,並用它來對齊。如果有一張照片或圖片(有明確的直邊),可以沿着照片的這個直連與文本的平邊對齊。
* 如果設計中的對齊很明確,那么可以有意識地打破規則。但是在打破規則時,必須清晰地知道規則 是什么(必須是有意為之而不是無奈之舉)。
小結:任何元素都不能在頁面上隨意擺放,每一個元素應當與頁面上的另外一個元素存在某種視角聯系 (統一性)。
根本目的:讓頁面統一且有條理。
如何實現:應當總能在頁面上找到與之對應的元素。
要避免的問題:
1.避免在頁面上使用多種對齊方式
2.着力避免居中對齊(並非完成杜絕,只是非默認)。
例子:
三、重復
設計的某些方面需要在整個作品中重復。
* 使用重復原則時,有時可以把一個元素從現在的設計中抽取出來,並根據這個元素創建一個新設計。
* 重復會為作品帶來專業性與權威性,它會使讀者感覺有人在負責。
小結:設計中視覺元素的重復可以將作品中的各部分邊在一起,從而統一增強整個作品,否則這些部分只是彼此孤立的單元。
根本目的:重復的目的是統一,並增強視覺效果。
如何實現:重復可以認為是保持一致性,並把現有的一致性更向前推進一步。
要避免的問題:避免過多地重復一個元素。
例子:
四、對比
頁面上的不同元素之間要有對比的效果,達到吸引讀者的對比效果,如果兩個項不完全相同,就應當使之不同,而且應當是截然不同。
* 對比不僅可以用來吸引眼球,還可以用來組織信息,清晰層級,在頁面上指引讀者,並且制造焦點。
* 對比方式:大小,字體,粗細,冷暖色,平滑與粗糙,水平與垂直,松與緊,小圖與大圖等等。
* 如果兩個元素雖然不同,但是區別不大,這里就不是對比而是沖突。
例:不要用12磅與14磅字體進行對比。
例:不要用深棕色或藍色與黑色下文形成對比。
* 要增加有意思的對比,最簡單的方法是實現字體對比。
* 去掉times new roman和 arial helvatica字體。
* 去掉居中對齊。
* 找出最有意思的東西,或最重要的東西加以強調。
* 把信息分組為一些邏輯組,合理利用空間(不要用框)
* 找出可以重復的元素。
* 增加對比。
小結:在頁面上增加對比能吸引人的眼球,要實現有效的對比,這兩個元素必須截然不同。
根本目的:
1.增強頁面的效果
2.有助於信息的組織
如何實現:線寬,顏色,大小,空間。
要避免的問題:如果想形成對比,就加大力度。
例子:
五、顏色運用
將色輪上相鄰的顏色兩兩混合,將得到三間色,把三間色放混合的兩個顏色之間,依次類推,得出色輪。
互補:色輪上相對的顏色為互補色,由於它們對立,所以最佳搭配是一種作為主色,一種用於強調。
三色組:彼此等距的三種顏色往往會形成一個讓人愉悅的三色組。
分裂互補色:從色輪的一邊選擇一種顏色,再 在色輪上找出它對面的互補色,不過並不直接使用這個互補色,而是使用該互補色兩側的顏色。
類似色:由彼此相信的顏色組成。
暗色與亮色:
純色就是色調。
向色調增加黑色就是構成一個暗色。
向色調增加白色就構成一個亮色。
單色:單色組合由一種色調及相應的多種亮色和暗色組成。
色質:色質是指某種顏色 的特定明暗度,深淺度或色調。
暖色與冷色:暖色(包含紅色或黃色),冷色(包含藍色)
冷色趨於做背景色,而暖色是趨進型。如果要組合暖冷色,則要少用點暖色
關於CMYK和RGB:需要印刷的項目用CMYK。需要在屏幕上看的內容則用RGB.
六、更多提示與技巧
傳單:新手設計的傳單大部分缺少對比
- 創建一個中心,在頁面上放一個很大,有趣而且明顯的東西。
- 使用有對比的子標題。
- 重復。應該嘗試在文本中適當增加同樣的字體來實現重復。
- 對齊。只選用一種對齊方式。
明信片:
- 與眾不中
- 成一系列: 一張明信片只會給人留下一個印象,但一個系列的明信片就不一樣。
- 明確具體:明確地告訴收到明信片的 ,他們會得到怎樣的好處。
- 力求簡練:明令片只放一個短小並讓人注意的消息,把不太重要的詳細信息放在背面。
- 盡可能使用顏色:充分使用顏色不僅很有意思,還能吸引人的眼球,讓人產生興趣。
下划線:盡量不要用,若是想強調,可以采用更專業的方式 ,比如粗體字,大號字,不同的字體,顏色或者把這些方式組合起來使用。
問:做一個設計或重新設計時,先從哪里開始?
答:
1.從中心點開始
2.將信息分組
3.組織文本和圖片時,要建立並維護明確的對齊,
4.創建重復(可以用粗體 ,線,裝飾符號或某種空間布局)
5.建立強烈的對比