此文僅為《About Face 4:交互設計精髓》的讀書筆記彤蔽,有學習需要請支持正版梢褐。
視覺藝術與視覺設計
當代藝術家的首要關切是表達自我屁桑,而視覺設計師的重點則是清晰溝通医寿。
視覺界面設計元素
雕琢視覺界面時,請謹記以下要素:
情景蘑斧,情景靖秩,情景 Context
每一份視覺設計指南都要考慮其使用情景。
形狀
如果你的目的是抓住用戶的注意力竖瘾,形狀并不是形成對比的最佳屬性沟突。
大小
較大的物品吸引的注意力更多;大小還是有序和量化的變量捕传。
顏色
- 色值 value
- 色調(diào) hue
- 飽和度 saturation
- HSV結(jié)合
方向
當傳達方向信息時惠拭,可以使用的變量。
紋理 Texture
屏幕上的元素沒有真正的紋理庸论,但可以有紋理的外觀职辅。紋理需要大注意力來分辨;但可以提供能供性affordance信號葡公。目前流行的扁平化設計導致使用紋理或擬物化逐漸減少罐农,但即使在高度極簡的設計中,恰當?shù)厥褂蒙倭考y理也能夠大量改善用戶界面的易學性催什。
位置
位置是有序和量化的變量涵亏,有利于傳達層級消息;空間關系還可以反過來暗指概念關系蒲凶。
文字與版面
必須在界面閱讀文字時气筋,應采用以下指南:
- 使用高對比度文字
- 選擇恰當?shù)淖煮w和大小
- 簡潔地組織文字
信息層級 Information hierarchy
使用視覺屬性的差異來給界面分層。對于暫時式應用旋圆,信息層級應該非常明顯宠默,在特定布局中,不同“級別”的重要性形成鮮明對比灵巧。
動作及其隨時間的變化 Motion and change over time
掌握組件如何最時間變化搀矫,對視覺界面設計師很重要。
視覺界面設計原則
傳達風格/傳播品牌 Convey a tone/communicate the brand
帶領用戶厘清視覺層級
-
在組織的每一層提供視覺結(jié)構(gòu)和流
- 對齊到網(wǎng)格
- 創(chuàng)建邏輯路徑
- 界面元素平衡
-
在特定屏幕上告訴用戶能做什么
- 使用圖表
- 傳達功能感
- 將視覺符號與對象關聯(lián)起來
- 簡單地渲染圖標和視覺符號
- 盡可能預覽視覺效果
響應命令
四種情況:立刻變化刻肄;超過十分之一秒瓤球,需提供細微的視覺線索,告訴用戶已經(jīng)收到命令敏弃;達到十秒卦羡,提供某些線索,告訴用戶正在進行;超過十秒绿饵,最好顯示提示欠肾,解釋延遲的原因。把注意力吸引到重要事情上
最小化視覺工作量
在視覺上過分裝飾拟赊、混亂或者擁擠的屏幕都會加重用戶的認知負荷刺桃。保持簡單
設計原則
刪減東西,直到破壞了設計為止要门,再最后把去掉的東西加上虏肾。
視覺信息設計的原則
- 加強視覺對比
- 顯示因果關系
- 顯示多個變量
- 在一個界面中整合文本、圖形及數(shù)據(jù)
- 確保內(nèi)容的質(zhì)量欢搜、相關性和完整性
- 在相鄰空間上顯示事物封豪,而不是按時間堆積 Show things adjacent in space, not stacked in time
- 可量化的數(shù)據(jù)就要量化
一致性和標準化
界面標準化的益處
單一界面標準能夠通過提高產(chǎn)出和減少錯誤,改善用戶學習界面的能力和生產(chǎn)率炒瘟;
有利于軟件開發(fā)商吹埠。
界面標準化的風險
任何標準的主要風險在于根據(jù)標準創(chuàng)建的產(chǎn)品不可能比標準更好。
標準疮装、指南和經(jīng)驗法則
界面標準最適合作為具體的指導準則和經(jīng)驗法則缘琅,僵化地遵循界面指導準則或不考慮具體情境中的用戶需求,會強迫應用程序界面使用不恰當?shù)慕换ツP汀?/p>
什么時候打破規(guī)則
設計原則
遵守標準廓推,除非有極好的其他選擇
應用程序之間的一致性和標準
一致性并不意味著僵化刷袍,特別在一致性不恰當時。指導你的是規(guī)則的精神實質(zhì)樊展,不是規(guī)則本身呻纹。
設計語言
視覺界面設計師最重要的工具之一是“設計語言”思想;設計語言往往通過標準和風格指南傳達专缠,編寫風格指南有助于設計師合理和簡化設計語言雷酪,但二者并不是同義詞。