移动UI设计案例教程【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

移动UI设计案例教程PDF格式电子书版下载

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

01 移动UI设计快速入门2

1.1 UI设计概述2

1.1.1 什么是UI设计2

1.1.2 UI设计的分类3

1.1.3 UI设计常用工具5

1.1.4 移动UI设计原则5

1.2 移动设备的三大操作系统9

1.2.1 iOS系统9

1.2.2 Android系统10

1.2.3 Windows phone系统10

1.3 移动UI设计色彩搭配10

1.3.1 色彩级别11

1.3.2 色彩的象征意义11

1.3.3 配色技巧14

1.3.4 配色注意事项17

1.4 移动UI设计中文字的运用18

1.4.1 衬线体与非衬线体18

1.4.2 文字规范19

1.5 移动UI设计中图片的运用20

1.5.1 位图和矢量图20

1.5.2 常见图片格式21

1.5.3 常见图片长宽比例21

1.5.4 图片排版22

1.6 如何学习移动UI设计23

1.6.1 临摹、借鉴和创造23

1.6.2 设计类网站24

本章总结25

02 图标设计28

2.1 初识图标28

2.1.1 图标类型28

2.1.2 图标风格29

2.1.3 尺寸相关概念30

2.1.4 图标设计规范31

2.2 功能型图标设计32

2.2.1 功能型图标设计要点32

2.2.2 案例实战——剪影风格功能图标设计32

2.2.3 案例实战——长投影风格分类图标设计36

2.2.4 案例实战——渐变风格分类图标设计39

2.3 桌面型图标设计41

2.3.1 桌面型图标设计要点41

2.3.2 案例实战——卡通风格图标设计42

2.3.3 案例实战——轻质感风格音乐图标设计47

本章总结53

本章实训54

实训1——制作剪影风格图标54

实训2——制作长投影风格图标55

实训3——制作渐变风格图标56

03 APP页面构成元素设计58

3.1 APP页面构成58

3.1.1 栏58

3.1.2 内容视图59

3.2 常见导航形式60

3.3 常见APP组件62

3.3.1 控制元素63

3.3.2 筛选器63

3.3.3 表单63

3.3.4 按钮63

3.3.5 其他组件64

3.4 案例实战——按钮设计65

3.5 案例实战——导航栏设计67

3.6 案例实战——列表式导航设计72

本章总结78

本章实训79

实训1——制作开关按钮79

实训2——制作卡片式导航页80

04 手机主题界面设计82

4.1 手机主题界面设计基础知识82

4.1.1 手机主题界面构成82

4.1.2 手机主题界面设计要点84

4.2 案例实战——卡通风格手机主题界面设计85

4.2.1 作品展示85

4.2.2 设计思路85

4.2.3 案例步骤85

本章总结106

本章实训——制作渐变插画手机主题界面107

05 生活服务类APP界面设计110

5.1 APP设计基础知识110

5.1.1 常见APP类型110

5.1.2 APP开发流程112

5.1.3 APP基本页面简介113

5.2 案例实战——购物类APP界面设计116

5.2.1 作品展示116

5.2.2 设计思路117

5.2.3 案例步骤117

本章总结133

本章实训——制作微天气APP界面134

06 影音娱乐类APP界面设计138

6.1 作品展示138

6.2 设计思路139

6.3 案例步骤140

6.3.1 首页设计140

6.3.2 发现页设计144

6.3.3 会员页设计148

本章总结151

本章实训——制作酷乐APP界面152

07 社交类APP界面设计156

7.1 作品展示156

7.2 设计思路157

7.3 案例步骤157

7.3.1 联系人页设计157

7.3.2 聊天页设计160

7.3.3 社区页设计163

本章总结171

本章实训——制作易聊APP界面171

08 游戏类APP界面设计174

8.1 作品展示174

8.2 设计思路175

8.3 案例步骤175

8.3.1 首页设计175

8.3.2 联机模式页设计178

8.3.3 游戏对战页设计182

本章总结185

本章实训——制作水果消消乐游戏APP界面185