
496
|
第十一章
對於視覺一致性,重複視覺元素或主題會有很大的幫助。稍早談論過角度和曲線;
我們可以使用角度相同的對角線,或曲度相似的曲線,這就是設計中重複的元素。
處理邊角(Corner Treatments)
模式即討論這方面常見的做法。
也請考慮到字型排版的層面。請只用一種主要的內文字型,但在側邊欄和導覽連結
等小區域上 使用不同字 型的效果不 錯。(與主 要字型的對 比能突顯這 些區域。)
若有數個標題區域,務必使用相同的標題字型。也可以從字型中抽用較小的圖形元
素(例如行高與色彩),然後應用在設計中的其他地方。參考
回應字體的邊框設計
(Borders That Echo Fonts)
模式。
當一群類似 的文字或控 制元件沿著 一條線重複 時,就會產 生視覺的節 奏。在設計
三、四、八的「Select a Design」區域中,特別能看出這種現象。這些範例中的「
設計和作家 名稱」構成 一個定義完 善的小群組 ,然後整個 直欄都重複 這種群組方
式。我們可以在表單欄位、工具盤按鈕,以及其他 UI 元素中實現相同的效果。
像這樣的節奏可能是威力很大的設計工具。使用節奏時要小心,並用在可以比較的
事物上 — 使用者將會假設,在表單中看起來類似的東西,意味著功能也是類似的。
第四章討論到,以元素的重複做為視覺階層設計的一部分;請參考其中的
均分格圖
(Grid of Equals)
模式。節奏也出現在其他排版模式的中心,例如第五章的
縮圖分格
(Thumbnail Grid)
、第十章的
縮圖加文字清單(Thu