UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則(3)
顏色不是決定性因素
物體的顏色會(huì)隨著光線的變化而變化,顏色是一個(gè)變化的性質(zhì),不應(yīng)該在界面上起決定性作用。它可以用于提醒,但是不應(yīng)該是唯一的區(qū)分元素。
▲ 正確示范|通過(guò)鮮艷的色彩來(lái)提醒需要用戶關(guān)注的內(nèi)容,但是tiah不太認(rèn)同顏色不能作為唯一的區(qū)分的觀點(diǎn),現(xiàn)在有很多天氣、記事、時(shí)鐘類APP極簡(jiǎn)的設(shè)計(jì),常常采用色彩進(jìn)行區(qū)分也非常贊。
漸進(jìn)展示
在每個(gè)屏幕上只顯示必要的內(nèi)容,如果用戶在做選擇,那么給他們顯示足夠的信息,然后在各自的頁(yè)面上展示詳情,避免在某個(gè)界面過(guò)度展示所有細(xì)節(jié)。
▲ 正確示范|用戶只單純地想播放音樂(lè),所以列表頁(yè)只需要當(dāng)前播放狀態(tài)、演唱者、專輯名和歌曲名,無(wú)需太多的信息。
零狀態(tài)的界面
第一次訪問(wèn)界面是最重要的,但經(jīng)常被設(shè)計(jì)者忽視。為了幫助用戶適應(yīng),應(yīng)該提供啟動(dòng)的方向和引導(dǎo)。
▲ 正確示范|零狀態(tài)結(jié)果本身對(duì)用戶體驗(yàn)極其不好,更需要情感化或引導(dǎo)性的設(shè)計(jì)來(lái)降低用戶焦躁的情緒。
優(yōu)秀的設(shè)計(jì)是無(wú)形的
優(yōu)秀的設(shè)計(jì)是沒(méi)有痕跡的,如果設(shè)計(jì)是成功的,那么用戶可以只關(guān)注自己的目的,而不是界面,不依賴于界面。
▲ 正確示范|要想做到這點(diǎn)非常不易,tiah認(rèn)為Yo做到了。
界面是被人使用的
只有用戶使用你設(shè)計(jì)的界面時(shí),才是成功的。如果一件衣服很漂亮,但是穿起來(lái)不舒服,那么設(shè)計(jì)是失敗的。
▲ 錯(cuò)誤示范|視覺(jué)效果非常好,但是用戶體驗(yàn)上非常糟糕,當(dāng)前狀態(tài)與主界面關(guān)聯(lián)太弱,弧形軌跡閱讀太累。
以上舉例圖片來(lái)自dribbble,如對(duì)作者冒犯處敬請(qǐng)諒解
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- UI知識(shí),做UI的工作方式與流程
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- PS繪制磚塊ICO圖標(biāo)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- ps日歷圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- ps設(shè)計(jì)盒子圖標(biāo)