目录
2025年09月26日
目录
前言
第1章
1.1 APPUI设计入门 本节将介绍APPUI的基础入门知识
1.1.1 什么是APPUI
1.1.2 APPUI设计的原则
1.1.3 APPUI表现形式
1.1.4 APPUI设计流程
不同系统的APPUI
1.2.1 iOS系统
1.2.2 Android系统
1.2.3 WP系统
1.3 APPUI设计基础
1.3.1 APPUI中的图片格式
1.3.2 设计尺寸规范
1.3.3 配色原理
1.4 设计师心得
1.4.1 APPUI设计师必须掌握的技
1.4.2 APPUI发展趋势
第2章
2.1 APPUI设计中的基本图形绘制
2.1.1 简单形状
2.1.2 组合图形
2.1.3 布尔运算
2.2 APPUI设计中的光影处理
光影效果能体现出物体的立体感和质感，在Photoshop中光影的处理主要是通过图层样式来实现的。本节将学习APPUI设计中的光影处理。
2.2.1 Photoshop的图层样式
2.2.2 立体效果
2.2.3 发光效果
2.3 设计师心得
2.3.1 光影在不同材质上的表现
物体在光线的照射下产生立体感，出现物体明暗调子的规律可归纳为“三面五调”。 物体在受光的照射以后，呈现出不同的明暗，受光的一面叫亮面，侧受光的一面叫灰面，背光的一面叫暗面。 调子是指画面不同明度的黑白层次，是指面所反映光的数量，也就是面的深浅程度。在三大面中，根据受光的强弱不同，还有很多明显的区别，形成了5个调子。除了亮面的亮调子、灰面的灰调和暗面的暗调之外，暗面由于环境的影响还出现了“反光”。另外，在灰面与暗面交界的地方，它既不受光源的照射，又不受反光的影响，因此挤出了一条最暗的面，叫“明暗交界”。这就是我们常说的“五大调子”。 在APPUI设计中，无须把所有的调子绘制出来。一般而言，要表现物体的厚度，有两个部分必不可少，分别是受光部分和阴影部分。 我们需要清楚光源从哪里来，高光的位置决定了阴影的位置，如图2‑164所示。
2.3.2 扁平化设计的流行配色方案
第3章
3.1 常见界面控件设计
3.1.1 常见的控件元素
3.1.4 标签导航设计
3.1.2 按钮组设计
3.1.3 对话框设计
11 确定操作后的图像效果如图3‑90所示。复制“绿色”图层，清除图层样式，重新添加“图案叠加”和“投影”图层样式，如图3‑91所示。
3.1.6 开关按钮
3.1.5 进度条
3.1.7 搜索栏
3.2 图标的设计
3.2.1 扁平化图标设计
3.2.2 线性图标设计
3.2.3 立体图标设计
3.1.8 列表菜单
20 使用“圆角矩形工具”绘制圆角矩形，如图3‑273所示。为图层添加图层样式，添加后的效果如图3‑274所示。继续使用“圆角矩形工具”绘制圆角矩形，如图3‑275所示。
3.3 设计师心得3.3.1 让按钮更吸引人的方法
3.3.2 如何设计优秀的应用图标
第4章
4.1 界面构图
4.1.1 九宫格网格构图
4.1.2 圆心点放射形构图
4.1.3 三角形构图
4.1.4 SF字形构图
4.2 常见界面设计
4.2.1 启动界面\引导界面
4.2.2 登录界面
4.2.3 设置界面
4.2.4 空状态界面
设计师心得 4.3
4.3.1 APP引导界面设计注意事项
4.3.2 界面布局的基本原则
第5章
5.1 设计准备与规划
5.1.1 素材准备
5.1.2 界面布局规划
5.1.3 确定风格与配色
5.2 界面制作
5.2.1 游戏启动界面
5.2.2 游戏开始界面
5.2.3 游戏加载界面
5.2.4 游戏关卡界面
5.3 设计师心得
5.3.1 游戏类APPUI设计如何吸引用户
5.3.2 游戏中的那些按钮
第6章
6.1 设计准备与规划
6.1.1 素材准备
6.1.2 界面布局规划
6.1.3 确定风格与配色
6.2 界面制作
6.2.1 音乐播放界面
6.2.2 本地音乐列表界面
6.2.3 用户注册界面
6.3 设计师心得
6.3.1 Android界面的点九切图
6.3.2 常见的APP登录界面分析
第7章
7.1 设计准备与规划
7.1.1 素材准备
在设计之前可以参考同类APP，在已有的社交APP中最火爆、下载最多的是腾讯旗下的QQ和微信。不论是哪个社交APP，必定会有交友功能，每个好友都有不同的头像，因此需要准备的素材之一为头像素材，如图7‑1所示。
7.1.2 界面布局规划
7.1.3 确定风格与配色
7.2 界面制作
7.2.1 注册界面
7.2.2 聊天界面
7.2.3 好友动态界面
7.2.4 侧边菜单界面
7.3 设计师心得
7.3.1 APPUI设计中需要注意的问题
7.3.2 平面设计师如何转为APPUI设计师
第8章
8.1 设计准备与规划
8.1.1 素材准备
8.1.2 界面布局规划
8.1.3 确定风格与配色
8.2 界面制作
8.2.1 购物主界面
8.2.3 侧边菜单界面
8.3 设计师心得
8.3.1 APP中反馈提示的设计方法
8.3.2 如何做好扁平化设计
第9章
9.1 设计准备与规划
关于这个实例的前期准备与规划，主要是收集美食素材图片，依据美食的特点，要设计出精准的配色方案及人性化界面。
9.1.1 素材准备
9.1.2 界面布局规划
9.1.3 确定风格与配色
9.2 界面制作
9.2.1 程序欢迎界面
9.2.2 程序主界面
9.2.3 个人中心界面
9.3 设计师心得
9.3.1 界面设计中需要注意的小细节
9.3.2 需要遵守的设计准则