第1章 UI 入门必修课
1.1 UI、UE 和 ID
1.1.1 UI( 用户界面 )
1.1.2 UE( 用户体验 )
1.1.3 ID( 交互设计 )
1.2 用户体验的一般设计流程
1.2.1 原型
1.2.2 模型
1.2.3 演示版
1.2.4 中间步骤
1.3 iOS 和 Android 的设计特色
1.3.1 iOS 的设计特色
1.3.2 Android 的设计特色
1.4 移动 UI 的基本常识
1.4.1 移动 UI 设计中用到的单位
1.4.2 iOS 的界面设计规范
1.4.3 Android 的界面设计规范
1.5 网页 UI 的基本常识
1.5.1 安全网页宽度与首屏高度
1.5.2 常见网页布局形式
1.5.3 网页布局原则
1.5.4 网页中的配色方法
1.6 本章小结
第2章 初识 Sketch
2.1 绘制 Apple Watch 界面
2.1.1 插入 Apple Watch 画板
2.1.2 绘制 Apple Watch 界面首页
2.1.3 绘制 Apple Watch 界面
2.2 绘制 iOS 旅游 APP 跳转页面
2.2.1 iOS 旅游 APP 跳转页面
2.2.2 iOS 旅游 APP 跳转页面
2.2.3 iOS 旅游 APP 跳转页面
2.3 本章小结
第3章 使用 Sketch 绘制线框图
3.1 绘制计步 APP 线框图首页
3.1.1 新建并保存文件
3.1.2 绘制线框图的状态条
3.1.3 绘制计步图标线框
3.1.4 绘制睡眠状态条
3.1.5 绘制底部标签导航
3.2 绘制天气 APP 线框图
3.2.1 绘制线框图首页
3.2.2 绘制首页下滑页
3.2.3 绘制搜索页和设置页
3.3 本章小结
第4章 使用 Sketch 设计图标
4.1 绘制简洁 iOS 功能图标
4.1.1 绘制指南针图标
4.1.2 绘制时钟和相机图标
4.1.3 绘制计算器和拍摄图标
4.1.4 绘制日记事图标
4.2 绘制一组 APP 应用图标
4.2.1 绘制旅行箱图标
4.2.2 绘制轮船图标
4.2.3 绘制帐篷和太阳伞图标
4.2.4 绘制酒杯、救生圈、天气、冰激凌图标
4.2.5 绘制飞机图标
4.3 本章小结
第5章 按钮设计
第6章 移动端界面设计
第7章 PC端网页界面设计
第8章 UI 的输出与交互设计
第9章 使用 Xcode 制作交互效果