第1章 UI設(shè)計基礎(chǔ)
1．1 認(rèn)識UI
1．1．1 PC端設(shè)計與移動端UI設(shè)計的區(qū)別
1．1．2 響應(yīng)式網(wǎng)頁設(shè)計與自適應(yīng)網(wǎng)頁設(shè)計
1．1．3 UI設(shè)計基礎(chǔ)概念
1．1．4 UI設(shè)計常用工具
1．2 UI設(shè)計與用戶體驗(yàn)概述
1．2．1 交互設(shè)計是什么
1．2．2 UX（用戶體驗(yàn)）設(shè)計概述
1．3 UI設(shè)計風(fēng)格
1．3．1 扁平化
1．3．2 擬物化
1．4 UI設(shè)計原則
1．4．1 經(jīng)典設(shè)計法則在UI設(shè)計中的應(yīng)用
1．4．2 格式塔心理學(xué)在UI設(shè)計中的應(yīng)用
1．5 基于移動App的設(shè)計配色
1．5．1 色彩搭配法則
1．5．2 色彩風(fēng)格舉例
1．6 如何建立一套UI設(shè)計規(guī)范
1．6．1 色彩控件規(guī)范
1．6．2 按鈕控件規(guī)范
1．6．3 分割線規(guī)范
1．6．4 頭像規(guī)范
1．6．5 文字規(guī)范
1．6．6 間距規(guī)范
1．6．7 圖標(biāo)規(guī)范
第2章 圖標(biāo)
2．1 圖標(biāo)的概念
2．2 圖標(biāo)的類型
2．2．1 工具圖標(biāo)
2．2．2 啟動圖標(biāo)
2．3 圖標(biāo)的格式
2．4 圖標(biāo)設(shè)計工具Adobeillustrator
2．4．1 文件的創(chuàng)建
2．4．2 矢量圖形工具
2．4．3 屬性面板
2．4．4 圓角工具
2．4．5 路徑查找器
2．4．6 形狀生成工具
第3章 工具圖標(biāo)的設(shè)計
3．1 工具圖標(biāo)的規(guī)范
3．1．1 表意準(zhǔn)確
3．1．2 一致性
3．1．3 格線系統(tǒng)
3．2 線性圖標(biāo)的設(shè)計
3．2．1 搜索圖標(biāo)
3．2．2 聊天圖標(biāo)
3．2．3 眼睛圖標(biāo)
3．2．4 心形圖標(biāo)
3．2．5 卡券圖標(biāo)
3．2．6 房屋圖標(biāo)
3．3 面性圖標(biāo)的設(shè)計
3．3．1 搜索圖標(biāo)
3．3．2 聊天圖標(biāo)
3．3．3 眼睛圖標(biāo)
3．3．4 心形圖標(biāo)
3．3．5 卡券圖標(biāo)
3．3．6 房屋圖標(biāo)
……
第4章 啟動圖標(biāo)的設(shè)計
第5章 移動端界面設(shè)計案例
第6章 網(wǎng)站界面設(shè)計
參考文獻(xiàn)