
498
|
第十一章
循著同樣的思維,我們也可能會用包含不尋常字型的圖像來取代普通的文字標籤,
例如為圖像 中的文字加 上光暈、陰 影的效果, 或是襯以複 雜的背景等 等;這類設
計在網頁上很常見。如果你堅持用圖像取代文字,則圖像必需提供足夠的資訊,以
便螢幕閱讀器(如 JAWS)可以大聲地將文字讀出來。(確切的執行方式則依不同
的 UI 技術而定)。
我們也要小心地避免使用者過勞。如果你設計的是讓使用者全神貫注長時間使用的
軟體,請調低用色的飽和度、減少超大字型的文字、盡量不要用到高對比與吸引視
線的紋理 — 盡量讓設計安靜、不要喧鬧。更重要地,如果你的應用程式是要在高
壓力狀態下使用,例如重機械的控制面板,請將任何多餘的東西一律移除,不要讓
使用者在工作的時候分心。這個時候,認知上的考量比起美觀與否重要多了。
模式
本章所有模式都符合前面介紹的概念(
外觀與主題佈景
除多)。每個模式都以自己
的方法應用這些概念;比方說,
處理邊角
捕捉到重複的視覺主題中的一類概念,而
回應字體的邊框設計
則捕捉到另一類。
深遠的背景
與
框線細如髮
則與紋理的選擇有
關。至於字型,則會在
有對比的字型權重
中討論到。
1. 深遠的背景(Deep Background)
2. 色調少、色值多(Few Hues, Many Values)
3. 處理邊角(Corner Treatments)
4. 回應字體的邊框設計(Borders That Echo Fonts)
5. 框線細如髮(Hairlines)
6. 有對比的字型權重(Contrastin