第一章-了解軟件UI設(shè)計(jì)

第一章了解軟件UI設(shè)計(jì)初識軟件UI設(shè)計(jì)關(guān)于UI設(shè)計(jì)的概念UI的本意是用戶界面（UserInterface），是英文User和Interface的縮寫，從字面上看是用戶與界面2個組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。UI設(shè)計(jì)則是指對軟件的人機(jī)交互、操作邏輯和界面美觀的整體設(shè)計(jì)。優(yōu)秀的UI設(shè)計(jì)不僅可以讓軟件變得有個性和有品味，還可以使用戶的操作變得更加舒服、簡單和自由，并能夠充分體現(xiàn)產(chǎn)品的定位和特點(diǎn)。UI設(shè)計(jì)包含范疇初識軟件UI設(shè)計(jì)軟件UI設(shè)計(jì)網(wǎng)站UI設(shè)計(jì)游戲UI設(shè)計(jì)移動端UI設(shè)計(jì)軟件UI設(shè)計(jì)初識軟件UI設(shè)計(jì)

軟件UI設(shè)計(jì)是軟件與用戶交互的最直接的聯(lián)系工具，軟件界面的優(yōu)劣決定用戶對軟件的第一印象。而且邏輯通順的軟件界面能夠引導(dǎo)用戶自己完成相應(yīng)的操作，起到向?qū)У淖饔?。同時軟件界面如同人的面孔，具有吸引用戶的直接優(yōu)勢。網(wǎng)頁UI設(shè)計(jì)與軟件UI設(shè)計(jì)的區(qū)別初識軟件UI設(shè)計(jì)界面尺寸不同側(cè)重點(diǎn)不同呈現(xiàn)內(nèi)容不同開發(fā)方式不同Windows應(yīng)用軟件界面軟件界面的設(shè)計(jì)分類專業(yè)型任務(wù)型娛樂型移動端APP軟件界面軟件界面的設(shè)計(jì)分類

移動設(shè)備屏幕尺寸的局限，要求輸入輸出趨于更加簡捷的方式，也要求APP軟件界面的設(shè)計(jì)越來越多元化和人性化。其中區(qū)別于PC端的軟件UI設(shè)計(jì)，圖標(biāo)菜單的應(yīng)用在APP軟件界面中發(fā)揮了重要的作用。Web應(yīng)用軟件界面軟件界面的設(shè)計(jì)分類

隨著網(wǎng)絡(luò)應(yīng)用的逐步深入，一些基于Web網(wǎng)頁瀏覽器的軟件開始出現(xiàn)，例如辦公自動化系統(tǒng)、企業(yè)ERP系統(tǒng)等。這些軟件融合了網(wǎng)頁和Windows應(yīng)用軟件界面的特點(diǎn)，日常生活中最常用的Web應(yīng)用軟件有網(wǎng)絡(luò)郵箱、網(wǎng)絡(luò)搜索等。網(wǎng)頁界面軟件界面的設(shè)計(jì)分類

互聯(lián)網(wǎng)在各個行業(yè)與領(lǐng)域的普及、網(wǎng)頁表現(xiàn)形式日益豐富，加上互聯(lián)網(wǎng)固有的特點(diǎn)，網(wǎng)頁界面已經(jīng)形成了自己特有的界面設(shè)計(jì)形式。游戲軟件界面軟件界面的設(shè)計(jì)分類

游戲軟件界面一般情況下，都會設(shè)計(jì)的華麗精良、主題明確，并且擁有三維效果。為融入主題，游戲軟件的界面一般都是以游戲內(nèi)容中的人物或場景構(gòu)成，視覺效果在游戲軟件界面中占有十分重要的地位。軟件界面的設(shè)計(jì)流程需求分析設(shè)計(jì)分析調(diào)研驗(yàn)證方案改進(jìn)用戶驗(yàn)證需求分析軟件界面的設(shè)計(jì)流程

在設(shè)計(jì)一款軟件界面之前，設(shè)計(jì)師應(yīng)該首先明確是什么人（用戶的年齡、性別、愛好、教育程度等）、在什么地方用（桌面電腦、移動設(shè)備、家庭多媒體等）、如何使用（鼠標(biāo)鍵盤、觸摸屏、搖控器等）。任何一個元素的改變都會使界面設(shè)計(jì)做出相應(yīng)的調(diào)整。設(shè)計(jì)分析軟件界面的設(shè)計(jì)流程

通過對軟件的需求分析，接下來在開始設(shè)計(jì)軟件界面之前首先需要提煉出幾個體現(xiàn)用戶定位的詞語坐標(biāo)。

調(diào)研驗(yàn)證軟件界面的設(shè)計(jì)流程

在設(shè)計(jì)過程中要確保所設(shè)計(jì)的軟件界面多套設(shè)計(jì)方案同一水準(zhǔn)，不能看出有明顯的差異，完成多套軟件界面方案的設(shè)計(jì)后，開始進(jìn)行調(diào)研驗(yàn)證，從而得到用戶的反饋。

通過對用戶反饋意見的整理和總結(jié)，得出每套方案的優(yōu)缺點(diǎn)，便于對最終的軟件界面設(shè)計(jì)進(jìn)行調(diào)整和改進(jìn)。方案改進(jìn)軟件界面的設(shè)計(jì)流程

通過對用戶的調(diào)研驗(yàn)證，可以得到目標(biāo)用戶最喜歡的方案。而且了解到用戶為什么喜歡，還有什么遺憾等，這樣設(shè)計(jì)師就可以有針對性的對軟件界面進(jìn)行下一步的修改了，從而將所設(shè)計(jì)的軟件界面做到細(xì)致、精美。用戶驗(yàn)證軟件界面的設(shè)計(jì)流程

改進(jìn)后的軟件界面設(shè)計(jì)方案即可在所開發(fā)的軟件中應(yīng)用并推向市場，但是設(shè)計(jì)并沒有結(jié)束，還需要用戶反饋，好的設(shè)計(jì)師應(yīng)該在軟件產(chǎn)品上市后，多與最終用戶交流，了解用戶的真正的使用感受，為以后的升級版本和改進(jìn)積累經(jīng)驗(yàn)。軟件界面設(shè)計(jì)的黃金法則在實(shí)現(xiàn)功能的框下設(shè)計(jì)層次結(jié)構(gòu)清晰一致性和標(biāo)準(zhǔn)化給予足夠的視覺反饋層次結(jié)構(gòu)清晰軟件界面設(shè)計(jì)的黃金法則運(yùn)用視覺元素將元素分組如何創(chuàng)建清晰地層次結(jié)構(gòu)創(chuàng)建層次結(jié)構(gòu)的要點(diǎn)和技巧運(yùn)用視覺元素將元素分組軟件界面設(shè)計(jì)的黃金法則形狀尺寸顏色方向紋理給與足夠的視覺反饋軟件界面設(shè)計(jì)的黃金法則靜態(tài)視覺暗示動態(tài)視覺暗示光標(biāo)暗示軟件界面的設(shè)計(jì)要求圖像元素布局合理避免視覺噪聲和混亂保持界面干凈整潔避免歧義消除視覺附加工作界面要美觀優(yōu)雅軟件界面的設(shè)計(jì)趨勢半扁平化設(shè)計(jì)毛玻璃質(zhì)感淺色風(fēng)格設(shè)計(jì)深色風(fēng)格設(shè)計(jì)軟件界面的配色原則色調(diào)的一致性色彩屬性差距小

色彩選擇符合人眼習(xí)慣軟件界面的配色原則使用色彩分類界面功能配色設(shè)計(jì)便于閱讀控制色彩的使用數(shù)量多種方案可供選擇舉一反三分析音樂軟件主界面

通過學(xué)習(xí)本章的各種知識點(diǎn)，讀者應(yīng)該基本掌握了軟件UI的設(shè)計(jì)要求和設(shè)計(jì)原則。下面讀者利用所學(xué)知識，從軟件配色設(shè)計(jì)、軟件布局設(shè)計(jì)和軟件風(fēng)格設(shè)計(jì)等3各方面，來分析音樂播放器軟件—酷狗的UI設(shè)計(jì)。舉一反三分析音樂軟件主界面

分析酷狗界面的UI設(shè)計(jì)特點(diǎn)，首先，軟件界面采用了LOGO使用的