當(dāng)今是以互聯(lián)網(wǎng)發(fā)展為主的時(shí)代，人們的生活大多離不開(kāi)電商購(gòu)物、手機(jī)娛樂(lè)，互聯(lián)網(wǎng)已占據(jù)了人們生活的相當(dāng)一部分。隨著計(jì)算機(jī)行業(yè)和互聯(lián)網(wǎng)的迅速發(fā)展以及應(yīng)用領(lǐng)域的拓寬，用戶(hù)界面（UI）設(shè)計(jì)逐漸成為互聯(lián)網(wǎng)熱門(mén)的專(zhuān)業(yè)。用戶(hù)界面是系統(tǒng)中不可缺少的部分，是人與電子計(jì)算機(jī)系統(tǒng)進(jìn)行交互和信息交換的媒介，是用戶(hù)使用電子計(jì)算機(jī)的綜合環(huán)境。近年來(lái)，從事UI設(shè)計(jì)的人越來(lái)越多，企業(yè)對(duì)UI設(shè)計(jì)的要求越來(lái)越高，UI設(shè)計(jì)師的薪資也水漲船高。這背后的原因，是近年來(lái)智能移動(dòng)設(shè)備越來(lái)越流行。

現(xiàn)今，智能設(shè)備和網(wǎng)絡(luò)飛速發(fā)展，各種通信和網(wǎng)絡(luò)連接設(shè)備與大眾生活的聯(lián)系日益密切。UI是用戶(hù)與機(jī)器設(shè)備進(jìn)行交互的平臺(tái)，人們對(duì)各種類(lèi)型UI的要求越來(lái)越高，促進(jìn)了UI設(shè)計(jì)行業(yè)的興盛，這就為UI設(shè)計(jì)人員提供了很大的發(fā)展空間。而作為從事相關(guān)工作的人員則必須要掌握必要的操作技能，以滿(mǎn)足工作的需要。UI設(shè)計(jì)是指為用戶(hù)提供人機(jī)交互的可視化界面，在UI的設(shè)計(jì)中，需要提取用戶(hù)需求，針對(duì)需求進(jìn)行分析，設(shè)計(jì)出合理美觀并且操作簡(jiǎn)便的界面。UI設(shè)計(jì)是一門(mén)集工效學(xué)、認(rèn)知心理學(xué)、人機(jī)交互原理學(xué)、設(shè)計(jì)藝術(shù)原理于一身的綜合性學(xué)科。

本書(shū)用一種新的思路和方式來(lái)闡述UI設(shè)計(jì)的必修內(nèi)容，包括技術(shù)、方法、流程與標(biāo)準(zhǔn)；從零開(kāi)始，詳細(xì)地講解與UI設(shè)計(jì)有關(guān)的實(shí)用知識(shí)，可讀性強(qiáng)，注重邏輯思維培養(yǎng)和從用戶(hù)需求角度來(lái)考慮產(chǎn)品功能，幫助讀者快速地建立起自己的UI設(shè)計(jì)知識(shí)框架。同時(shí)，本書(shū)彌補(bǔ)了市場(chǎng)上相關(guān)優(yōu)秀書(shū)籍缺乏的現(xiàn)狀，講解了UI設(shè)計(jì)的視覺(jué)、用戶(hù)體驗(yàn)、交互設(shè)計(jì)等方面的知識(shí)。

全書(shū)共十五章，系統(tǒng)地講解了UI設(shè)計(jì)的發(fā)展過(guò)程、制作技巧和應(yīng)用方法等，各章內(nèi)容分別為：

章為互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)，主要講解什么是互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)，互聯(lián)網(wǎng)產(chǎn)品產(chǎn)生流程，互聯(lián)網(wǎng)產(chǎn)品競(jìng)品分析方法及互聯(lián)網(wǎng)產(chǎn)品的用戶(hù)研究方法。

第二章為感知移動(dòng)設(shè)計(jì)，主要介紹移動(dòng)設(shè)計(jì)的特點(diǎn)，移動(dòng)應(yīng)用的生命周期，移動(dòng)設(shè)計(jì)的創(chuàng)新互聯(lián)網(wǎng)思維，移動(dòng)設(shè)備的三大主流平臺(tái)和應(yīng)用，移動(dòng)設(shè)備中的人機(jī)交互設(shè)計(jì)，移動(dòng)UI設(shè)計(jì)發(fā)展新趨勢(shì)，移動(dòng)設(shè)計(jì)就業(yè)要求等問(wèn)題。

第三章為用戶(hù)體驗(yàn)與UI交互設(shè)計(jì)概述，主要解讀UI設(shè)計(jì)，用戶(hù)體驗(yàn)，用戶(hù)體驗(yàn)設(shè)計(jì)三大流程，交互設(shè)計(jì)，原型設(shè)計(jì)工具推薦等內(nèi)容。

第四章為移動(dòng)產(chǎn)品的創(chuàng)意和原型草圖設(shè)計(jì)，主要講解移動(dòng)產(chǎn)品的創(chuàng)意，移動(dòng)產(chǎn)品的定位，移動(dòng)產(chǎn)品的需求分析，討論與初步設(shè)計(jì)，繪制用戶(hù)體驗(yàn)原型草圖等知識(shí)。

第五章為移動(dòng)產(chǎn)品的低保真原型設(shè)計(jì)，主要研究移動(dòng)應(yīng)用產(chǎn)品設(shè)計(jì)規(guī)范，界面布局和導(dǎo)航機(jī)制，設(shè)計(jì)組件，低保真原型設(shè)計(jì)流程，低保真原型的可用性測(cè)試。

第六章為移動(dòng)產(chǎn)品的高保真原型視覺(jué)設(shè)計(jì)，主要講解圖形元素的合理構(gòu)建，界面的色彩選擇，文字使用技巧，數(shù)字界面的主流風(fēng)格與圖標(biāo)設(shè)計(jì)等知識(shí)。

第七章為Axure RP 8.0軟件界面操作基礎(chǔ)，主要講解Axure軟件綜述，Axure基礎(chǔ)元件，Axure RP 8.0元件基礎(chǔ)應(yīng)用案例。

第八章為微信交互案例，講解微信登錄界面操作案例，微信抽屜式導(dǎo)航案例，微信交互原型案例。

第九章為交互原型案例，講解地圖App交互原型案例，購(gòu)物App交互原型案例，社團(tuán)App案例，當(dāng)?shù)芈糜蜛pp作品展示等內(nèi)容。

第十章為XMind流程圖設(shè)計(jì)基礎(chǔ)，講解流程圖概述，創(chuàng)建流程圖，流程圖模板和結(jié)構(gòu)，主題，導(dǎo)出與導(dǎo)入。

第十一章為PhotoshopApp圖標(biāo)設(shè)計(jì)，主要講解圖標(biāo)設(shè)計(jì)的基礎(chǔ)知識(shí)，圖標(biāo)欣賞，心形圖標(biāo)設(shè)計(jì)，計(jì)算器圖標(biāo)設(shè)計(jì)，時(shí)鐘圖標(biāo)設(shè)計(jì)等知識(shí)。

第十二章為Photoshop手機(jī)主題界面設(shè)計(jì)，主要講解手機(jī)主題的基礎(chǔ)知識(shí)，手機(jī)主題界面賞析，水晶花主題界面設(shè)計(jì)，冬雪的冬天主題界面設(shè)計(jì)，美好生日夢(mèng)主題界面設(shè)計(jì)，清新雛菊制作。

第十三章為AE動(dòng)效設(shè)計(jì)基礎(chǔ)，主要講解如何導(dǎo)入素材輸出格式，動(dòng)態(tài)二維碼的5個(gè)屬性，常用工具欄及攝像機(jī)功能，GIF生成。

第十四章為響應(yīng)式網(wǎng)站和H5動(dòng)畫(huà)，主要講解HTML5的三個(gè)優(yōu)勢(shì)，HTML5的八大特性，HTML5的應(yīng)用及布局方式，CSS3視覺(jué)表現(xiàn)方面的新特性。

第十五章為VR（虛擬現(xiàn)實(shí)）和AR（增強(qiáng)現(xiàn)實(shí)）交互，主要講解VR和AR技術(shù)及其發(fā)展歷史，VR和AR的發(fā)展前景及體系，VR和AR硬件及盈利模式，VR和AR交互，VR和AR項(xiàng)目設(shè)計(jì)流程及應(yīng)用領(lǐng)域等知識(shí)。

本書(shū)作者中，李慶德（佛山科學(xué)技術(shù)學(xué)院）撰寫(xiě)第1～6章（約21萬(wàn)字），陳峰（臺(tái)州學(xué)院）撰寫(xiě)第7～10章（約13萬(wàn)字），馬凱（齊齊哈爾大學(xué)）撰寫(xiě)第11～15章（約15萬(wàn)字）。后，要特別感謝在本書(shū)編寫(xiě)過(guò)程中給予大力支持的UI設(shè)計(jì)方面的老師和同仁們，特別感謝尤媛媛和沈舒心提供的文字及圖片整理工作。

因筆者水平有限，書(shū)中不足之處希望廣大讀者和專(zhuān)家批評(píng)指正！



著者　

2021年2月