注重實用技能培養——打造“互聯網+”UI 設計師 突出創意設計訓練——授人以漁而不只是作品臨摹

真實商業項目驅動——行業知識與專業設計相呼應 學習體驗時尚前衛——傳統教材與二維碼革命性攜手

隨著移動互聯技術的飛速發展，“互聯網+”時代已經悄然到來，這自然催生了各行業、企業對UI設計人才的大量需求。與傳統美工、設計人員相比，新“互聯網+”時代對UI設計師提出了更高的要求，傳統美工、設計人員已無法勝任。在這樣的大環境下，這套“互聯網UI設計師”系列教材應運而生，它旨在幫助讀者朋友快速成長為符合“互聯網+”時代企業需求的優秀UI設計師。

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

課工場為培養互聯網UI設計人才設立了UI/UE設計學院及線下服務中心，提供各種學習資源和支持，包括：

　現場面授課程

　在線直播課程

　錄播視頻課程

　案例素材下載

　學習交流社區

　作業提交批改系統

　QQ討論組（技術、就業、生活）

以上所有資源請訪問課工場UI/UE學院：kgc.cn/uiue。

■ 本套教材特點

（1）課程高端、實用——拒絕培養傳統美工。

　培養符合“互聯網+”時代需求的高端UI設計人才，包括移動UI設計師、網頁UI設計師、平面UI設計師。

　除UI設計師所必須具備的技能外，本課程還涵蓋網絡營銷推廣內容，包括：網絡營銷基本常識、符合SEO標準的網站設計、Landing Page設計優化、營銷型企業網站設計等。

　注重培養產品意識和用戶體驗意識，包括電商網站設計、店鋪設計、用戶體驗、交互設計等。

　學習W3C相關標準和設計規范，包括HTML5/CSS3、移動端Android/iOS相關設計規范等內容。

（2）真實商業項目驅動——行業知識、專業設計一個也不能少。

　與知名4A公司合作，設計開發項目課程。

　幾十個實訓項目，涵蓋電商、金融、教育、旅游、游戲等行業。

　不僅注重商業項目實訓的流程和規范，還傳遞行業知識和業務需求。

（3）更時尚的二維碼學習體驗——傳統紙質教材學習方式的革命。

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

　課工場UI/UE學院（kgc.cn）開辟教材配套版塊，提供素材下載、學習社區等豐富的在線學習資源。

■ 讀者對象

（1）初學者：本套教材將幫助你快速進入互聯網UI設計行業，從零開始，逐步成長為專業UI設計師。

（2）設計師：本套教材將帶你進行全面、系統的互聯網UI設計學習，傳遞最全面、科學的設計理論，提供實用的設計技巧和項目經驗，幫助你向互聯網方向迅速轉型，拓寬設計業務范圍。

課工場出品（kgc.cn）

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

1. 嵌入式系統設計師考前沖刺100題 [倪奕文 王建平 編著]
2. 機電概念設計（MCD）應用實例教程 [主 編 黃文漢 陳斌]
3. 嵌入式系統設計師5天修煉 [倪奕文 編著]
4. PLC系統設計與調試 [主編 王紅 遲恩先]
5. 單片機應用系統設計安裝與調試 [主編 田浩鵬]
6. 單片機應用系統設計與訓練 [胡輝 主編]
7. 單片機原理及基于單片機的嵌入式系統設計 [蔡方凱 主編]
8. 檢測技術與系統設計 [方彥軍 程繼紅 編 著]
9. 單片機原理與應用系統設計 [李云鋼 等編著]