创意UI

第1章　初入移动UI设计的世界

1.1　认识移动UI

1.1.1　什么是移动UI设计

1.1.2　移动UI设计的特点

1.1.3　移动UI设计的经典案例

1.2　移动设备的三大主流平台和设计的基本原则

1.2.1　iOS平台和设计的基本原则

1.2.2　Android平台和设计的基本原则

1.2.3　Windows平台和设计的基本原则

1.3　常用移动界面

1.3.1　常用手机界面

1.3.2　常用平板电脑界面

1.4　移动UI的草图设计流程

1.5　移动设备界面色彩搭配

1.5.1　色彩对移动界面的重要性

1.5.2　移动设备界面色彩的搭配方法

1.5.3　移动设备中色彩的传达

1.6　移动设备中各尺寸标准

1.6.1　手机的基本尺寸标准

1.6.2　平板的基本尺寸标准

1.6.3　手机的基本分辨率

1.6.4　平板的基本分辨率

1.7　移动UI使用的注意要点

1.7.1　移动UI设计的颜色使用要点

1.7.2　移动UI设计的图案使用要点

1.7.3　移动UI设计的字体使用要点

第2章　你所不知道的移动UI特性和界面导航设计

2.1　移动设备的特性

2.1.1　高便携性

2.1.2　隐私性

2.1.3　应用轻便

2.1.4　手机媒体的特性

2.1.5　iPad的特性

2.2　手摸势交互特性

2.2.1　重复与循环动作

2.2.2　连贯动作法和关键动作法

2.2.3　夸张的方式制作利于触碰

2.3　移动用户体验设计方法　47

2.3.1　有效的人机交互策略

2.3.2　移动设备的可用性

2.3.3　以用户为中心的移动UI设计

2.3.4　访客至上的设计秘籍

2.4　导航栏和按钮的设计要点

2.4.1　应用的导航栏设计

2.4.2　导航栏返回按钮

2.5　移动应用导航的设计模式

2.5.1　跳板式

2.5.2　列表菜单式

2.5.3　选项卡式

2.5.4　陈列馆式

2.5.5　仪表式和隐喻式

2.5.6　超级菜单式

2.5.7　图片轮盘式

2.5.8　扩展列表式

2.6　2015年移动设备的发展趋

2.6.1　大屏幕，还是大屏幕

2.6.2　4G LTE

2.6.3　随处可见的Android

2.6.4　NFC技术

2.6.5　更轻更薄

2.6.6　更大的平板电脑

2.6.7　更好的平板电脑保护套

2.6.8　在?Ultrabooks领域加大投资

2.6.9　将吸引更多企业用户的关注

第3章　Photoshop和移动UI的那些事儿

3.1　移动UI中基础图形的绘制

3.1.1　正方形、长方形

3.1.2　圆角矩形

3.1.3　椭圆

3.1.4　组合图形

3.1.5　其他形状

3.2　常见控件的制作

3.2.1　按钮

3.2.2　对话框

3.2.3　选项条

3.2.4　切换条

3.2.5　滚动条

3.2.6　播放器

3.3　图标的制作

3.3.1　时间图标

3.3.2　相机图标

3.3.3　音乐图标

3.3.4　天气图标

第4章　现在就开始移动手机之旅

4.1　移动手机设置界面

实战1　手机时钟设置界面

实战2　手机联系人设置界面

实战3　手机锁屏设置界面

实战4　手机显示设置界面

4.2　移动手机主题界面

实战1　小清新风格手机主题

实战2　女性风格手机主题界面

实战3　可爱风格手机主题界面

实战4　特效手机主题界面

实战5　手绘风格手机主题界面

4.3　移动手机应用界面

实战1　手机照片应用界面

实战2　手机音乐应用界面

实战3　手机游戏应用界面

第5章　超人气平板界面是这样炼成的

5.1　平板主题界面设计

实战1　安卓系统主题界面设计

实战2　苹果系统主题界面设计

实战3　Windows系统主题界面设计

5.2　平板应用游戏界面设计

实战1　iPad休闲游戏

实战2　iPad益智游戏

5.3　平板常用软件界面设计

实战1　平板电影高清时代

实战2　平板娱乐应用界面

实战3　平板音乐应用界面

5.4　平板阅读界面设计

实战1　iPad电子明信片浏览

实战2　女性网购站点

实战3　儿童学习教育

附录

01　设计背景

触控目标大小的定义

僧多粥少

可玩性主要在于手控的操作

02　不同类型移动设备的可用性各异

iOS移动设备的可用性

Android移动设备的可用性

Windows Phone移动设备的可用性

03　移动网站与完整版网站

移动优化的网站

为什么完整版网站不适合移动使用

移动端比桌面端要求更严格

响应式设计

可用性原则很少非黑即白

《创意UI：Photoshop玩转移动UI设计》通过案例的方式介绍了如何使用Photoshop进行移动UI设计，全书分为5章，每章都包括丰富的移动UI设计知识和详细的设计制作讲解。包括初入移动UI设计的世界、你所不知道的移动UI特性和界面导航设计、Photoshop和移动UI的那些事儿、现在就开始移动手机之旅和超人气平板界面是这样练成的等内容，使读者由浅入深，逐步了解使用Photoshop进行移动UI界面设计的整体思路和制作过程。以一个逐渐深化的方式为用户呈现设计中的重点门类和制作方法，使读者全面且深入地掌握各种类别移动界面设计案例。
　　《创意UI：Photoshop玩转移动UI设计》内容专业简练，操作案例精美实用、讲解详尽，适合UI设计爱好者与设计专业的大中专学生阅读使用。随书附赠的光盘中收录了书中所有案例的教学视频、素材和源文件，用于补充书中遗漏的细节内容，方便读者学习和参考。

创意UI系列图书，轻松学习图标设计，就看《创意UI——Photoshop玩转移动UI设计》。
iOS、Android、Windows，三大主流平台，手机、平板，各种常见移动界面设计全包罗！
小清新、可爱、特效，风格多样。设计原则与应用技巧结合，学以致用。