1. 程式人生 > >寫給大家看的設計書 (第3版)

寫給大家看的設計書 (第3版)

設計原理:親密性、對齊、重複、對比

Robin 親密性原則是指:將相關的項組織在一起,移動這些項,使它們的物理位置相互靠近,這樣一來,相關的項將被看作凝聚為一體的一個組,而不再是一堆彼此無關的片段。

將類似的項歸為一組來建立很近的親密性時,有時需要做一些修改,如需要調整文字的大小或字型粗細,或者要改變圖片的大小或放置位置,等等。

親密性的思想並不是說所有一切都要更靠近,其真正的含義是:如果某些元素在理解上存在關聯,或者相互之間存在某種關係,那麼這些元素在視覺上也應當有關聯。除此以外,其他孤立的元素或元素組則不應存在親密性。

用留白來對元素進行分組。

親密性的根本目的是實現組織性。

Robin 對齊原則是指:“任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種視覺聯絡”。

居中對齊會建立一種更正式、更穩重的外觀,這種外觀顯得更為中規中矩,但通常也很乏味。

有時,你可能會在居中佈局上增加一點小技巧,如將文字居中,但是文字塊本身不居中。或者將文字放在頁面的上方,增加緊張性。或者在一個很正式的居中佈局中設定一種非常隨意、有趣的字型。

頁面上只使用一種文字對齊:所有文字都左對齊,或右對齊,或者全部居中。有時,你可能喜歡在同一個頁面上同時使用右對齊和左對齊文字,不過一定要確保讓這些文字以某種方式對齊!

找一條明確的對齊線,並堅持以它為基準。

不過有一點要記住,規則都是用來打破的。但是必須記住,關於打破規則本身也有一條 Robin 規則:在打破規則之前必須清楚規則是什麼。

Robin 重複原則指出,“設計的某些方面需要在整個作品中重複”。重複元素可能是一種粗字型、一條粗線,某個專案符號、顏色、設計要素,某種格式、空間關係等。

可以把重複認為是“一致性”。如果一個出版物有非常好的一致性,則可以放入一些與眾不同的元素,使讀者真正注意到你希望他們關注的內容。

重複的目的就是統一,並增強視覺效果。

要避免太多地重複一個元素,重複太多會讓人討厭。要注意對比的價值。

Robin 對比原則指出:“如果兩個項不完全相同,就應當使之不同,而且應當是截然不同。”

要想實現有效的對比,對比就必須強烈。千萬不要畏畏縮縮。如果各個項不完全一樣,乾脆讓它們截然不同!

要增加有意思的對比,最容易的方法就是實現字型對比(這也是本書第二部分的重點)。不過不要忘記,還可以利用線、顏色、元素之間的間隔、材質等形成對比。

不要害怕讓一些項很小,這樣不僅可以與更大的項形成對比,還能留出更多的空白!一旦讀者把握住重點,只要他們感興趣,自然會去讀這些較小的文字。

對比的根本目的有兩方面:一是增強頁面的效果,使之更有意思更具可讀性;二是有助於資訊的組織。

Example steps:
1. 去掉 Times Roman 和 Arial/ Helvetica 字型。把這些字型乾脆從你的字型選擇中去除。相信我沒有錯。(另外把 Sand 也去掉)。
2. 去掉居中對齊。我知道這麼做很難,但是必須如此。等你更有眼光之後,可以再做一些居中對齊的嘗試。
3. 找出頁面上最有意思的東西,或者最重要的東西加以強調!把最重要的東西放在一起,這樣讀者就不會漏掉重點。
4. 把資訊分組為一些邏輯組。合理利用空間,將各項分開或者聯絡起來。
5. 找出可以重複的元素(包括對比的元素)。
6. 最重要的是,要增加對比。以上可以看到黑白對比、灰度對比、字型大小和字型的對比。