第一部分 图形界面设计 1
01拿在手中的界面——手机GUI设计 1
先画个圈 1
让我们来做个项目 2
02界面设计的拟物化 9
什么是界面设计的拟物化 10
界面设计为什么要拟物化 10
拟物化界面设计应用的实例 10
如何做一款拟物化的产品界面设计 12
总结 15
03手机动态演示方案的制作 16
展现的形式 17
Flash演示的框架和制作步骤 18
Photoshop素材的制作 18
Other界面——便签 20
Mainmenu界面 21
Submenu界面 22
Aftereffect素材的制作 23
Flash动画的制作 32
总结 45
第二部分 图标设计 46
04图标设计分享——从零到有的过程 46
设计前的闲谈 47
总结 53
05简谈商业图标的设计 54
图标释义的提取 55
草图设计 58
成稿设计 61
图标的生成 64
06图标从优秀到卓越 67
图标认识、识别 68
图标细节、优化 71
图标组合、比例 74
经验小结 75
07浅谈游戏图标设计 76
理论基础 78
图标设计流程 79
图标绘制案例 81
游戏图标设计心得体会 86
08预览移动应用的界面与图标 90
预览App界面设计 91
使用HTML预iOS App图标 92
Android上的问题 95
第三部分 图标设计实例教程 98
09 Fireworks大黄蜂图标制作 98
初识Fireworks 99
基础造型 99
质感造型 102
结尾 107
10 Illustrator制作OSX风格图标 108
绘制磁铁平面图形 109
建立磁铁3D模型 112
填充颜色 116
绘制照片 121
绘制沙子 125
案例小结 127
11如何画一个48×48大小的软件图标 128
引言 129
正文 129
小结 135
12五分钟绘制质感按钮 136
作品欣赏 137
作品创建步骤 137
案例小结 145
第四部分 图形设计与界面开发配合技巧 146
13 PS工作环境设置——工作区保存、参考线、系统参数 146
工作区保存 147
参考线 149
系统参数 151
案例小结 153
14 Blt PS形状图层和对齐像素 154
细节选项的妙用 155
几种自定义形状示例 156
形状图层的新建方式 156
形状图层像素对齐 157
文章小结 159
15探索提高效率的窍门——图层样式 160
使用图层样式的好处 160
实战——不同风格的按钮 161
案例小结 165
16浅谈智能对象与智能滤镜 166
智能对象 167
智能滤镜 168
智能对象的应用实例 169
文章小结 173
17图标设计的最后工序——使用切片工具导出图标 174
理解切片工具 174
制作规整的切片 177
导出图标 181
发布 183
18常用Android 4.0平台图标规格 184
图标设计指南 184
启动器图标的尺寸与格式 188
菜单图标 190
动作栏图标大小与格式 193
19定制图标和图片指南 194
为Retina屏幕设计画作的技巧 196
程序图标 197
小图标 198
文档图标 199
iPad制作文档图标 200
Web快捷方式图标 202
导航栏、工具栏和tab栏上用的图标 202
附录 实用小技巧 204