Photoshop智能手机APP界面设计pdf

Photoshop智能手机APP界面设计 作者：狸雅人

Photoshop智能手机APP界面设计 出版社：人民邮电出版社

Photoshop智能手机APP界面设计 内容简介

《Photoshop智能手机APP界面设计》讲解三大智能手机(Android、iOS和Windows Phone)APP用户界面(UI)的设计思路和制作过程。全书分为3章，第1章介绍了APP用户界面基础，包括什么是UI设计、手机UI与平面UI的区别和UI设计工具等基本概念和思路；第2章介绍用Photoshop制作各种智能手机UI常用元素，包括常用图形、控件、启动图标以及图片特殊处理等；第3章则是3大类型UI设计的实战练习，同时分析了各手机平台UI的设计思路。《Photoshop智能手机APP界面设计》附录还推荐了不少有用的UI设计网络资源和辅助工具。

《Photoshop智能手机APP界面设计》特别适合智能手机UI界面设计的初学者，同时对Photoshop用户、平面设计师和智能手机APP开发人员也有参考价值。

Photoshop智能手机APP界面设计 目录

第1章 APP用户界面基础

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

1.1.1 什么是UI设计

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

1.1.3 什么是APP/客户端

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

1.1.5 Photoshop和手机UI的关系

1.1.6 没有UI设计的世界

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

1.2.1 UI设计者与产品团队

1.2.2 UI设计与项目流程步骤

1.3 UI的设计流程及方法

1.3.1 定位指南图

1.3.2 核心功能确认

1.3.3 ADS

1.3.4 画草图

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

1.3.6 视觉设计

1.3.7 交付

1.4 色彩搭配

1.4.1 色彩的重要性

1.4.2 色彩的分类

1.4.3 色彩搭配方法

1.5 各设备尺寸标准一览

1.5.1 英寸（Inch）

1.5.2 分辨率（Resolution）

1.5.3 网点密度（DPI）

1.5.4 屏幕密度（Screen Densities）

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

1.6.1 图标尺寸大小

1.6.2 图标格式建议

1.7 APP布局说明

1.8 熟悉各系统组件

1.8.1 Android的基础UI组件

1.8.2 iOS的基础UI组件

1.8.3 Windows Phone的基础UI组件

第2章 APP常用元素制作

2.1 图形制作

2.1.1 圆形、椭圆

2.1.2 正方形、长方形

2.1.3 圆角

2.1.4 Squircle

2.1.5 组合图形

2.1.6 虚线

2.1.7 其他形状

2.2 常见控件的制作

2.2.1 按钮

2.2.2 单选框

2.2.3 下拉选择框

2.2.4 选项框

2.2.5 滑动条

2.2.6 TAB切换

2.2.7 不规则对话框

2.2.8 输入框

2.3 启动图标的制作

2.3.1 Android启动图标

2.3.2 iOS启动图标

2.3.3 Windows Phone启动图标

2.4 图片效果处理

2.4.1 色彩调节

2.4.2 镜面效果

2.4.3 倒影效果

2.4.4 画中画效果

2.4.5 移轴模糊

2.4.6 折角效果

2.4.7 外边框

2.4.8 APP背景图片的合成

2.5 事半功倍的小技巧

2.5.1 PSD的妙用

2.5.2 特殊效果的应用

第3章 APP界面设计实战

3.1 Android实例

Path

3.2 iOS实例

Instagram

3.3 Windows Phone实例

Office

附录

1. 网上资源

（1）交流论坛

（2）网上PSD资源

（3）字体资源

（4）图库资源

2. 优秀应用界面赏析

Android

iOS

WP7

3. 辅助工具

（1）APP Cooker

（2）Android UI Design

（3）iPhone Mockup

（4）UI Stencil Kit

4. 参考资料文献

5. 名词概览

6. 草图纸模

跋

致谢

Photoshop智能手机APP界面设计 精彩文摘

1.1.6没有UI设计的世界前面说到UI设计包括两方面——美化和交互。为了让大家更直观地了解UI设计的重要性，我将以UI优化前和优化后（Before／After）做了对比分析，如图1—17所示。从美化的角度来说，图1—17中U1优化后的界面有如下特点。

（1）更有时尚感、层次感。

（2）即使没有标注“QQ帐号”、“QQ密码”的提示，但从图片上的QQ企鹅已经明确知道这是一个QQ的登录界面，而不是其他。

从交互的角度来说，图1—17中未UI优化的界面有如下特点。

（1）功能过于简单。

（2）“登录”没有体现出按钮的特点，甚至会让人误以为是单纯的文本文字，而不会单击。

（3）密码输入框也没有做掩密处理，被盗号的风险系数增加。

（4）在不做任何说明的前提下，无法知道登录器属于哪款软件。没有做UI设计的界面体验是如此之差，换位思考，如果你是用户，你愿意下载这样一个不做UI设计，而又存在盗号风险的APP吗？
……