王红卫，毕业于郑州大学计算机专业。 在北京理工大学百事特电脑教育部做高级讲师6年。 创立水木风云工作室，以教材及店销书籍编写为主，从事编辑与广告、企业系列海报等设计工作。

设计在我们的生活中无处不在，随着智能设备的快速发展，掀起了一股UI设计风，越来越多的人加入UI设计的大军，使这个行业变得越来越多彩。本书以3大智能手机系统（Android、iOS、Windows Phone）为主线，详细讲解App用户界面的设计思路和制作过程。
本书分为5章，从App界面基础知识讲起，然后详细讲解了UI界面设计色彩学、App行业规则及设计分析等内容，让读者了解App设计的精髓与行业规则。之后通过App基本元素绘制和App界面设计实战，讲解了常用几何图形绘制工具的使用和常见控件元素的绘制技巧，包括图形、控件、启动图标与图片的艺术处理等，通过对3个系统的UI设计实战分析，再现智能手机UI界面的设计思路与方法。本书的后配有附录，为读者推荐了UI设计的实用工具、杰出网站、UI常见名词释义和激发创作灵感的图标与界面欣赏。通过本书能帮助读者真正掌握并吸收UI设计中精华的部分，快速成为UI设计领域的精英。
本书附赠书中案例的素材文件和效果源文件，以及25段案例操作演示视频，特别适合智能手机UI界面设计的初学者学习使用。同时，可作为平面设计师和智能手机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