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

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

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

全書共十五章，系統(tǒng)地講解了UI設(shè)計(jì)的發(fā)展過程、制作技巧和應(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)品競品分析方法及互聯(lián)網(wǎng)產(chǎn)品的用戶研究方法。

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

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

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

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

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

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

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

第九章為交互原型案例，講解地圖App交互原型案例，購物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ǔ)知識，圖標(biāo)欣賞，心形圖標(biāo)設(shè)計(jì)，計(jì)算器圖標(biāo)設(shè)計(jì)，時(shí)鐘圖標(biāo)設(shè)計(jì)等知識。

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

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

第十四章為響應(yīng)式網(wǎng)站和H5動畫，主要講解HTML5的三個(gè)優(yōu)勢，HTML5的八大特性，HTML5的應(yīng)用及布局方式，CSS3視覺表現(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)域等知識。

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

因筆者水平有限，書中不足之處希望廣大讀者和專家批評指正！



著者　

2021年2月