1? 手機(jī)應(yīng)用界面設(shè)計(jì)入門
講解當(dāng)前的流行知識,包括什么元素、所用軟件,未來趨勢 需要具備什么素質(zhì)
3? 設(shè)計(jì)工具
3.1? photoshop的設(shè)置細(xì)節(jié)
3.2? photoshop如何和illustrator配合使用
3.3? 其他設(shè)計(jì)工具
4? 設(shè)計(jì)前的準(zhǔn)備工作
4.1? 了解需求和用戶
4.2? 設(shè)計(jì)草圖
4.2.1? 草圖的作用
4.2.2? 怎樣的草圖是高效合理的
4.3? 原型設(shè)計(jì)
4.3.1? 產(chǎn)品原型圖
4.3.2? 產(chǎn)品原型標(biāo)注
第二篇? 設(shè)計(jì)思維的培養(yǎng)
5? UI設(shè)計(jì)基礎(chǔ)
5.1? 視覺設(shè)計(jì)的流程
5.2 ?平臺之間的區(qū)別
5.2.1? 手機(jī)UI與Web UI的區(qū)別
5.2.2? iOS和Android平臺設(shè)計(jì)的區(qū)別
5.2.3? Web app和Native app的區(qū)別
5.3? 設(shè)計(jì)尺寸的單位
5.3.2 iOS尺寸單位pt、ppi與px之間換算關(guān)系
5.3.3? Android尺寸單位dp热某、dpi、sp之間換算關(guān)系
5.3.4? 平臺設(shè)計(jì)移植
6? 設(shè)計(jì)原則
6.1? 簡潔
6.2? 一致性
6.3? 反饋
6.4? 信息扁平化
6.4? 情感化
7? 顏色
7.1? 色彩搭配原則
7.2? 配色技巧
7.3? 色彩應(yīng)用的情感傾向
7.4? 主色和輔助色
7.5? 點(diǎn)綴色的適當(dāng)運(yùn)用
7.6? 不走尋常路的漸變色
8? 風(fēng)格
8.1? 風(fēng)格選擇原則
8.2? 擬物風(fēng)格
8.3? 扁平風(fēng)格
9? 字體應(yīng)用
9.1? Android平臺字體運(yùn)用規(guī)范
9.2? iOS平臺字體運(yùn)用規(guī)范
9.3? 特殊字體的運(yùn)用
第三篇? UI設(shè)計(jì)分步解析
10? 布局
10.1? 布局設(shè)計(jì)原則
10.2? 如何從產(chǎn)品層面確定布局
10.3? 如何考慮布局的交互
11? 圖標(biāo)設(shè)計(jì)
11.1? 圖標(biāo)設(shè)計(jì)原則
11.2? 怎樣的地方需要圖標(biāo)
11.3? 風(fēng)格明顯的圖標(biāo)
11.4? 表意
11.5? 實(shí)例
12? 導(dǎo)航設(shè)計(jì)
12.1? 主要導(dǎo)航設(shè)計(jì)
12.1.1? 標(biāo)簽式
12.1.2? 抽屜式
12.1.3? 跳板式
12.1.4? 列表式
12.1.5? 選項(xiàng)卡式
12.1.6? 陳列館式
12.1.7? 儀表式
12.1.8? 隱喻式
12.1.9? 超級菜單式
12.2? 次級導(dǎo)航設(shè)計(jì)
12.2.1? 走馬燈
13.2.2? 列表
13.2.3? 圖示
13.2.4? 分段選項(xiàng)卡
13.2.5? 總結(jié)
13? 彈層設(shè)計(jì)
13.1? 選擇器
13.2? 動作列表
13.3? 提示
14? 按鈕設(shè)計(jì)
14.1? 按鈕設(shè)計(jì)的注意事項(xiàng)
15? 表單設(shè)計(jì)
15.1? 注冊表單
15.2? 登錄表單
15.3? 搜索表單
16? 儀表盤設(shè)計(jì)
16.1? 進(jìn)度條
16.2? 柱狀圖
16.3? 餅狀圖
16.4? 折線圖
17? 動畫設(shè)計(jì)
17.1? 刷新設(shè)計(jì)
17.2? 加載過程
18? 情感化設(shè)計(jì)
18.1? 引導(dǎo)頁設(shè)計(jì)
18.2? 啟動頁設(shè)計(jì)
18.3? 缺省頁設(shè)計(jì)
19? 信息化設(shè)計(jì)
20? 柵格化設(shè)計(jì)
21? 不同類型APP的設(shè)計(jì)要點(diǎn)
21.1? 社交類
21.2? 新聞閱讀類
21.3? 生活購物類
21.4? 工具類
21.5? 可穿戴設(shè)備
21.6? 游戲類
22? iPAD應(yīng)用設(shè)計(jì)
22.1? iPAD設(shè)計(jì)注意事項(xiàng)
23? 設(shè)計(jì)輸出——如何交接給程序開發(fā)
23.1? 設(shè)計(jì)輸出
23.1.1? 切圖方法
23.1.2? 命名規(guī)則
23.1.3? 尺寸
23.1.4? 顏色
23.2? 適配方案
23.3? 工程師的開發(fā)原理——從設(shè)計(jì)稿到應(yīng)用的過程
23.4? 點(diǎn)9是什么
24? 設(shè)計(jì)附錄
24.1? 拇指有效區(qū)域
24.2? 常用手勢
24.3? H5頁面是如何考慮設(shè)計(jì)的
24.4? 如何評估一個項(xiàng)目的工作量
24.5?UI到底做什么
24.6 僅僅好看就是扯淡