UI是用戶界面，是英文User和 interface的縮寫。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系，所以這樣可分為3個(gè)方向，他們分別是：用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)。假設(shè)我在1個(gè)UI項(xiàng)目上花10個(gè)小時(shí)的時(shí)間，其中只有1個(gè)小時(shí)是有效的，其它9個(gè)小時(shí)都是在失敗中不斷地學(xué)習(xí)，玩命的在Google、Pinterest或者Dribble上找值得借鑒的東西。用戶研究包含兩個(gè)方面：一是可用性工程學(xué)（usability Engineering），研究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè)計(jì)更容易被人使用、學(xué)習(xí)和記憶；二是通過可用性工程學(xué)研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法。

UI設(shè)計(jì)系統(tǒng)響應(yīng)時(shí)間原則系統(tǒng)響應(yīng)時(shí)間應(yīng)該適中，響應(yīng)時(shí)間過長，用戶就會(huì)感到不安和沮喪，而響應(yīng)時(shí)間過快也會(huì)影響到用戶的操作節(jié)奏，并可能導(dǎo)致錯(cuò)誤。因此在系統(tǒng)響應(yīng)時(shí)間上堅(jiān)持如下原則：2-5秒窗口顯示處理信息提示，避免用戶誤認(rèn)為沒響應(yīng)而重復(fù)操作；5秒以上顯示處理窗口，或顯示進(jìn)度條；一個(gè)長時(shí)間的處理完成時(shí)應(yīng)給予完成警告信息。這種習(xí)慣的交互方式往往來源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程。

就拿這個(gè)按鈕舉例，這是一個(gè)相對(duì)“扁平化”(flat) 的按鈕，但依然可以看出一些光線變化的細(xì)節(jié):

沒有按下去的按鈕底部邊緣更暗，因?yàn)闆]有光線照到那里。沒有按下去的按鈕上半部分比下半部分稍微亮一些。這是在模仿一個(gè)略有弧度的表面（見側(cè)視圖）?；ヂ?lián)網(wǎng)產(chǎn)品應(yīng)該做到讓用戶在短時(shí)間內(nèi)就可以獲取到他們期望的信息，找到他們想要使用的功能。沒有按下去的按鈕下方有一些細(xì)微的陰影，在放大圖中看得更清楚。按下去的按鈕整體顏色都更暗了，但下半部分的顏色依然比上面深。這是因?yàn)榘粹o在屏幕的平面上，光線不容易照到。也有人說，在現(xiàn)實(shí)中，按下去的按鈕顏色更深，因?yàn)槭终趽踝×斯饩€。

這么一個(gè)簡單的按鈕就有 4 種不同的光線變化。實(shí)際上，我們可以把這種原則運(yùn)用到各處。