單元1 初識UI設(shè)計(jì)的世界
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
1．1 初識UI設(shè)計(jì)
1．1．1 什么是UI設(shè)計(jì)
1．1．2 UI設(shè)計(jì)常用名詞及縮寫
1．1．3 UI設(shè)計(jì)的分類
1．2 初識UI設(shè)計(jì)行業(yè)
1．2．1 UI行業(yè)現(xiàn)狀
1．2．2 未來UI設(shè)計(jì)新領(lǐng)域
1．2．3 UI設(shè)計(jì)的發(fā)展趨勢
1．3 初識UI設(shè)計(jì)師
1．3．1 UI設(shè)計(jì)師所需裝備
1．3．2 UI設(shè)計(jì)師**技能
1．3．3 UI設(shè)計(jì)師的職業(yè)規(guī)劃
1．4 UI設(shè)計(jì)工作流程
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è)計(jì)工作的影響
任務(wù)1——應(yīng)聘UI設(shè)計(jì)師崗位
【知識引導(dǎo)】
【任務(wù)實(shí)施】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】

單元2 圖標(biāo)設(shè)計(jì)
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
2．1 圖標(biāo)設(shè)計(jì)基礎(chǔ)
2．1．1 圖標(biāo)的概念
2．1．2 圖標(biāo)、標(biāo)志與標(biāo)識的區(qū)別
2．1．3 圖標(biāo)設(shè)計(jì)的作用和意義
2．1．4 圖標(biāo)設(shè)計(jì)的原則
2．1．5 圖標(biāo)設(shè)計(jì)的分類
2．2 圖標(biāo)概念設(shè)計(jì)的靈感來源
任務(wù)2——像素圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實(shí)施】
【知識點(diǎn)拓展】
任務(wù)3——2D剪影圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實(shí)施】
【知識點(diǎn)拓展】
任務(wù)4——寫實(shí)圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實(shí)施】
【知識點(diǎn)拓展】
任務(wù)5——扁平化圖標(biāo)的繪制
【知識引導(dǎo)】
【任務(wù)實(shí)施】
【知識點(diǎn)拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】

單元3 App界面設(shè)計(jì)
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
3．1 App設(shè)計(jì)基礎(chǔ)
3．1．1 常見智能手機(jī)的操作系統(tǒng)
3．1．2 App的界面構(gòu)成
3．1．3 App設(shè)備的設(shè)計(jì)規(guī)范
3．2 App視覺設(shè)計(jì)流程及方法
3．2．1 產(chǎn)品定位及市場分析階段
3．2．2 草圖繪制和架構(gòu)設(shè)計(jì)階段
3．2．3 視覺設(shè)計(jì)及界面設(shè)計(jì)階段
3．2．4 界面輸出及可用性測試階段
3．2．5 產(chǎn)品上線及優(yōu)化方案階段
3．2．6 成功App的設(shè)計(jì)思路與注意事項(xiàng)
3．3 7類App的界面設(shè)計(jì)欣賞及要點(diǎn)分析
3．3．1 金融相關(guān)App界面設(shè)計(jì)實(shí)例
3．3．2 網(wǎng)購電商相關(guān)App界面設(shè)計(jì)實(shí)例
3．3．3 攝影美圖相關(guān)App界面設(shè)計(jì)實(shí)例
3．3．4 閱讀新聞相關(guān)App界面設(shè)計(jì)實(shí)例
3．3．5 社交地圖相關(guān)App界面設(shè)計(jì)實(shí)例
3．3．6 音樂播放相關(guān)App界面設(shè)計(jì)實(shí)例
3．3．7 工具App相關(guān)界面設(shè)計(jì)賞析
3．4 App設(shè)計(jì)檢查標(biāo)準(zhǔn)
任務(wù)6——電商App頁面設(shè)計(jì)與輸出
【知識引導(dǎo)】
【任務(wù)實(shí)施】
【知識點(diǎn)拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】

單元4 網(wǎng)站界面設(shè)計(jì)
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識準(zhǔn)備】
4．1 網(wǎng)站設(shè)計(jì)的前期定位
4．1．1 網(wǎng)站目標(biāo)分析
4．1．2 用戶需求分析
4．1．3 網(wǎng)站類型與規(guī)模
4．2 視覺設(shè)計(jì)元素
4．2．1 文字
4．2．2 圖形圖像
4．2．3 色彩
4．2．4 布局
4．2．5 動態(tài)效果
4．3 網(wǎng)站用戶體驗(yàn)
4．3．1 瀏覽型體驗(yàn)網(wǎng)站
4．3．2 交互型體驗(yàn)網(wǎng)站
4．3．3 信任型體驗(yàn)網(wǎng)站
4．3．4 感受型體驗(yàn)網(wǎng)站
4．4 9項(xiàng)網(wǎng)頁設(shè)計(jì)要素規(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è)計(jì)實(shí)例
【知識引導(dǎo)】
【任務(wù)實(shí)施】
任務(wù)8——電商網(wǎng)站設(shè)計(jì)實(shí)例
【知識引導(dǎo)】
【任務(wù)實(shí)施】
任務(wù)9——活動專題網(wǎng)站設(shè)計(jì)實(shí)例
【知識引導(dǎo)】
【任務(wù)實(shí)施】
【知識點(diǎn)拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評估】
【小結(jié)】
本書引用案例來源及參考書籍
本書引用圖片來源
附錄：學(xué)生作品欣賞
后記