本文為『the non-designer’s design book』一書(Robin Williams著)內容心得系列文章第一篇,這本書如它的書名一般,即使是沒受過正規設計教育的人也能學到正確的設計概念,本系列文章共有六篇,分別為 :

  • 設計四大基本原則
  • 設計第一原則:親密性
  • 設計第二原則:對齊
  • 設計第三原則:重複
  • 設計第四原則:對比
  • 設計四大基本原則總結

對齊(Alignment)

任何東西都不能在頁面上隨便放置,每個元素都應該與頁面上的任何元素有某種視覺關係,讓設計能夠保持清晰、精巧,提昇整體的可讀性。

避免在一個頁面上混合使用多種對齊模式,也就是不要有一些置左,一些又置右。

盡量避免使用置中對齊,除非這是比較正式、穩重的設計。

我們要儘可能的採用硬邊界的效果,避免居中對齊這種版式

 

左圖為隨意置放,右邊為經過對齊法則部局。


親密性(Proximity)

彼此相關的項應當靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有助於組織信息,減少混亂,為使用者提供清晰的結構。

一個頁面有太多孤立的元素

不要在元素間留有相同的空白,除非這些元素互相之間是存在著關係的。

上圖信息動線混亂,下圖流暢運用對齊方式。


重複(Repetition)

重複的目的就是「一致性」,讓設計中的視覺元素在整個設計中重複出現。重複這項技巧在設計上也十分常見,例如你會重複的使用相同顏色、形狀、材質、空間關系、線寬、字體、大小和圖片等。

太多的重複元素,這樣會讓原本想呈現的主體被埋沒,而且令人討厭。


對比(Contrast)

對比的就是避免頁面上有太多相似的元素,透過對比讓最重要的內容能夠稱脫出來,吸引使用者的目光。對比可以使用字體、顏色、大小、線寬、形狀、空間等方式,對比能夠讓訊息更準確傳達、內容更容易被記住、內容更迅速尋找,是設計必備的技巧。

猶豫不絕,如果你想要讓對比效果明顯,就不要害怕,對必的差距要夠大:不要將黑色與咖啡色拿來做對比,這樣的對比力道完全不足。
太多對比,不要在一個頁面使用太多種字體,造成沒有主角的窘境。


 

arrow
arrow
    全站熱搜

    樹風 發表在 痞客邦 留言(0) 人氣()