第一部分 图形界面设计

01拿在手中的界面——手机GUI设计

先画个圈

让我们来做个项目

02界面设计的拟物化

什么是界面设计的拟物化

界面设计为什么要拟物化

拟物化界面设计应用的实例

如何做一款拟物化的产品界面设计

总结

03手机动态演示方案的制作

展现的形式

Flash演示的框架和制作步骤

Photoshop素材的制作

Other界面——便签

Mainmenu界面

Submenu界面

Aftereffect素材的制作

Flash动画的制作

总结

第二部分 图标设计

04图标设计分享——从零到有的过程

设计前的闲谈

总结

05简谈商业图标的设计

图标释义的提取

草图设计

成稿设计

图标的生成

06图标从优秀到卓越

图标认识、识别

图标细节、优化

图标组合、比例

经验小结

07浅谈游戏图标设计

理论基础

图标设计流程

图标绘制案例

游戏图标设计心得体会

08预览移动应用的界面与图标

预览App界面设计

使用HTML预iOS App图标

Android上的问题

第三部分 图标设计实例教程

09 Fireworks大黄蜂图标制作

初识Fireworks

基础造型

质感造型

结尾

10 Illustrator制作OSX风格图标

绘制磁铁平面图形

建立磁铁3D模型

填充颜色

绘制照片

绘制沙子

案例小结

11如何画一个48×48大小的软件图标

引言

正文

小结

12五分钟绘制质感按钮

作品欣赏

作品创建步骤

案例小结

第四部分 图形设计与界面开发配合技巧

13 PS工作环境设置——工作区保存、参考线、系统参数

工作区保存

参考线

系统参数

案例小结

14 Blt PS形状图层和对齐像素

细节选项的妙用

几种自定义形状示例

形状图层的新建方式

形状图层像素对齐

文章小结

15探索提高效率的窍门——图层样式

使用图层样式的好处

实战——不同风格的按钮

案例小结

16浅谈智能对象与智能滤镜

智能对象

智能滤镜

智能对象的应用实例

文章小结

17图标设计的最后工序——使用切片工具导出图标

理解切片工具

制作规整的切片

导出图标

发布

18常用Android 4.0平台图标规格

图标设计指南

启动器图标的尺寸与格式

菜单图标

动作栏图标大小与格式

19定制图标和图片指南

为Retina屏幕设计画作的技巧

程序图标

小图标

文档图标

iPad制作文档图标

Web快捷方式图标

导航栏、工具栏和tab栏上用的图标

附录 实用小技巧