PHOTOSHOP CC 移动UI设计案例教程(全彩慕课版)(第2版)

第1章 初识移动UI设计 1.1 移动UI设计的相关概念 2 1.1.1 UI设计的概念 2 1.1.2 移动UI设计的概念 2 1.1.3 App的概念 3 1.2 移动UI设计的操作平台 3 1.2.1 iOS平台 3 1.2.2 Android系统平台 4 1.3 移动UI设计的特点 4 1.4 移动UI设计的常用软件 5 1.4.1 界面设计类软件 5 1.4.2 动效设计类软件 6 1.4.3 网页设计类软件 7 1.4.4 三维渲染类软件 7 1.4.5 思维导图设计类软件 8 1.4.6 交互原型设计类软件 8 1.5 移动UI设计的流程 9 1.5.1 分析调研 10 1.5.2 交互设计 10 1.5.3 交互自查 11 1.5.4 界面设计 11 1.5.5 界面测试 12 1.5.6 设计验证 12 第２章 移动UI设计规范 2.1 iOS设计规范 14 2.1.1 iOS设计单位及尺寸 14 2.1.2 iOS界面结构 15 2.1.3 iOS基本布局 16 2.1.4 iOS字体规范 18 2.1.5 iOS图标规范 19 2.2 Android系统设计规范 22 2.2.1 Android系统设计单位及尺寸 22 2.2.2 Android系统界面结构 23 2.2.3 Android系统基本布局 23 2.2.4 Android系统字体规范 26 2.2.5 Android系统图标规范 26 第3章 iOS界面设计 3.1 内容 32 3.1.1 课堂案例——制作旅游类App闪屏页 32 3.1.2 图表 34 3.1.3 图像视图 34 3.1.4 文本视图 34 3.1.5 网页视图 35 3.2 布局和组织 35 3.2.1 课堂案例——制作旅游类App酒店详情页 35 3.2.2 方框 48 3.2.3 集合 49 3.2.4 显示控件 49 3.2.5 标签 49 3.2.6 列表和表格 50 3.3 菜单和操作 50 3.3.1 课堂案例——制作旅游类App个人中心页 50 3.3.2 活动视图 61 3.3.3 按钮 61 3.3.4 上下文菜单 61 3.3.5 编辑菜单 62 3.3.6 菜单 62 3.3.7 弹出式按钮 62 3.3.8 下拉式按钮 63 3.3.9 工具栏 63 3.4 导航和搜索 63 3.4.1 课堂案例——制作旅游类App首页 63 3.4.2 导航栏 74 3.4.3 搜索栏 74 3.4.4 边栏 74 3.4.5 标签栏 75 3.5 呈现方式 75 3.5.1 课堂案例——制作旅游类App引导页 75 3.5.2 操作表单 79 3.5.3 提醒 79 3.5.4 页面控件 80 3.5.5 弹窗 80 3.5.6 滚动视图 80 3.5.7 表单 80 3.5.8 窗口 81 3.6 选择和输入 82 3.6.1 课堂案例——制作旅游类App登录页 82 3.6.2 颜色池 87 3.6.3 选择器 88 3.6.4 分段控件 88 3.6.5 滑块 89 3.6.6 步进器 89 3.6.7 文本框 89 3.6.8 切换 90 3.6.9 虚拟键盘 90 3.7 状态 90 3.7.1 课堂案例——制作旅游类App消息页 90 3.7.2 仪表 96 3.7.3 进度指示符 96 3.8 课堂练习——制作旅游类App订购房型页 97 3.9 课后习题——制作旅游类App定制路线页 98 第4章 Android系统界面设计 4.1 操作组件 100 4.1.1 课堂案例——制作家具类App详情页 100 4.1.2 常规按钮 112 4.1.3 悬浮操作按钮 113 4.1.4 扩展悬浮操作按钮 114 4.1.5 图标按钮 115 4.1.6 分段按钮 116 4.2 反馈组件 116 4.2.1 课堂案例——制作家具类App分类页 116 4.2.2 角标 121 4.2.3 进度指示器 122 4.2.4 底部提示栏 122 4.2.5 工具提示 123 4.3 容器组件 124 4.3.1 课堂案例——制作家具类App个人中心页 124 4.3.2 卡片 128 4.3.3 走马灯 129 4.3.4 对话框 130 4.3.5 分隔线 131 4.3.6 列表 131 4.4 导航组件 133 4.4.1 课堂案例——制作家具类App首页 133 4.4.2 底部应用栏 142 4.4.3 导航栏 142 4.4.4 抽屉式导航 143 4.4.5 导航轨道 144 4.4.6 搜索 145 4.4.7 选项卡 146 4.4.8 顶部应用栏 147 4.5 选择组件 147 4.5.1 课堂案例——制作家具类App购物车页 147 4.5.2 复选框 153 4.5.3 纸片 154 4.5.4 菜单 154 4.5.5 单选按钮 155 4.5.6 滑块 155 4.5.7 开关 156 4.6 文本输入组件 157 4.6.1 课堂案例——制作家具类App注册页 157 4.6.2 文本域 160 4.7 课堂练习——制作家具类App引导页 161 4.8 课后习题——制作家具类App搜索页 162 第5章 App界面设计实战 5.1 闪屏页 164 5.1.1 品牌推广型 164 5.1.2 活动广告型 164 5.1.3 节日关怀型 165 5.2 引导页 166 5.2.1 功能说明型 166 5.2.2 产品推广型 166 5.3 首页 167 5.3.1 列表型 167 5.3.2 网格型 167 5.3.3 卡片型 168 5.3.4 综合型 168 5.4 个人中心页 168 5.5 详情页 169 5.6 登录页 169 5.7 课堂案例——制作“三餐”美食App 170 5.8 课堂练习——制作“侃侃”社交App 217 5.9 课后习题——制作“潮货”电商App 218