單元1 初識UI設計的世界
【學習目標】
【引例描述】
【知識準備】
1．1 初識UI設計
1．1．1 什么是UI設計
1．1．2 UI設計常用名詞及縮寫
1．1．3 UI設計的分類
1．2 初識UI設計行業(yè)
1．2．1 UI行業(yè)現(xiàn)狀
1．2．2 未來UI設計新領域
1．2．3 UI設計的發(fā)展趨勢
1．3 初識UI設計師
1．3．1 UI設計師所需裝備
1．3．2 UI設計師必備技能
1．3．3 UI設計師的職業(yè)規(guī)劃
1．4 UI設計工作流程
1．4．1 自主軟件產品開發(fā)流程
1．4．2 外包公司產品開發(fā)流程
1．4．3 網(wǎng)站推出流程
1．4．4 企業(yè)體制與文化環(huán)境對UI設計工作的影響
任務1——應聘UI設計師崗位
【知識引導】
【任務實施】
【課后回顧與思考】
【拓展訓練】
【學習評估】
【小結】

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

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

單元4 網(wǎng)站界面設計
【學習目標】
【引例描述】
【知識準備】
4．1 網(wǎng)站設計的前期定位
4．1．1 網(wǎng)站目標分析
4．1．2 用戶需求分析
4．1．3 網(wǎng)站類型與規(guī)模
4．2 視覺設計元素
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)頁設計要素規(guī)范
4．4．1 網(wǎng)站站名/標題文字
4．4．2 導航
4．4．3 功能塊
4．4．4 控制
4．4．5 語言
4．4．6 反饋
4．4．7 一致性
4．4．8 防止出錯
4．4．9 視覺清晰
任務7——企業(yè)門戶網(wǎng)站設計實例
【知識引導】
【任務實施】
任務8——電商網(wǎng)站設計實例
【知識引導】
【任務實施】
任務9——活動專題網(wǎng)站設計實例
【知識引導】
【任務實施】
【知識點拓展】
【課后回顧與思考】
【拓展訓練】
【學習評估】
【小結】
本書引用案例來源及參考書籍
本書引用圖片來源
附錄：學生作品欣賞
后記