《寫給大家看的設計書》粗讀整理


《寫給大家看的設計書》(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.建立強烈的對比

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM