注重實(shí)用技能培養(yǎng)——打造“互聯(lián)網(wǎng)+”UI 設(shè)計(jì)師 突出創(chuàng)意設(shè)計(jì)訓(xùn)練——授人以漁而不只是作品臨摹

真實(shí)商業(yè)項(xiàng)目驅(qū)動(dòng)——行業(yè)知識(shí)與專業(yè)設(shè)計(jì)相呼應(yīng) 學(xué)習(xí)體驗(yàn)時(shí)尚前衛(wèi)——傳統(tǒng)教材與二維碼革命性攜手

隨著移動(dòng)互聯(lián)技術(shù)的飛速發(fā)展，“互聯(lián)網(wǎng)+”時(shí)代已經(jīng)悄然到來，這自然催生了各行業(yè)、企業(yè)對(duì)UI設(shè)計(jì)人才的大量需求。與傳統(tǒng)美工、設(shè)計(jì)人員相比，新“互聯(lián)網(wǎng)+”時(shí)代對(duì)UI設(shè)計(jì)師提出了更高的要求，傳統(tǒng)美工、設(shè)計(jì)人員已無法勝任。在這樣的大環(huán)境下，這套“互聯(lián)網(wǎng)UI設(shè)計(jì)師”系列教材應(yīng)運(yùn)而生，它旨在幫助讀者朋友快速成長(zhǎng)為符合“互聯(lián)網(wǎng)+”時(shí)代企業(yè)需求的優(yōu)秀UI設(shè)計(jì)師。

這套教材是由課工場(chǎng)（kgc.cn）的UI/UE教研團(tuán)隊(duì)研發(fā)的。課工場(chǎng)是北大青鳥集團(tuán)下屬企業(yè)北京課工場(chǎng)教育科技有限公司推出的互聯(lián)網(wǎng)教育平臺(tái)，專注于互聯(lián)網(wǎng)企業(yè)各崗位人才的培養(yǎng)。平臺(tái)匯聚了數(shù)百位來自知名培訓(xùn)機(jī)構(gòu)、高校的頂級(jí)名師和互聯(lián)網(wǎng)企業(yè)的行業(yè)專家，面向大學(xué)生以及需要“充電”的在職人員，針對(duì)與互聯(lián)網(wǎng)相關(guān)的產(chǎn)品、設(shè)計(jì)、開發(fā)、運(yùn)維、推廣和運(yùn)營(yíng)等崗位，提供在線的直播和錄播課程，并通過遍及全國(guó)的幾十家線下服務(wù)中心提供現(xiàn)場(chǎng)面授以及多種形式的教學(xué)服務(wù)，且同步研發(fā)出版最新的課程教材。

課工場(chǎng)為培養(yǎng)互聯(lián)網(wǎng)UI設(shè)計(jì)人才設(shè)立了UI/UE設(shè)計(jì)學(xué)院及線下服務(wù)中心，提供各種學(xué)習(xí)資源和支持，包括：

　現(xiàn)場(chǎng)面授課程

　在線直播課程

　錄播視頻課程

　案例素材下載

　學(xué)習(xí)交流社區(qū)

　作業(yè)提交批改系統(tǒng)

　QQ討論組（技術(shù)、就業(yè)、生活）

以上所有資源請(qǐng)?jiān)L問課工場(chǎng)UI/UE學(xué)院：kgc.cn/uiue。

■ 本套教材特點(diǎn)

（1）課程高端、實(shí)用——拒絕培養(yǎng)傳統(tǒng)美工。

　培養(yǎng)符合“互聯(lián)網(wǎng)+”時(shí)代需求的高端UI設(shè)計(jì)人才，包括移動(dòng)UI設(shè)計(jì)師、網(wǎng)頁(yè)UI設(shè)計(jì)師、平面UI設(shè)計(jì)師。

　除UI設(shè)計(jì)師所必須具備的技能外，本課程還涵蓋網(wǎng)絡(luò)營(yíng)銷推廣內(nèi)容，包括：網(wǎng)絡(luò)營(yíng)銷基本常識(shí)、符合SEO標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)、Landing Page設(shè)計(jì)優(yōu)化、營(yíng)銷型企業(yè)網(wǎng)站設(shè)計(jì)等。

　注重培養(yǎng)產(chǎn)品意識(shí)和用戶體驗(yàn)意識(shí)，包括電商網(wǎng)站設(shè)計(jì)、店鋪設(shè)計(jì)、用戶體驗(yàn)、交互設(shè)計(jì)等。

　學(xué)習(xí)W3C相關(guān)標(biāo)準(zhǔn)和設(shè)計(jì)規(guī)范，包括HTML5/CSS3、移動(dòng)端Android/iOS相關(guān)設(shè)計(jì)規(guī)范等內(nèi)容。

（2）真實(shí)商業(yè)項(xiàng)目驅(qū)動(dòng)——行業(yè)知識(shí)、專業(yè)設(shè)計(jì)一個(gè)也不能少。

　與知名4A公司合作，設(shè)計(jì)開發(fā)項(xiàng)目課程。

　幾十個(gè)實(shí)訓(xùn)項(xiàng)目，涵蓋電商、金融、教育、旅游、游戲等行業(yè)。

　不僅注重商業(yè)項(xiàng)目實(shí)訓(xùn)的流程和規(guī)范，還傳遞行業(yè)知識(shí)和業(yè)務(wù)需求。

（3）更時(shí)尚的二維碼學(xué)習(xí)體驗(yàn)——傳統(tǒng)紙質(zhì)教材學(xué)習(xí)方式的革命。

　每章提供二維碼掃描，可以直接觀看相關(guān)視頻講解和案例效果。

　課工場(chǎng)UI/UE學(xué)院（kgc.cn）開辟教材配套版塊，提供素材下載、學(xué)習(xí)社區(qū)等豐富的在線學(xué)習(xí)資源。

■ 讀者對(duì)象

（1）初學(xué)者：本套教材將幫助你快速進(jìn)入互聯(lián)網(wǎng)UI設(shè)計(jì)行業(yè)，從零開始，逐步成長(zhǎng)為專業(yè)UI設(shè)計(jì)師。

（2）設(shè)計(jì)師：本套教材將帶你進(jìn)行全面、系統(tǒng)的互聯(lián)網(wǎng)UI設(shè)計(jì)學(xué)習(xí)，傳遞最全面、科學(xué)的設(shè)計(jì)理論，提供實(shí)用的設(shè)計(jì)技巧和項(xiàng)目經(jīng)驗(yàn)，幫助你向互聯(lián)網(wǎng)方向迅速轉(zhuǎn)型，拓寬設(shè)計(jì)業(yè)務(wù)范圍。

課工場(chǎng)出品（kgc.cn）

前言
課程設(shè)計(jì)說明
關(guān)于引用作品的版權(quán)聲明
第1章   　互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)二三事
本章簡(jiǎn)介 2
1.1 認(rèn)識(shí)互聯(lián)網(wǎng)產(chǎn)品 2
1.1.1 什么是產(chǎn)品 2
1.1.2 互聯(lián)網(wǎng)產(chǎn)品產(chǎn)生的流程 3
1.1.3 應(yīng)該設(shè)計(jì)什么樣的產(chǎn)品 5
1.2 互聯(lián)網(wǎng)產(chǎn)品的競(jìng)品分析方法 5
1.2.1 Why為什么要進(jìn)行競(jìng)品分析 6
1.2.2 What 什么是競(jìng)品分析 6
1.2.3 Who&When誰(shuí)&什么時(shí)候來進(jìn)行競(jìng)品分析 6
1.2.4 How如何選擇競(jìng)品 7
1.2.5 案例分享：資訊類App競(jìng)品分析 7
1.3 互聯(lián)網(wǎng)產(chǎn)品的用戶研究方法 16
1.3.1 問卷法 16
1.3.2 用戶訪談法 17
1.3.3 焦點(diǎn)小組法 17
1.3.4 情景設(shè)定法 18
本章總結(jié) 19
本章作業(yè) 20
第2章   　用戶體驗(yàn)分類及UE設(shè)計(jì)實(shí)用技巧
本章簡(jiǎn)介 22
2.1 用戶體驗(yàn)概述 22
2.2 用戶體驗(yàn)設(shè)計(jì)技巧 25
2.2.1 感官體驗(yàn) 25
2.2.2 交互體驗(yàn) 27
2.2.3 瀏覽體驗(yàn) 28
2.2.4 情感體驗(yàn) 28
2.2.5 信任體驗(yàn) 28
2.3 用戶體驗(yàn)的改進(jìn)方法 30
2.3.1 視覺方面 30
2.3.2 交互方面 31
2.3.3 文字方面 32
本章總結(jié) 33
本章作業(yè) 34
第3章   　互聯(lián)網(wǎng)交互設(shè)計(jì)精髓
本章簡(jiǎn)介 36
3.1 交互設(shè)計(jì)概述 36
3.2 為加強(qiáng)視覺沖擊而生的交互 37
3.2.1 界面視覺風(fēng)格與交互 37
3.2.2 啟動(dòng)圖標(biāo)與交互 39
3.2.3 界面外觀與交互 39
3.3 交互設(shè)計(jì)師是干什么的 41
3.4 交互設(shè)計(jì)之導(dǎo)航設(shè)計(jì) 42
3.4.1 Web應(yīng)用常見的導(dǎo)航模式 42
3.4.2 移動(dòng)應(yīng)用常見的導(dǎo)航模式 44
3.5 交互設(shè)計(jì)之表單設(shè)計(jì) 48
3.5.1 登錄表單 48
3.5.2 注冊(cè)表單 48
3.6 交互設(shè)計(jì)之搜索設(shè)計(jì) 49
3.6.1 顯性搜索 50
3.6.2 自動(dòng)補(bǔ)全搜索 51
3.6.3 范圍搜索 51
3.6.4 保存搜索記錄并顯示最近搜索內(nèi)容 52
3.7 交互設(shè)計(jì)之反饋設(shè)計(jì) 53
3.7.1 出錯(cuò)信息反饋 53
3.7.2 確認(rèn)反饋 54
3.7.3 系統(tǒng)狀態(tài) 54
本章總結(jié) 55
本章作業(yè) 56
第4章   　Axure互聯(lián)網(wǎng)應(yīng)用交互基礎(chǔ)
本章簡(jiǎn)介 58
4.1 把想法和思路畫成原型圖 58
4.1.1 什么是原型 58
4.1.2 原型的類型及各自的特點(diǎn) 59
4.2 Axure RP軟件界面基礎(chǔ) 61
4.2.1 Axure 的文件格式 61
4.2.2 Axure 的工作環(huán)境 61
4.2.3 生成原型并在瀏覽器中查看 67
4.3 自制iPhone控件庫(kù) 68
4.3.1 iPhone背景部件 68
4.3.2 iPhone滑動(dòng)開關(guān)部件 71
4.3.3 部件的重復(fù)使用 75
4.4 首頁(yè)幻燈輪播交互效果 76
4.4.1 自動(dòng)輪播效果 76
4.4.2 鼠標(biāo)點(diǎn)擊切換輪播效果 78
4.5 網(wǎng)站首頁(yè)全局導(dǎo)航交互 81
實(shí)戰(zhàn)案例 88
本章總結(jié) 90
本章作業(yè) 91
第5章   　移動(dòng)端運(yùn)動(dòng)社交應(yīng)用項(xiàng)目設(shè)計(jì)
本章簡(jiǎn)介 94
5.1 項(xiàng)目需求概述 94
5.1.1 支持平臺(tái) 94
5.1.2 目標(biāo)用戶 94
5.1.3 主要功能 95
5.2 項(xiàng)目理論概要 95
5.2.1 移動(dòng)設(shè)備的種類 95
5.2.2 移動(dòng)設(shè)備的規(guī)格和像素尺寸 96
5.2.3 移動(dòng)設(shè)備的使用方法 97
5.2.4 移動(dòng)設(shè)備的手指操作特點(diǎn) 98
5.2.5 移動(dòng)設(shè)備的指尖密碼 101
5.2.6 應(yīng)用程序的導(dǎo)航 103
5.2.7 各種“欄”的設(shè)計(jì)規(guī)范 108
5.3 項(xiàng)目需求分析 115
5.4 移動(dòng)應(yīng)用常見的Axure交互原型設(shè)計(jì)技巧 116
5.4.1 iPhone屏幕滑動(dòng)效果 116
5.4.2 在iPhone手機(jī)上預(yù)覽原型 118
5.4.3 微信的縱向滑動(dòng)效果 121
5.4.4 應(yīng)用程序的啟動(dòng)過渡頁(yè)面 125
5.4.5 信息應(yīng)用的刪除效果 126
5.4.6 下拉緩沖效果 128
本章總結(jié) 129
本章作業(yè) 130
第6章   　Web端運(yùn)動(dòng)社交應(yīng)用項(xiàng)目設(shè)計(jì)
本章簡(jiǎn)介 132
6.1 項(xiàng)目需求概述 132
6.1.1 企業(yè)背景 132
6.1.2  支持平臺(tái) 133
6.1.3 目標(biāo)用戶 133
6.1.4 主要功能及要求 133
6.1.5 宣傳文字 133
6.2 項(xiàng)目理論概要 133
6.2.1 營(yíng)銷型Web應(yīng)用的特點(diǎn) 133
6.2.2 Web應(yīng)用設(shè)計(jì)規(guī)范 134
6.3 項(xiàng)目需求分析 137
6.3.1 頁(yè)頭頁(yè)尾內(nèi)容安排 137
6.3.2 首頁(yè) 138
6.3.3 下載 138
6.3.4 動(dòng)態(tài) 138
6.4 Axure流程圖設(shè)計(jì)技巧 138
6.4.1 流程圖概述 138
6.4.2 使用Axure 創(chuàng)建流程圖 139
6.5 Axure線框圖設(shè)計(jì)技巧 141
6.6 Axure Web應(yīng)用原型設(shè)計(jì)技巧 143
6.6.1 頂部導(dǎo)航欄 143
6.6.2 頂部導(dǎo)航吸附 148
6.6.3 幻燈輪播 150
6.6.4 登錄注冊(cè) 152
實(shí)戰(zhàn)案例 159
本章總結(jié) 161
本章作業(yè) 162

1. 嵌入式系統(tǒng)設(shè)計(jì)師考前沖刺100題 [倪奕文 王建平 編著]
2. 機(jī)電概念設(shè)計(jì)（MCD）應(yīng)用實(shí)例教程 [主 編 黃文漢 陳斌]
3. 嵌入式系統(tǒng)設(shè)計(jì)師5天修煉 [倪奕文 編著]
4. PLC系統(tǒng)設(shè)計(jì)與調(diào)試 [主編 王紅 遲恩先]
5. 單片機(jī)應(yīng)用系統(tǒng)設(shè)計(jì)安裝與調(diào)試 [主編 田浩鵬]
6. PLC控制系統(tǒng)設(shè)計(jì)安裝與調(diào)試 [趙偉]
7. 單片機(jī)應(yīng)用系統(tǒng)設(shè)計(jì)與訓(xùn)練 [胡輝 主編]
8. 單片機(jī)原理及基于單片機(jī)的嵌入式系統(tǒng)設(shè)計(jì) [蔡方凱 主編]
9. 檢測(cè)技術(shù)與系統(tǒng)設(shè)計(jì) [方彥軍 程繼紅 編 著]
10. 單片機(jī)原理與應(yīng)用系統(tǒng)設(shè)計(jì) [李云鋼 等編著]