Photoshop智能手机APP界面设计

2016年3月27日3410

 

《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设计网络资源和辅助工具。

 

第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界面设计

0 0