前 言

　　隨著計(jì)算機(jī)行業(yè)和互聯(lián)網(wǎng)的迅速發(fā)展以及應(yīng)用領(lǐng)域的拓寬，用戶界面設(shè)計(jì)逐漸成為互聯(lián)網(wǎng)熱門的專業(yè)和職業(yè)。用戶界面是系統(tǒng)中不可缺少的部分，是人與電子計(jì)算機(jī)系統(tǒng)進(jìn)行交互和信息交換的媒介，是用戶使用電子計(jì)算機(jī)的綜合環(huán)境。用戶界面設(shè)計(jì)是指為用戶提供人機(jī)交互的可視化界面，在用戶界面的設(shè)計(jì)中，需要提取用戶需求，針對(duì)需求進(jìn)行分析，設(shè)計(jì)出合理美觀并且操作簡(jiǎn)便的界面。用戶界面設(shè)計(jì)是一門集人機(jī)工程學(xué)、認(rèn)知心理學(xué)、人機(jī)交互原理學(xué)、設(shè)計(jì)藝術(shù)原理于一身的綜合性學(xué)科。

1. 本書內(nèi)容

　　全書共分13章，按照UI設(shè)計(jì)工作的實(shí)際需求組織內(nèi)容，案例以實(shí)用、夠用為原則。本書具體內(nèi)容包括移動(dòng)UI 設(shè)計(jì)快速入門、移動(dòng)UI 設(shè)計(jì)的布局、移動(dòng)UI 視覺交互設(shè)計(jì)法則、移動(dòng)UI中的基本元素、Photoshop CC 基礎(chǔ)應(yīng)用、UI 的色彩與風(fēng)格設(shè)計(jì)、移動(dòng)UI 文字的編排設(shè)計(jì)、移動(dòng)UI圖像的處理、移動(dòng)UI的圖形設(shè)計(jì)、設(shè)計(jì)網(wǎng)頁(yè)宣傳圖——濾鏡在設(shè)計(jì)中的應(yīng)用、項(xiàng)目指導(dǎo)——應(yīng)用軟件APP界面設(shè)計(jì)、項(xiàng)目指導(dǎo)——手機(jī)登錄界面UI設(shè)計(jì)、項(xiàng)目指導(dǎo)——運(yùn)動(dòng)醫(yī)療APP界面設(shè)計(jì)等內(nèi)容。

2. 本書特色

　　(1) 本書案例豐富，每章都有不同類型的案例，相關(guān)案例的制作均錄制相關(guān)微視頻操作講解，適合上機(jī)操作教學(xué)。

　　(2) 每個(gè)案例都經(jīng)過(guò)編寫者精心挑選，可以引導(dǎo)讀者發(fā)揮想象力，調(diào)動(dòng)學(xué)習(xí)積極性。

　　(3) 案例實(shí)用，技術(shù)含量高，與實(shí)踐緊密結(jié)合。

　　(4) 配套資源豐富，包括電子課件、習(xí)題答案、素材、微視頻等，方便教學(xué)。

3. 本書約定

　　為便于閱讀理解，本書的寫作風(fēng)格遵從以下約定。

◎ 本書中出現(xiàn)的中文菜單和命令將用【】括起來(lái)，以示區(qū)分。此外，為了使語(yǔ)句更簡(jiǎn)潔易懂，本書中所有的菜單和命令之間以豎線(|)分隔，例如，單擊【編輯】菜單，再選擇【移動(dòng)】命令，就用【編輯】|【移動(dòng)】來(lái)表示。

◎ 用加號(hào)(+)連接的兩個(gè)或三個(gè)鍵表示快捷鍵，在操作時(shí)表示同時(shí)按下這兩個(gè)或三個(gè)鍵。例如，Ctrl+V是指在按下Ctrl鍵的同時(shí)，按下V鍵；Ctrl+Alt+F10是指在按下Ctrl和Alt鍵的同時(shí)，按下功能鍵F10。

◎ 在沒有特殊指定時(shí)，單擊、雙擊和拖動(dòng)是指用鼠標(biāo)左鍵單擊、雙擊和拖動(dòng)，右擊是指用鼠標(biāo)右鍵單擊。

　　本書由中山大學(xué)新華學(xué)院信息科學(xué)學(xué)院王玉娟、湖南應(yīng)用技術(shù)學(xué)院信息工程學(xué)院張莉、壽光市職業(yè)教育中心學(xué)校李炤坤任主編，德州學(xué)院梁東安、海南政法職業(yè)學(xué)院桑峻任副主編。本書在編寫過(guò)程中，參考了很多相關(guān)技術(shù)資料及經(jīng)典案例，吸取了許多同仁的寶貴經(jīng)驗(yàn)，同時(shí)本書的出版凝結(jié)了許多優(yōu)秀教師的心血，在這里衷心感謝對(duì)本書出版過(guò)程給予幫助的編輯老師，感謝你們！

　　由于編者水平有限，書中疏漏與不妥之處在所難免，敬請(qǐng)廣大讀者批評(píng)指正！

　　編 者