移动界面(Web App)Photoshop UI设计十全大补电子书

内容简介

前言 Preface

Chapter 01 智能手机App UI设计

1.1 App UI设计概述

1.1.1 UI设计的概念

1.1.2 App客户端

1.1.3 主要工具软件

1.2 智能手机平面设计师要掌握的技术

1.3 优秀App界面

1.3.1 优秀App界面的特点

1.3.2 产品团队与设计师

1.3.3 项目中的App设计流程

1.3.4 设计灵感

1.4 设计构图与界面布局

1.4.1 App界面设计构图

1.4.2 智能手机界面的布局构成

1.5 优秀App界面的要求

Chapter 02 App界面设计的配色意向

2.1 App UI的色彩设计意象

2.2 色彩的表现力和感染力

2.2.1 色彩的效应

2.2.2 色彩的反应

2.3 色彩研究

2.4 配色

2.4.1 色相配色

2.4.2 色调配色

2.4.3 明度配色

2.5 使用Photoshop进行配色

2.6 配色案例

2.7 色彩的对比组合

Chapter 03 Photoshop制作App UI常用的操作

3.1 Photoshop CC的工作界面

3.1.1 了解Photoshop CC的工作界面

3.1.2 工具箱

3.1.3 选项

3.1.4 状态

3.1.5 面板

3.1.6 调整面板

3.2 选择工具

3.2.1 设定选区的工具组

3.2.2 矩形选框工具的选项栏

3.2.3 选区的基本运算

3.3 填充工具

3.3.1 渐变工具的选项

3.3.2 油漆桶工具的选项

3.4 理解图层的概念

3.4.1 “图层编组”命

3.4.2 “排列”命

Chapter 04 手机UI设计平面图标制作

4.1 设计吸引眼球的图标

4.2 图标的设计方案

4.3 正确的图标设计流程

4.4 启动键制作

4.5 人像图标制作

4.6 记事本图标制作

4.7 放大镜搜索图标制作

4.8 麦克风图标制作

Chapter 05 UI的质感表现

5.1 质感图标设计的三个阶段

5.1.1 确定题材

5.1.2 确定表现风格

5.1.3 具体实现

5.2 金属质感

5.3 磨砂玻璃质感

5.4 光滑表面质感

5.5 皮革质感

Chapter 06 手机UI设计的字效表现

6.1 App UI的字号控制

6.1.1 字体尺寸的规

6.1.2 字体规范

6.2 字体配色

6.2.1 配色规则

6.2.2 叠加、柔光和透明

6.3 玻璃字体

6.4 镶钻字效

6.5 布料字体

Chapter 07 手机UI设计立体图标制作

7.1 图标的存储格式

7.1.1 矢量格式与位图格式

7.1.2 JPG压缩格式

7.1.3 PNG非压缩格式

7.1.4 图像的有损和无损压缩

7.2 照相机图标制作

7.3 循环图标制作

7.4 多云图标制作

Chapter 08 手机UI界面元素设计

8.1 App UI设计思路

8.2 图形设计尺寸

8.3 登录界面

8.4 设置界面开关

8.5 通知列表

Chapter 09 手机UI按钮设计

9.1 App IU中按钮的设计思路

9.2 启动按钮

9.3 音乐播放按钮

9.4 清新彩色按钮

9.5 选项按钮

Chapter 10 智能手机UI整体界面制作

10.1 完整App UI界面的设计流程

10.1.1 需求阶段

10.1.2 分析设计阶段

10.1.3 调研验证阶段

10.1.4 方案改进阶段

10.1.5 用户验证反馈阶段

10.2 Android界面时尚风格设计

10.2.1 制作锁屏界面

10.2.2 制作日程安排界面

10.2.3 制作相册界面

10.2.4 制作列表界面

10.3 iOS界面扁平化风格设计

Keyword：文字工具、图层样式

10.3.1 制作登录界面

10.3.2 制作主界面

10.3.3 制作日程安排界面

10.3.4 制作提示栏界面