移动UI界面设计 微课版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

移动UI界面设计 微课版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

01移动UI设计基础2

1.1 UI设计概论2

1.1.1 什么是UI设计2

1.1.2 什么是App3

1.1.3 移动App UI与平面UI的区别4

1.1.4 制作App UI的常用软件4

1.2 手机界面设计尺寸的度量单位10

1.2.1 英寸10

1.2.2 分辨率10

1.2.3 屏幕密度11

1.2.4 网点密度11

1.3 常见的图片格式11

1.3.1 位图12

1.3.2 矢量图14

1.4 App UI的设计原则14

1.4.1 视觉一致性原则15

1.4.2 视觉简易性原则15

1.4.3 从用户的考虑角度出发15

1.5 手机界面的色彩搭配与视觉效果16

1.5.1 冷暖色调的对比16

1.5.2 色彩的意向16

1.5.3 色彩的搭配技巧17

1.5.4 App界面配色原则18

1.5.5 App U I设计的用色规范19

1.6 App的设计流程19

1.6.1 简单大方的设计理念19

案例 绘制相机图标20

1.6.2 独一无二的设计创意22

1.6.3 全面分析应用需求23

1.6.4 确认App的设计工作23

1.7 App移动端的设计趋势23

1.7.1 专注用户体验24

1.7.2 使用模糊的背景24

案例 绘制登录界面24

1.7.3 简单的导航模式27

1.7.4 大胆醒目的字体运用27

1.7.5 更简单的配色27

1.7.6 用户界面的情景感知28

1.8 两大主流手机系统的发展历程28

1.8.1 iOS系统28

1.8.2 Android系统30

1.9 不同系统UI视觉的主要组成要素及特征34

1.9.1 iOS系统的组成要素及特征34

1.9.2 Android系统的组成要素及特征36

1.9.3 手机系统的发展前景37

1.10 专家支招37

1.10.1 App屏幕设计禁忌38

1.10.2 App文字设计禁忌38

1.10.3 App按钮图标设计禁忌38

1.10.4 App选项设计禁忌39

1.10.5 App空间设计禁忌39

1.11 总结扩展39

1.11.1 本章小结39

1.11.2 举一反三——绘制时钟图标39

02iOS App系统应用42

2.1 iOS UI设计基础42

2.1.1 iOS的设计特色42

2.1.2 适应性和布局44

2.1.3 停止与启动46

2.1.4 导航47

2.1.5 模态情景48

2.1.6 交互性与反馈48

2.1.7 动画50

2.1.8 颜色和字体50

2.2 iOS的界面设计规范52

2.2.1 iOS界面设计尺寸52

2.2.2 iOS设计元素尺寸52

2.2.3 iOS界面图标尺寸53

2.2.4 iOS界面文本尺寸53

2.3 iOS的图标运用54

2.3.1 iOS图标设计的原则54

2.3.2 iOS应用程序图标55

案例 绘制日历图标56

2.3.3 栏按钮图标59

2.4 iOS用户界面元素60

2.4.1 状态栏61

2.4.2 导航栏61

2.4.3 标签栏61

案例 制作新闻界面62

2.4.4 搜索栏67

2.4.5 工具栏68

案例 制作地图界面68

2.4.6 表格视图71

案例 制作表格视图72

2.4.7 活动视图75

2.4.8 动作76

2.4.9 警告提醒76

2.4.10 编辑菜单77

2.4.11 浮动框77

2.4.12 模态视图77

2.5 控件的绘制78

2.5.1 活动指示器78

2.5.2 选择器78

案例 制作闹钟界面79

2.5.3 分段控件83

案例 制作分段控件83

2.5.4 滚动条87

案例 制作滚动条87

2.5.5 步进器90

2.5.6 开关91

2.5.7 页码指示器91

案例 制作页码指示器91

2.5.8 按钮94

2.5.9 文本框95

案例 制作登录界面95

2.5.10 进度条98

案例 制作进度指示条99

2.6 专家支招104

2.6.1 尺寸更大104

2.6.2 更圆104

2.6.3 交互效果105

2.7 总结扩展105

2.7.1 本章小结105

2.7.2 举一反三——制作音乐播放器界面105

03Android App系统应用108

3.1 Android UI设计基础108

3.1.1 Android UI的设计特色108

3.1.2 设备与显示109

3.1.3 主题鲜明110

3.1.4 触摸反馈110

3.1.5 度量单位和网格111

3.1.6 字体112

3.1.7 Android的写作风格112

3.1.8 色彩114

3.2 Android界面设计规范114

3.2.1 Android界面图标的设计尺寸115

案例 绘制Android浏览器图标115

3.2.2 Android的界面基本组成元素119

3.2.3 Android的文本规范119

3.3 Android的图标运用120

3.3.1 启动图标120

案例 绘制启动图标120

3.3.2 系统图标123

3.3.3 系统图标的设计原则123

3.4 Android用户界面元素126

34.1 主屏幕和二级菜单126

3.4.2 状态栏127

3.4.3 导航抽屉127

3.4.4 操作栏127

案例 绘制音乐乐库界面128

3.5 Android控件的绘制132

3.5.1 选项卡132

案例 绘制主题壁纸下载界面134

3.5.2 列表137

案例 绘制列表视图137

3.5.3 网格列表141

3.5.4 文本框141

3.5.5 按钮142

案例 绘制登录界面143

3.5.6 菜单145

案例 绘制电子书籍界面146

3.5.7 开关149

3.5.8 滚动150

案例 绘制好友联系人界面151

3.5.9 活动指示器154

3.5.1 0滑块155

案例 绘制音乐播放器界面155

3.5.1 1提示框158

3.6 专家支招159

3.6.1 锁屏界面159

3.6.2 二级菜单界面160

3.6.3 通知中心160

3.6.4 小部件中心160

3.6.5 Google now160

3.6.6 新增联系人161

3.6.7 权限管理161

3.6.8 设置界面161

3.7 总结扩展161

3.7.1 本章小结161

3.7.2 举一反三——绘制个人主页界面162

04App应用实战164

4.1 App的分类164

4.1.1 实用功能类164

4.1.2 游戏类164

4.1.3 社交类164

4.1.4 网购支付类165

4.1.5 影音播放类165

4.2 iOS应用实战165

4.2.1 绘制日历界面166

4.2.2 绘制音乐播放器界面169

4.3 Android应用实战172

4.3.1 绘制电商界面172

4.3.2 绘制社交界面176

4.4 专家支招180

4.4.1 选用符合产品气质的字体180

4.4.2 巧用排版技巧180

4.4.3 图片的水印式装饰181

4.4.4 海报式的图文分享182

4.4.5 动起来的界面182

4.5 总结扩展183

4.5.1 本章小结183

4.5.2 举一反三——绘制酒店首页界面183