书籍详情

Photoshop CC 移动UI 界面设计与实战(第2版)

Photoshop CC 移动UI 界面设计与实战(第2版)

作者:创锐设计 著

出版社:电子工业出版社

出版时间:2018-01-01

ISBN:9787121329807

定价:¥79.00

购买这本书可以去
内容简介
  本书从移动UI视觉设计的基础知识出发,通过分析和讲解两大主流系统的设计规范和设计技巧,将移动UI视觉设计中的创意思路与操作案例有机地结合在一起,力求在帮助读者提高UI界面制作能力的同时,拓展移动UI视觉设计的创作思路。本书包含三部分,共12个Part的内容。第1部分为基础篇(Part1~Part3):介绍移动UI视觉设计的基础知识,Photoshop软件的常用操作功能,以及移动UI界面中基础元素的设计规范;第2部分介绍两大主流系统(Part4~Part5):分别对两大系统进行有针对性的讲解,通过相关的案例介绍移动UI视觉设计的制作方法和技巧;第3部分讲解App应用实例(Part6~Part12):以完整的App界面设计为主要内容,展示不同风格移动UI界面设计的特点和制作方法。本书配有下载资源,内含不同类型App应用设计的讲解视频,以及书中的实例源文件及相关素材,读者可以更好、更快地学习移动UI界面设计。
作者简介
  创锐设计,由一支优秀的平面设计师与图形图像资深编辑队伍组成。出版过众多优秀的图形图像方面的专业书籍,不仅在国内处于领先地位,还有大量作品输出过海外版权,备受读者青睐。在课程教材方面,由于他们拥有多年教育培训的经验,因此十分了解初学读者的心理需求,从而研究出了一套行之有效的教学方法;此外,他们又参加过多个商业项目的设计工作,熟悉行业规范、了解客户需求,拥有较高的设计水平,积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路;在他们的图书中,选择的实例不仅融会贯通了软件技法,更能通过分享图像处理经验,激发读者的灵感、迸发创意火花,达到事半功倍的效果。
目录

Part 1 移动UI设计基础 / 1

1.1 UI设计存在的意义 / 2

1.1.1 人机交互的桥梁 / 2

1.1.2 操作逻辑系统的展现 / 3

1.1.3 展现系统的整体风格 / 3

1.2 移动UI设计的原则 / 4

1.2.1 视觉一致性原则 / 4

1.2.2 视觉简易性原则 / 5

1.2.3 从用户的习惯考虑 / 6

1.2.4 操作的灵活性及人性化 / 8

1.3 两大主流操作系统的特点对比 / 9

1.4 不同系统UI视觉的主要组成要素及特征 / 10

1.4.1 iOS系统中的组成要素及特征 / 10

1.4.2 Android系统中的组成要素及特征 / 11

1.5 认识移动终端的分辨率和像素 / 13

1.6 移动UI的创意与灵感收集 / 14

1.6.1 各种经验和灵感的记录 / 14

1.6.2 将对象抽象化 / 15

1.6.3 设计灵感的转移 / 16

1.7 移动UI的视觉设计流程 / 18

Part 2 PS在移动UI设计中的常用功能简介 / 21

2.1 绘图工具的介绍 / 22

2.1.1 规则形状的绘制 / 22

2.1.2 自定义形状的绘制 / 23

2.1.3 绘制任意所需的形状 / 25

2.2 图层样式的运用 / 26

2.2.1 增强立体感的图层样式 / 26

2.2.2 发光效果的图层样式 / 28

2.2.3 更改色彩的图层样式 / 29

2.3 蒙版的编辑 / 31

2.3.1 图层蒙版 / 31

2.3.2 剪贴蒙版 / 32

2.4 文字的添加 / 34

2.4.1 文字的添加与设置 / 34

2.4.2 文字的高级编辑 / 35

Part 3 移动UI界面中基本元素的制作 / 37

3.1 按钮 / 38

3.1.1 按钮设计的基础知识 / 38

3.1.2 扁平化按钮的设计 / 39

3.2 开关 / 42

3.2.1 开关设计的基础知识 / 42

3.2.2 简易色块开关的设计 / 44

3.2.3 拟物化开关的设计 / 45

3.3 进度条 / 47

3.3.1 进度条设计的基础知识 / 47

3.3.2 扁平化进度条的设计 / 49

3.3.3 层次感强烈的进度条设计 / 50

3.4 搜索栏 / 54

3.4.1 搜索栏设计的基础知识 / 54

3.4.2 扁平化搜索栏的设计 / 56

3.5 列表框 / 61

3.5.1 列表框设计的基础知识 / 61

3.5.2 简易列表框的设计 / 62

3.5.3 立体化列表框的设计 / 64

3.6 标签栏 / 68

3.6.1 标签栏设计的基础知识 / 68

3.6.2 线性化标签栏设计 / 69

3.6.3 木纹质感的标签栏设计 / 70

3.7 图标栏 / 73

3.7.1 图标栏设计的基础知识 / 73

3.7.2 线性化图标栏设计 / 74

3.7.3 纸箱纹理的图标栏设计 / 77

Part 4 iOS系统及其组件的设计 / 81

4.1 iOS系统设计特点 / 82

4.1.1 充分利用整个屏幕 / 82

4.1.2 使用半透明底板 / 82

4.1.3 信息的清晰呈现 / 83

4.2 iOS系统设计的规范 / 85

4.2.1 设计原则 / 85

4.2.2 色彩和字体 / 88

4.2.3 图标的设计 / 92

4.3 iOS系统界面设计实训 / 96

4.3.1 扁平化图标的设计 / 96

4.3.2 半透明效果的界面设计 / 104

Part 5 Android系统及其组件的设计 / 111

5.1 Android系统的特点 / 112

5.2 Android系统的设计规范 / 114

5.2.1 度量单位 / 114

5.2.2 字体的使用标准 / 116

5.2.3 色彩的应用规范 / 117

5.2.4 四种类型的图标 / 120

5.3 六种标准的Widget规范 / 122

5.3.1 Widget框架简介 / 122

5.3.2 Widget框架的标准尺寸 / 124

5.3.3 4×1的Widget框架设计 / 125

5.3.4 3×3的Widget框架设计 / 129

5.3.5 2×2的Widget框架设计 / 133

5.3.6 4×1的加长Widget框架设计 / 136

5.3.7 3×3的横向Widget框架设计 / 140

5.3.8 2×2的横向Widget框架设计 / 145

5.4 Android系统界面设计实训 / 150

5.4.1 立体化的图标设计 / 150

5.4.2 超强立体感的界面设计 / 159

Part 6 孕妈帮手App设计 / 171

界面布局规划 / 172

创意思路剖析 / 172

确定配色方案 / 173

定义组件风格 / 174

制作步骤详解 / 174

Part 7 美食网站App设计 / 185

界面布局规划 / 186

创意思路剖析 / 186

确定配色方案 / 187

定义组件风格 / 188

制作步骤详解 / 188

Part 8 篮球运动App设计 / 201

界面布局规划 / 202

创意思路剖析 / 202

确定配色方案 / 203

定义组件风格 / 203

制作步骤详解 / 204

Part 9 流量银行App设计 / 217

界面布局规划 / 218

创意思路剖析 / 218

确定配色方案 / 219

定义组件风格 / 219

制作步骤详解 / 220

Part 10 藏宝游戏App设计 / 231

界面布局规划 / 232

创意思路剖析 / 232

确定配色方案 / 233

定义组件风格 / 234

制作步骤详解 / 234

Part 11 音乐播放App设计 / 247

界面布局规划 / 248

创意思路剖析 / 248

确定配色方案 / 249

定义组件风格 / 250

制作步骤详解 / 250

Part 12 旅游资讯App设计 / 267

界面布局规划 / 268

创意思路剖析 / 268

确定配色方案 / 269

定义组件风格 / 270

制作步骤详解 / 270


猜您喜欢

读书导航