《UI設(shè)計：創(chuàng)意表達與實踐》是國家高等職業(yè)教育數(shù)字媒體專業(yè)群資源庫配套教材。 UI設(shè)計是高職院校數(shù)字媒體藝術(shù)設(shè)計專業(yè)的一門專業(yè)必修課程，也是該專業(yè)學(xué)生需要掌握的核心能力的課程之一。全書包括了解UI設(shè)計行業(yè)、UI設(shè)計師的工作內(nèi)容，理解UI設(shè)計的基礎(chǔ)理論知識，掌握圖標(biāo)設(shè)計、App界面設(shè)計、網(wǎng)頁設(shè)計設(shè)計技巧等內(nèi)容。 為了學(xué)習(xí)者能夠快速且有效地掌握核心知識和技能，也方便教師采用更有效的傳統(tǒng)方式教學(xué)，或者更新穎的線上線下的翻轉(zhuǎn)課堂教學(xué)模式，《UI設(shè)計：創(chuàng)意表達與實踐》配有42個微課，已在智慧職教平臺上線，學(xué)習(xí)者可登錄網(wǎng)站進行學(xué)習(xí)，也可通過掃描書中的二維碼觀看微課視頻或進入“即測即評”，隨掃隨學(xué)。此外，《UI設(shè)計：創(chuàng)意表達與實踐》還提供了其他數(shù)字化課程教學(xué)資源，包括制作精良的電子課件（PPT）、習(xí)題答案、源素材等，可在智慧職教的網(wǎng)站資源展示頁面下載。 《UI設(shè)計：創(chuàng)意表達與實踐》可作為應(yīng)用型本科院校、高等職業(yè)院校UI設(shè)計的課程教材，也可作為UI設(shè)計愛好者的學(xué)習(xí)和參考用書。
學(xué)生——設(shè)計精美、隨掃隨學(xué)，自學(xué)中享受過程
教師——素材豐富、資源立體，備課中不斷創(chuàng)造
教學(xué)模式——線上線下、平臺支撐，教學(xué)中實現(xiàn)翻轉(zhuǎn)
單元1 初識UI設(shè)計的世界
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
1．1 初識UI設(shè)計
1．1．1 什么是UI設(shè)計
1．1．2 UI設(shè)計常用名詞及縮寫
1．1．3 UI設(shè)計的分類
1．2 初識UI設(shè)計行業(yè)
1．2．1 UI行業(yè)現(xiàn)狀
1．2．2 未來UI設(shè)計新領(lǐng)域
1．2．3 UI設(shè)計的發(fā)展趨勢
1．3 初識UI設(shè)計師
1．3．1 UI設(shè)計師所需裝備
1．3．2 UI設(shè)計師必備技能
1．3．3 UI設(shè)計師的職業(yè)規(guī)劃
1．4 UI設(shè)計工作流程
1．4．1 自主軟件產(chǎn)品開發(fā)流程
1．4．2 外包公司產(chǎn)品開發(fā)流程
1．4．3 網(wǎng)站推出流程
1．4．4 企業(yè)體制與文化環(huán)境對UI設(shè)計工作的影響
任務(wù)1——應(yīng)聘UI設(shè)計師崗位
【知識引導(dǎo)】
【任務(wù)實施】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】
單元2 圖標(biāo)設(shè)計
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
2．1 圖標(biāo)設(shè)計基礎(chǔ)
2．1．1 圖標(biāo)的概念
2．1．2 圖標(biāo)、標(biāo)志與標(biāo)識的區(qū)別
2．1．3 圖標(biāo)設(shè)計的作用和意義
2．1．4 圖標(biāo)設(shè)計的原則
2．1．5 圖標(biāo)設(shè)計的分類
2．2 圖標(biāo)概念設(shè)計的靈感來源
任務(wù)2——像素圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實施】
【知識點拓展】
任務(wù)3——2D剪影圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實施】
【知識點拓展】
任務(wù)4——寫實圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實施】
【知識點拓展】
任務(wù)5——扁平化圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實施】
【知識點拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】
單元3 App界面設(shè)計
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
3．1 App設(shè)計基礎(chǔ)
3．1．1 常見智能手機的操作系統(tǒng)
3．1．2 App的界面構(gòu)成
3．1．3 App設(shè)備的設(shè)計規(guī)范
3．2 App視覺設(shè)計流程及方法
3．2．1 產(chǎn)品定位及市場分析階段
3．2．2 草圖繪制和架構(gòu)設(shè)計階段
3．2．3 視覺設(shè)計及界面設(shè)計階段
3．2．4 界面輸出及可用性測試階段
3．2．5 產(chǎn)品上線及優(yōu)化方案階段
3．2．6 成功App的設(shè)計思路與注意事項
3．3 7類App的界面設(shè)計欣賞及要點分析
3．3．1 金融相關(guān)App界面設(shè)計實例
3．3．2 網(wǎng)購電商相關(guān)App界面設(shè)計實例
3．3．3 攝影美圖相關(guān)App界面設(shè)計實例
3．3．4 閱讀新聞相關(guān)App界面設(shè)計實例
3．3．5 社交地圖相關(guān)App界面設(shè)計實例
3．3．6 音樂播放相關(guān)App界面設(shè)計實例
3．3．7 工具App相關(guān)界面設(shè)計賞析
3．4 App設(shè)計檢查標(biāo)準(zhǔn)
任務(wù)6——電商App頁面設(shè)計與輸出
【知識引導(dǎo)】
【任務(wù)實施】
【知識點拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】
單元4 網(wǎng)站界面設(shè)計
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
4．1 網(wǎng)站設(shè)計的前期定位
4．1．1 網(wǎng)站目標(biāo)分析
4．1．2 用戶需求分析
4．1．3 網(wǎng)站類型與規(guī)模
4．2 視覺設(shè)計元素
4．2．1 文字
4．2．2 圖形圖像
4．2．3 色彩
4．2．4 布局
4．2．5 動態(tài)效果
4．3 網(wǎng)站用戶體驗
4．3．1 瀏覽型體驗網(wǎng)站
4．3．2 交互型體驗網(wǎng)站
4．3．3 信任型體驗網(wǎng)站
4．3．4 感受型體驗網(wǎng)站
4．4 9項網(wǎng)頁設(shè)計要素規(guī)范
4．4．1 網(wǎng)站站名/標(biāo)題文字
4．4．2 導(dǎo)航
4．4．3 功能塊
4．4．4 控制
4．4．5 語言
4．4．6 反饋
4．4．7 一致性
4．4．8 防止出錯
4．4．9 視覺清晰
任務(wù)7——企業(yè)門戶網(wǎng)站設(shè)計實例
【知識引導(dǎo)】
【任務(wù)實施】
任務(wù)8——電商網(wǎng)站設(shè)計實例
【知識引導(dǎo)】
【任務(wù)實施】
任務(wù)9——活動專題網(wǎng)站設(shè)計實例
【知識引導(dǎo)】
【任務(wù)實施】
【知識點拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】
本書引用案例來源及參考書籍
本書引用圖片來源
附錄：學(xué)生作品欣賞
后記
書單推薦
