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

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

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

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开发人员也有参考价值。第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 ADS1.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 Squircle2.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实例Path3.2 iOS实例Instagram3.3 Windows Phone实例Office附录1. 网上资源(1)交流论坛(2)网上PSD资源(3)字体资源(4)图库资源2. 优秀应用界面赏析AndroidiOSWP73. 辅助工具(1)APP Cooker(2)Android UI Design(3)iPhone Mockup(4)UI Stencil Kit4. 参考资料文献5. 名词概览6. 草图纸模跋致谢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吗? ……

类似文章

发表评论

您的电子邮箱地址不会被公开。