Photoshop智能手机APP界面设计

图书目录:

目　录

第 1章　APP用户界面基础

1.1　手机UI设计相关基本概念　10

1.1.1　什么是UI设计　10

1.1.2　手机UI与平面UI有何不同　12

1.1.3　什么是APP/客户端　14

1.1.4　智能手机的操作系统有哪些　14

1.1.5　Photoshop和手机UI的关系　15

1.1.6　没有UI设计的世界　16

1.2　UI设计与产品团队项目流程的关系　17

1.2.1　UI设计者与产品团队　17

1.2.2　UI设计与项目流程步骤　18

1.3　UI的设计流程及方法　20

1.3.1　定位指南图　20

1.3.2　核心功能确认　20

1.3.3　ADS　22

1.3.4　画草图　22

1.3.5　低保真原型与高保真原型　25

1.3.6　视觉设计　25

1.3.7　交付　27

1.4　色彩搭配　28

1.4.1　色彩的重要性　28

1.4.2　色彩的分类　29

1.4.3　色彩搭配方法　30

1.5　各设备尺寸标准一览　35

1.5.1　英寸(Inch)　35

1.5.2　分辨率(Resolution)　36

1.5.3　网点密度(DPI)　36

1.5.4　屏幕密度(Screen Densities)　36

1.6　图标尺寸大小与格式建议　40

1.6.1　图标尺寸大小　40

1.6.2　图标格式建议　41

1.7　APP布局说明　43

1.8　熟悉各系统组件　45

1.8.1　Android的基础UI组件　45

1.8.2　iOS的基础UI组件　54

1.8.3　Windows Phone的基础UI组件　62

第 2章　APP常用元素制作

2.1　图形制作　73

2.1.1　圆形、椭圆　74

2.1.2　正方形、长方形　75

2.1.3　圆角　76

2.1.4　Squircle　77

2.1.5　组合图形　79

2.1.6　虚线　80

2.1.7　其他形状　81

2.2　常见控件的制作　83

2.2.1　按钮　84

2.2.2　单选框　87

2.2.3　下拉选择框　94

2.2.4　选项框　97

2.2.5　滑动条　104

2.2.6　TAB切换　111

2.2.7　不规则对话框　114

2.2.8　输入框　117

2.3　启动图标的制作　120

2.3.1　Android启动图标　122

2.3.2　iOS启动图标　127

2.3.3　Windows Phone启动图标　135

2.4　图片效果处理　137

2.4.1　色彩调节　137

2.4.2　镜面效果　142

2.4.3　倒影效果　145

2.4.4　画中画效果　148

2.4.5　移轴模糊　153

2.4.6　折角效果　157

2.4.7　外边框　164

2.4.8　APP背景图片的合成　166

2.5　事半功倍的小技巧　174

2.5.1　PSD的妙用　174

2.5.2　特殊效果的应用　174

第3章　APP界面设计实战

3.1　Android实例　182

　 　Path　182

3.2　iOS实例　191

　 　Instagram　191

3.3　Windows Phone实例　195

　 　Office　195

附录

1. 网上资源　200

　(1)交流论坛　200

　(2)网上PSD资源　201

　(3)字体资源　205

　(4)图库资源　207

2. 优 秀应用界面赏析　208

　Android　208

　iOS　211

　WP7　214

3. 辅助工具　215

　(1)APP Cooker　215

　(2)Android UI Design　217

　(3)iPhone Mockup　218

　(4)UI Stencil Kit　219

4. 参考资料文献　220

5. 名词概览　220

6. 草图纸模　224

跋　230

致谢　231