本文為「The non-designer's design book」一書(Robin Williams著)內容心得系列文章第一篇,這本書如它的書名一般,即使是沒受過正規設計教育的人也能學到正確的設計概念。

沒聽過所以你沒注意過

本書提到一個很重要的觀念,「一旦能夠說出什麼東西的名字,就會很容易注意到它的存在。你就會開始掌握它,擁有它,使它在你的控制中。」。當我們不曉得這些設計觀念的存在,我們也很難會注意到設計作品上問題、缺漏,更不可能做出良好的設計。

四大原則學習步驟

學習四大基本原則  >  認識到自己沒有運用到這些原則  >  應用基本原則

對比(Contrast)

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

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

重複(Repetition)

重複的目的就是「一致性」,讓設計中的視覺元素在整個設計中重複出現。重複這項技巧在設計上也十分常見,例如你會重複的使用相同顏色形狀材質空間關係線寬字體大小圖片等。
太多的重複元素,這樣會讓原本想呈現的主體被埋沒,而且令人討厭。

對齊(Alignment)

任何東西都不能在頁面上隨便放置,每個元素都應該與頁面上的任何元素有某種視覺關係,讓設計能夠保持清晰、精巧,提昇整體的可讀性。
避免在一個頁面上混合使用多種對齊模式,也就是不要有一些置左,一些又置右。
儘量避免使用置中對齊,除非這是比較正式、穩重的設計。

親密性(Proximity)

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

任何的設計理論都有一定的價值存在,Robin所提除的四大基本原則更是基礎中的基礎,雖然這四種元素都是極為簡單的觀念,我們卻時常沒去注意誤觸了許多設計上的陷阱。知易行難,在說明瞭解與實際操作的差距,如果連「知」都無法達到(瞭解),那根本無法做到「行」這點(實作),做任何東西皆如此,「無知難行」。