PS App UI设计从零开始学电子书

内容简介

前言

目 录

第1章 App UI设计基础

1.1 App UI设计概述

1.1.1 什么是UI设计

1.1.2 什么是App UI设计

1．什么是App

2．App的开发流程

1.1.3 App UI设计必备技术

1．基本软件操作和设计规范理解能力

2．沟通能力

3．设计审美能力

4．产品思维能力

1.2 Photoshop软件的基本操作

1.2.1 安装、卸载、启动和退出Photoshop

1．安装

2．卸载Photoshop

3．启动Photoshop

4．退出Photoshop

1.2.2 图形图像文件的基本操作

1．创建新图像文件

2．打开和关闭图像文件

3．存储图像文件

4．新建文件

5．恢复图像文件

6．置入图像文件

1.3 Photoshop系统界面调整

1.3.1 界面组成

1．菜单栏

2．工具选项栏

3．工具箱

4．图像窗口

5．控制面板

1.3.2 调整界面

1.4 App UI界面设计团队与流程

1.4.1 App界面设计者与产品团队

1.4.2 App界面设计与项目流程

1.4.3 视觉设计

1.5 App UI界面设计理论

1.5.1 用户操作习惯

1.5.2 界面布局

1．了解几个概念

2．iOS系统界面

3．Android系统界面

1.5.3 操作简单

1．隐藏或删除

2．区分内容或功能

1.5.4 在操作方式上创新

1.5.5 在设计中投入情感

1.5.6 App UI的配色理论

1．如何配色

2．配色实战

1.6 App UI界面设计技巧

1.6.1 完整的App UI设计流程

1．需求阶段

2．分析设计阶段

3．调研验证阶段

4．方案改进阶段

5．用户验证反馈阶段

1.6.2 图标设计流程

1.6.3 让图标更具吸引力

1．同一组图标风格的一致性

2．合适的原创隐喻

第2章 App UI光影设计

2.1 UI设计师必备技能之颜色搭配

2.1.1 简约配色设计

2.1.2 混合特效设计

2.1.3 具体案例

2.2 案例：玻璃质感图标设计

2.2.1 设计构思

2.2.2 操作步骤

2.3 案例：仿真插座设计

2.3.1 设计构思

2.3.2 操作步骤

2.4 案例：木纹质感设计

2.4.1 设计构思

2.4.2 操作步骤

2.5 案例：绚丽光线界面设计

2.5.1 设计构思

2.5.2 操作步骤

第3章 App UI字体设计

3.1 UI设计师必备技能之文字设计

3.1.1 字号设计

3.1.2 UI文字设计标准

1．列表的主标题

2．列表的副标题

3．正文

3.2 案例：斜面浮雕字体设计

3.2.1 设计构思

3.2.2 操作步骤

3.3 案例：钻石字体设计

3.3.1 设计构思

3.3.2 操作步骤

3.4 案例：碎裂岩石材质字体设计

3.4.1 设计构思

3.4.2 操作步骤

第4章 App UI简约图标设计

4.1 UI设计师必备技能之图标（ICON）设计

4.2 案例：特价图标设计

4.2.1 设计构思

4.2.2 操作步骤

4.3 案例：搜索图标设计

4.3.1 设计构思

4.3.2 操作步骤

4.4 案例：照相机图标设计

4.4.1 设计构思

4.4.2 操作步骤

4.5 案例：闹钟图标设计

4.5.1 设计构思

4.5.2 操作步骤

4.6 案例：简约平面图标整套设计

4.6.1 设计构思

4.6.2 操作步骤

第5章 App UI三维图标设计

5.1 UI设计师必备技能之三维图标设计

5.1.1 表现形态

1．图形表现

2．文字表现

3．图形和文字结合

5.1.2 图标特性

5.1.3 图标设计的构思

5.2 案例：立体日历图标设计

5.2.1 设计构思

5.2.2 操作步骤

5.3 案例：立体录音器图标设计

5.3.1 设计构思

5.3.2 操作步骤

5.4 案例：立体时钟图标设计

5.4.1 设计构思

5.4.2 操作步骤

5.5 案例：立体勾选框图标设计

5.5.1 设计构思

5.5.2 操作步骤

5.6 案例：实体手机设计

5.6.1 设计构思

5.6.2 操作步骤

第6章 App UI多样图形设计

6.1 UI设计师必备技能之构图技巧

6.1.1 粗细对比

6.1.2 远近对比

6.1.3 疏密对比

6.1.4 静动对比

6.1.5 中西对比

6.1.6 古今对比

6.2 案例：个性二维码扫描图形设计

6.2.1 设计构思

6.2.2 操作步骤

6.3 案例：徽标图形设计

6.3.1 设计构思

6.3.2 操作步骤

6.4 案例：个性条形码设计

6.4.1 设计构思

6.4.2 操作步骤

6.5 案例：电影宣传海报设计

6.5.1 设计构思

6.5.2 操作步骤

第7章 App UI按钮设计

7.1 UI设计师必备技能之按钮设计

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.3 案例：WIFI按钮设计

7.3.1 设计构思

7.3.2 操作步骤

7.4 案例：金属质感按钮设计

7.4.1 设计构思

7.4.2 操作步骤

7.5 案例：音量调节按钮设计

7.5.1 设计构思

7.5.2 操作步骤

7.6 案例：透明界面按钮设计

7.6.1 设计构思

7.6.2 操作步骤

7.7 案例：滑动控件设计

7.7.1 设计构思

7.7.2 操作步骤

第8章 App UI基础界面设计

8.1 UI设计师必备技能之界面设计

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 操作步骤

8.5 案例：个性报错页面设计

8.5.1 设计构思

8.5.2 操作步骤

第9章 App UI导航列表设计

9.1 UI设计师必备技能之交互设计

9.1.1 可视性

9.1.2 反馈

9.1.3 限制

9.1.4 映射

9.1.5 一致性

9.1.6 启发性

9.2 案例：导航栏设计

9.2.1 设计构思

9.2.2 操作步骤

9.3 案例：透明列表页面设计

9.3.1 设计构思

9.3.2 操作步骤

9.4 案例：通话界面设计

9.4.1 设计构思

9.4.2 操作步骤

9.5 案例：食谱小部件页面的设计

9.5.1 设计构思

9.5.2 操作步骤

第10章 App综合案例设计

10.1 案例：引导页面设计

10.1.1 设计构思

10.1.2 操作步骤

10.2 案例：登录／注册界面设计

10.2.1 设计构思

10.2.2 操作步骤

10.3 案例：扁平化选择列表设计

10.3.1 设计构思

10.3.2 操作步骤

10.4 案例：欢迎界面设计

10.4.1 设计构思

10.4.2 操作步骤