Day005 - Login

色彩的運用可以使畫面生動,但用戶界面的設計不可單純從美學角度出發(fā)使用顏色。應優(yōu)先考慮內(nèi)容及用戶的注意力應放在什么位置。從iOS7以來色塊的運用變的很常見,但細心的同學可以觀察到蘋果原生應用沒有一個在標題欄有大面積色彩運用的。主要是因為標題欄的大面積色塊會對用戶造成視覺干擾,尤其是明度高的前進色。比如《網(wǎng)易云音樂》的標題欄、《閑魚》的標題欄、《手機淘寶》的標題欄。以及《QQ》新版左側(cè)欄由于使用了面積過大明度又較高的藍色也會對用戶造成視覺干擾。因為這些標題的背景色并不重要,重要的是內(nèi)容,但由于錯誤的顏色使用,這些標題背景色在人們的眼前非常醒目,而重要的功能入口卻不醒目。正確的做法:標題使用無彩色,對界面中重要的功能(可觸控的按鈕、文字)使用高明度的前進色。有心的同學此時可以觀察一下手機中的蘋果原生應用是不是這樣設計的。

在今天的練習界面中若沒有輸入密碼,則登陸按鈕置淺紅。若輸入密碼,則按鈕變紅,可以點擊,這也是同樣的原因。避免不重要的按鈕的背景色對視覺造成干擾,讓用戶把注意力集中在更重要的操作上。而在用戶需要操作這個按鈕時,則把按鈕從界面中凸顯出來。通過使用顏色或動效讓用戶的注意力從當前操作移動下一個操作。

路易斯·沙利文在1907年提出了“形式追隨功能”,這一原則在今天尤其適用于用戶界面的設計。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容