Photoshop手机App界面设计实战入门

图书目录:

目录

第01章 App界面基础知识

1.1　UI设计快速入门 /　8

1.1.1　UI设计概念 /　8

1.1.2　什么是App /　9

1.1.3　手机UI与平面UI的不同 /　9

1.2　UI设计与产品团队合作流程关系 /　11

1.2.1　团队成员 /　11

1.2.2　UI设计流程 /　11

1.3　UI设计组成部分 /　12

1.3.1　ADS（Application DefinitionStatement） /　12

1.3.2　画草图 /　13

1.3.3　低保真原型与高保真原型 /　14

1.3.4　Axure即 Axure RP /　15

1.3.5　图形界面设计 /　16

1.4　常用UI设计单位解析 /　16

1.4.1　英寸（Inch） /　16

1.4.2　分辨率（Resolution） /　16

1.4.3　网点密度（DPI） /　17

1.4.4　屏幕密度（Screen Densities） /　17

1.5　UI设计常用图像格式 /　17

1.5.1　JPEG /　17

1.5.2　GIF /　18

1.5.3　PNG /　18

1.5.4　ICO格式 /　19

1.5.5　ICL格式 /　19

1.5.6　IP格式 /　19

1.6　手机操作系统简介 /　19

1.6.1　Android系统 /　19

1.6.2　iOS系统 /　20

1.6.3　Windows Phone /　22

1.7　UI界面设计常用的软件 /　22

1.7.1　Photoshop /　23

1.7.2　Illustrator /　23

1.7.3　CorelDRAW /　23

1.8　UI设计原则 /　25

1.9　提升UI视觉效果的设计技巧 /　26

1.10　App界面组成说明 /　28

1.11　熟悉各系统组件 /　30

1.11.1　iOS的基础UI组件 /　30

1.11.2　Android的基础UI组件 /　39

1.11.3　Windows Phone的基础UI组件 /　47

第02章　UI界面设计色彩学

2.1　色彩学基础知识 /　52

2.1.1　颜色的概念 /　52

2.1.2　色彩的分类 /　53

2.1.3　色彩三要素 /　56

2.1.4　加法混色 /　62

2.1.5　减法混色 /　62

2.1.6　芒塞尔色彩系统（Munsell color system） /　63

2.2　UI设计常见配色方案 /　64

2.2.1　单色搭配 /　64

2.2.2　近似色搭配 /　65

2.2.3　补色搭配 /　65

2.2.4　分裂补色搭配 /　66

2.2.5　原色的搭配 /　66

2.3　UI设计色彩学 /　66

2.3.1　色彩与生活 /　67

2.3.2　色彩意象 /　67

2.4　色彩的性格 /　72

第03章　App行业规则及设计分析

3.1　移动App按钮尺寸分析 /　75

3.1.1　一般规范标准 /　75

3.1.2　手指与尺寸大小 /　75

3.1.3　理想状态和特殊情况 /　76

3.2　常见界面设计解析 /　76

3.2.1　扁平化设计 /　76

3.2.2　写实设计 /　80

3.3　了解图标 /　82

3.3.1　图标的分类 /　82

3.3.2　图标的作用 /　83

3.3.3　图标和图像尺寸规范 /　84

3.4　UI界面设计尺寸标准 /　87

3.4.1　iPhone和Android设计尺寸 /　87

3.4.2　Android 系统换算及主流手机设置 /　90

第04章　App基本元素绘制

4.1　常用几何图形绘制 /　96

4.1.1　绘制工具分析 /　97

4.1.2　正方形、长方形 /　101

4.1.3　正圆、椭圆 /　103

4.1.4　圆角化处理 /　104

4.1.5　Squircle /　106

4.1.6　虚线的绘制 /　107

4.1.7　多种形状组合 /　109

4.1.8　多种现有形状的绘制 /　110

4.2　App常见控件绘制 /　111

4.2.1　按钮 /　112

4.2.2　开关按钮 /　113

4.2.3　分段控件 /　118

4.2.4　滑块控件 /　120

4.2.5　泡泡对话框 /　124

4.2.6　文本框控件 /　127

4.3　App启动图标的制作 /　130

4.3.1　iOS启动图标制作 /　132

4.3.2　Windows Phone启动图标制作 /　136

4.3.3　Android启动图标制作 /　137

4.4　常见图片设计效果处理 /　142

4.4.1　色彩调节控制 /　143

4.4.2　一般投影的处理 /　147

4.4.3　镜面倒影的处理 /　148

4.4.4　镜面高光处理 /　150

4.4.5　画中画效果 /　152

4.4.6　翘边效果 /　156

4.4.7　经典白边框效果 /　158

4.4.8　App背景的处理 /　160

第05章　App界面设计实战

5.1　Android实例 /　168

5.1.1　页面模块分析 /　168

5.1.2　页面拆分详解 /　169

5.1.3　设计尺寸分析 /　171

5.1.4　如何设计 /　174

5.1.5　如何保存 /　174

5.2　iOS实例 /　177

5.2.1　新浪微博简介 /　177

5.2.2　拆分页面 /　178

5.2.3　未登录页面 /　178

5.2.4　注册页面 /　179

5.2.5　登录页面 /　180

5.3　Windows Phone实例 /　182

5.3.1　MixRadio页面模块分析 /　182

5.3.2　Windows Phone页面布局参数 /　185

附录

UI设计实用辅助工具　/　190

Axure　/　190

优 秀国内外网站推荐　/　192

UI设计中常见名词释义　/　193

优 秀炫酷图标赏析　/　196

经典拟物化图标　/　196

游戏类图标　/　198

质感类控件　/　199

扁平化界面　/　200

游戏界面　/　202

激发创作灵感的界面欣赏　/　203

iOS优 秀界面欣赏　/　204

Android优 秀界面欣赏　/　205

Windows　Phone 优 秀界面欣赏 /　206