术与道 移动应用UI设计必修课
2020-04-15 15:18:56 0 举报AI智能生成
术与道 移动应用UI设计必修课
作者其他创作
大纲/内容
术之篇
01 基础知识
1.1 什么是UI设计
1.1.1 UI的相关概念
1.1.2 UI的学习方法
1.2 什么是App
1.2.1 App的概念
1.2.2 App的开发流程
1.3 智能手机的屏幕
1.3.1 英寸（Inch）
1.3.2 像素（Pixel）
1.3.3 分辨率（Resolution）
1.4 网点密度与像素密度
1.4.1 网点密度（DPI）
1.4.2 像素密度（PPI）
1.4.3 DPI与PPI
1.4.4 逻辑分辨率与像素倍率
1.4.5 视网膜屏幕
1.5 常见手机屏幕规格
1.5.1 热门手机规格
1.5.2 热门手机分辨率
1.6 iPhone 6 Plus的屏幕
1.7 智能手机的传感器
1.7.1 摄像头
1.7.2 麦克风
1.7.3 GPS
1.7.4 电子罗盘
1.7.5 重力感应器
1.7.6 加速度传感器
1.7.7 光线传感器
1.7.8 距离传感器
1.7.9 气压传感器
1.7.10 三轴陀螺仪
02 设计风格
2.1 风格
2.1.1 什么是设计风格
2.1.2 如何确立设计风格
2.2 颜色
2.2.1 认识色彩
2.2.2 RGB与HSB
2.2.3 颜色搭配基础
2.3 如何选择颜色
2.3.1 常见App的颜色
2.3.2 颜色的性格
2.4 字体
2.4.1 衬线体和无衬线体
2.4.2 系统内置字体
2.4.3 什么时候选择内嵌字体
2.4.4 如何使用内嵌字体
03 图标与图片
3.1 App图标特点
3.1.1 独特的图形
3.1.2 表意准确
3.1.3 谨慎用色
3.1.4 避免使用大量文字
3.1.5 避免使用照片
3.1.6 适应不同场景
3.2 App图标设计流程
3.2.1 第一步：寻找隐喻
3.2.2 第二步：抽象图形
3.2.3 第三步：竞品分析
3.2.4 第四步：确定风格
3.2.5 五步：调整细
3.2.6 第六步：场景测试
3.3 App图标设计方法
3.3.1 正负形组合
3.3.2 折叠图形
3.3.3 局部提取
3.3.4 线性图标
3.3.5 透明渐变
3.3.6 色块拼接
3.3.7 图形复用
3.3.8 背景组合
3.4 iOS图标规范
3.4.1 iOS图标适配
3.4.2 iOS图标标准
3.5 Android图标规范
3.5.1 Android图标适配
3.5.2 图标的视觉统一
3.5.3 Android图标标准
3.6 设计线性图标
3.6.1 线性图标的风格
3.6.2 线性图标的绘制方法
3.7 像素对齐
3.7.1 像素为什么要对齐
3.7.2 像素如何对齐
3.7.3 像素缩放的对齐
3.7.4 像素对齐的微调
3.8 图片的使用
3.8.1 矢量图与位图
3.8.2 图片的格式
3.8.3 图片的使用
3.8.4 图片的存储
3.8.5 图片的比例
04 iOS系统界面
4.1 栏
4.1.1 状态栏
4.1.2 导航栏
4.1.3 标签栏
4.1.4 工具栏
4.2 内容视图
4.2.1 表格视图
4.2.2 文本视图
4.2.3 Web视图
4.3 临时视图
4.3.1 对话框
4.3.2 操作列表
05 Android系统界面
5.1 导航机制
5.1.1 硬件特性
5.1.2 iOS导航机制
5.1.3 Android导航机制
5.2 界面布局
5.2.1 结构差异
5.2.2 操作栏
5.2.3 多任务
5.3 消息推送
5.3.1 推送方式
5.3.2 通知方式
5.4 操作方式
5.4.1 编辑
5.4.2 选择
5.4.3 复制粘贴
5.4.4 删除
5.5 Android系统的插件
5.5.1 桌面插件
5.5.2 设计趋势
道之篇
06 建立规范
6.1 组建规范
6.1.1 设计规范的目的
6.1.2 规范的组成
6.2 颜色规范
6.2.1 为什么选择HSB
6.2.2 创建调色板
6.2.3 调色板应用
6.3 文字规范
6.3.1 iOS系统
6.3.2 Android系统
6.3.3 系统字号
6.4 布局
6.4.1 框架
6.4.2 顶部导航栏
6.4.3 顶部标签栏
6.4.4 底部标签栏
6.5 图片规范
6.5.1 用户头像
6.5.2 商品图片
6.5.3 无数据图片
07 设计组件
7.1 控制元素
7.1.1 活动指示器
7.1.2 进度指示器
7.1.3 页码控制器
7.1.4 刷新控件
7.1.5 滑动器
7.1.6 开关
7.1.7 步进器
7.2 筛选器
7.2.1 选择器
7.2.2 日期时间选择器
7.2.3 分段控件
7.2.4 选项卡
7.2.5 排序
7.2.6 地区选择
7.3 表单控件
7.3.1 单选框
7.3.2 复选框
7.3.3 文本框
7.3.4 下拉框
7.3.5 表格
7.4 按钮规范
7.4.1 背景+文字
7.4.2 背景+图标
7.4.3 图标+文字
7.4.4 文字
7.5 其他组件
7.5.1 加载更多
7.5.2 非模态浮层
7.5.3 模态浮层
08 导航设计
8.1 扁平导航
8.1.1 标签导航
8.1.2 舵式导航
8.1.3 宫格式导航
8.2 内容主导式导航
8.2.1 陈列式导航
8.2.2 旋转木马式导航
8.3 列表式导航
8.3.1 列表式
8.3.2 抽屉式
8.4 其他导航
8.4.1 点聚式导航
8.4.2 瀑布式导航
09 界面设计
9.1 首页
9.1.1 搜索栏
9.1.2 标签栏
9.1.3 卡片式设计
9.1.4 楼层设计
9.2 列表页
9.2.1 消息列表
9.2.2 横向卡片
9.2.3 瀑布流
9.3 详情页
9.3.1 全局按钮
9.3.2 快速通道
9.4 个人中心
9.4.1 头像区域
9.4.2 个人信息
9.4.3 功能模块
9.5 启动页
9.5.1 品牌宣传类
9.5.2 首页样式类
9.5.3 情感故事类
9.5.4 节日氛围类
9.6 引导页
9.6.1 功能介绍类
9.6.2 使用说明类
9.6.3 情感故事类
10 设计适配
10.1 iOS系统适配
10.1.1 设计基准
10.1.2 设计适配
10.1.3 适配规则
10.2 Android系统适配
10.2.1 密度独立像素
10.2.2 设计基准
10.2.3 适配方法
10.3 iOS系统适配Android系统
10.3.1 设计目的
10.3.2 换算关系
10.3.3 适配方法
10.4 标注设计
10.4.1 标注基准
10.4.2 标注方法
10.5 点九图
10.5.1 什么是点九图
10.5.2 如何制作点九图
10.6 切图
10.6.1 界面切图
10.6.2 图标切图
10.6.3 命名规则
11 手势应用
11.1 为什么使用手势
11.2 常用手势操作
11.2.1 单击
11.2.2 双击
11.2.3 上下滑动
11.2.4 左右滑动
11.2.5 拖曳
11.2.6 张开/闭合
11.2.7 长按
11.2.8 摇晃
11.3 手势设计禁忌
11.3.1 使用标准手势
11.3.2 定义标准手势
11.3.3 使用简单手势
11.3.4 手势使用说明
12 设计资源
12.1 网站资源
12.2 图标资源
12.3 图片资源
对本书的赞誉
本书涵盖了哪些内容
其他
0 条评论
下一页
