【廣告】
UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì),也叫界面設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI,互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI,UI即User Interface(用戶界面)的簡(jiǎn)稱。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。與之相應(yīng),UI設(shè)計(jì)師的職能大體包括三方面:一是圖形設(shè)計(jì),軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì),主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。以書籍為例,我們讀書都是一頁(yè)一頁(yè)的翻,一句一句的讀,不能跳來跳去。
UI設(shè)計(jì)的準(zhǔn)確性原則
使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色,顯示信息的含義應(yīng)該非常明確,用戶不必再參考其它信息源。顯示有意義的出錯(cuò)信息,而不是單純的程序錯(cuò)誤代碼。避免使用文本輸入框來放置不可編輯的文字內(nèi)容,不要將文本輸入框當(dāng)成標(biāo)簽使用。使用縮進(jìn)和文本來輔助理解。使用用戶語(yǔ)言詞匯,而不是單純的專業(yè)計(jì)算機(jī)術(shù)語(yǔ)。地使用顯示器的顯示空間,但要避免空間過于擁擠。上柔道課時(shí),不僅能學(xué)到打斗,還會(huì)學(xué)到很多關(guān)于能量、氣息與和諧之類的東西。保持語(yǔ)言的一致性,如“確定”對(duì)應(yīng)“取消”,“是”對(duì)應(yīng)“否”。
UI設(shè)計(jì)系統(tǒng)響應(yīng)時(shí)間原則系統(tǒng)響應(yīng)時(shí)間應(yīng)該適中,響應(yīng)時(shí)間過長(zhǎng),用戶就會(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)度條;那今天我們討論的話題就是,客戶的用戶的來源問題,決定了客戶會(huì)在哪兒花錢,也決定了哪兒的設(shè)計(jì)師更加能掙錢(值錢)。一個(gè)長(zhǎng)時(shí)間的處理完成時(shí)應(yīng)給予完成警告信息。
對(duì)比在UI設(shè)計(jì)中的一個(gè)主要目標(biāo)就是吸引用戶注意力。因?yàn)橐粋€(gè)頁(yè)面中的功能有很多,有的功能比較重要,用戶使用頻率比較高,設(shè)計(jì)師就需要把這個(gè)功能凸顯出來,更容易被用戶發(fā)現(xiàn)。配色是一個(gè)很好的實(shí)現(xiàn)手段。
以網(wǎng)易云音樂的客戶端為例,網(wǎng)易云音樂客戶端mac版和window版在設(shè)計(jì)上還是有很大區(qū)別的,這里我們只說搜索框。
Mac版里搜索框填充使用的白色,而windows使用的填充是深紅色。