创意UI——Photoshop玩转移动UI设计

图书目录:

目　录

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

1.1　认识移动UI　8

1.1.1　什么是移动UI设计　8

1.1.2　移动UI设计的特点　9

1.1.3　移动UI设计的经典案例　10

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

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

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

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

1.3　常用移动界面　18

1.3.1　常用手机界面　18

1.3.2　常用平板电脑界面　21

1.4　移动UI的草图设计流程　23

1.5　移动设备界面色彩搭配　24

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

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

1.5.3　移动设备中色彩的传达　26

1.6　移动设备中各尺寸标准　27

1.6.1　手机的基本尺寸标准　27

1.6.2　平板的基本尺寸标准　28

1.6.3　手机的基本分辨率　29

1.6.4　平板的基本分辨率　30

1.7　移动UI使用的注意要点　31

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

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

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

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

2.1　移动设备的特性　40

2.1.1　高便携性　40

2.1.2　隐私性　40

2.1.3　应用轻便　40

2.1.4　手机媒体的特性　41

2.1.5　iPad的特性　43

2.2　手摸势交互特性　45

2.2.1　重复与循环动作　45

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

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

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

2.3.1　有效的人机交互策略　47

2.3.2　移动设备的可用性　48

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

2.3.4　访客到上的设计秘籍　51

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

2.4.1　应用的导航栏设计　52

2.4.2　导航栏返回按钮　54

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

2.5.1　跳板式　59

2.5.2　列表菜单式　61

2.5.3　选项卡式　62

2.5.4　陈列馆式　63

2.5.5　仪表式和隐喻式　64

2.5.6　超级菜单式　65

2.5.7　图片轮盘式　65

2.5.8　扩展列表式　66

2.6　2015年移动设备的发展趋势　69

2.6.1　大屏幕，还是大屏幕　69

2.6.2　4G LTE　69

2.6.3　随处可见的Android　70

2.6.4　NFC技术　70

2.6.5　更轻更薄　71

2.6.6　更大的平板电脑　71

2.6.7　更好的平板电脑保护套　71

2.6.8　在?Ultrabooks领域加大投资　72

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

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

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

3.1.1　正方形、长方形　76

3.1.2　圆角矩形　78

3.1.3　椭圆　81

3.1.4　组合图形　87

3.1.5　其他形状　89

3.2　常见控件的制作　91

3.2.1　按钮　91

3.2.2　对话框　95

3.2.3　选项条　99

3.2.4　切换条　103

3.2.5　滚动条　107

3.2.6　播放器　112

3.3　图标的制作　115　

3.3.1　时间图标　115

3.3.2　相机图标　121

3.3.3　音乐图标　126

3.3.4　天气图标　131

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

4.1　移动手机设置界面　140

实战1　手机时钟设置界面　140

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

实战3　手机锁屏设置界面　150

实战4　手机显示设置界面　154

4.2　移动手机主题界面　158

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

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

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

实战4　特效手机主题界面　174

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

4.3　移动手机应用界面　187

实战1　手机照片应用界面　187　

实战2　手机音乐应用界面　193

实战3　手机游戏应用界面　201

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

5.1　平板主题界面设计　212

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

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

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

5.2　平板应用游戏界面设计　229

实战1　iPad休闲游戏　229

实战2　iPad益智游戏　237

5.3　平板常用软件界面设计　244

实战1　平板电影高清时代　244

实战2　平板娱乐应用界面　252

实战3　平板音乐应用界面　257

5.4　平板阅读界面设计　263

实战1　iPad电子明信片浏览　263

实战2　女性网购站点　271

实战3　儿童学习教育　281

附录

01　设计背景　290

　　触控目标大小的定义　290

　　僧多粥少　291

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

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

　　iOS移动设备的可用性　294

　　Android移动设备的可用性　295

　　Windows Phone移动设备的可用性　296

03　移动网站与完整版网站　298

　　移动优化的网站　299

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

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

　　响应式设计　305

　　可用性原则很少非黑即白　307