作者：Art Eyes设计工作室
出版社：数字艺术出版分社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
创意UI Photoshop玩转APP设计试读：
前言
软件简介
Adobe Photoshop CS6是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、动画制作、图像制作、广告创意，图像输入与输出于一体，深受广大平面设计人员和电脑美术爱好者的喜爱。
本书内容导读
本书主要是针对图标设计中常用的案例由浅入深地进行讲解，以一个逐渐深化的方式为用户呈现设计中的重点门类和制作方法，读者可以全面且深入地制作各种图标设计。本书内容有一起踏入App的世界、App设计的特点和用户体验、Photoshop创作个性App、界面要素决定App风格、不同应用系统界面和附录，每个章节都包含了设计师经过多年的研究、特别筛选的平面App设计经典案例，并使用通俗易懂的语言将制作过程清晰地向读者展示出来，使读者能在实践中积累系统的平面广告设计知识，增强专业功能，以轻松面对工作中各种不同的需求。
本书特点
本书是由资深的平面设计师总结多年的图标设计制作经验而编著完成的，它是一本讲述Photoshop设计制作玩转App设计的方法的图书，其中讲述了图标设计的各项重要功能以及应用方法。全书新颖的内容编排结合详细的解析可带领读者逐步掌握 Photoshop 中App设计的制作和应用。
适合人群
本书在案例制作中运用了 Photoshop CS6 软件的各种绘图功能、图像效果，适合初、中级平面设计者、爱好者以及设计师作为参考和自学书籍来使用，并且非常适合从事平面设计、UI设计等工作的专业人士作为学习参考资料使用。作者第1章一起踏入App的世界
本章将从初识App、四大App主流应用商店、App的草图设计流程及方法、常见App设备标准尺寸、设备中图标尺寸大小规格、App的界面构成、给你的App一点颜色看看、哪些你不可不知的App分类和制作App的常用设计软件9个方面为读者一一讲解App界面设计的基础知识。快来和我一起踏入App的世界吧！1.1初识App
先让我们来认识一下什么是App、手机App与平面UI的区别、常见智能手机的操作系统、App的设计要点以及常见App设计的经典案例。通过讲解让读者可以初步走入App的世界中来。1.1.1 什么是 App
App 即 Application 的简写，因此被称为应用。由于 iPhone 智能手机的流行，现在的 App 多指第三方智能手机的应用程序。目前比较著名的 App商店有Apple 的 iTunes商店里面的 App Store，android 的 Google Market，诺基亚的 ovi store。iTunes商店里面的App StoreGoogle MarketOvi Store安卓下载界面
小编分享
自从iPhone系列改变了整个世界对于手机系统的看法，手机应用的发展就被众多开发商所聚焦，各种个人或者企业级App涌向应用市场，这也使得App应用竞争颇为激烈。然而用户们更喜欢轻便、简洁的应用，因此更多有远见的开发商便开始往轻应用方向发展。1.1.2 手机 App 与平面 UI的区别
无论你是手机软件开发人员，还是用户界面体验设计师，或者手机App客户经理、项目经理，掌握手机App与平面UI的区别是必要的。在这里给大家分享一下手机App客户端UI设计方面的内容，也是希望彼此互相帮助，努力让用户拥有更好的界面体验感。
小编分享
UI 的概念一般理解为界面美化设计——用户界面（user’s interface），但重点在于研究客户，如果客户能够感受到网站的友好、简洁、舒适、易用，那么这就是成功的界面设计。
手机UI的平台主要是手机的App客户端。而平面UI的范围则非常广泛，包括了绝大部分UI的领域。手机UI的独特性，比如尺寸要求、控件和组件类型需要平面设计师重新调整审美基础。手机的界面设计可以做到完美，但需要无数设计师的共同努力和创新。很多设计师存在的问题是不能够合理布局，不能够合理地转化网站设计的构架理念到手机界面的设计上。他们常常会觉得手机界面限制非常多，觉得创意性发挥空间太小，表达的方式也非常有限，甚至觉得很死板。但真实的情况并不是这样的，了解手机的空间有多少，然后合理创意，便可创造出具有独特风格的手机App。
下面我们来欣赏手机App与平面UI，看看它们之间的区别。手机App
小编分享
App可以在已有的基础模式上升级产品，甚至创造产品。界面设计师的思维需要转变，主要表现在两个方面：一是从自身出发提出好的设计理念，而不是从外在的环境中模仿；二是提升设计基本功，一个设计师的眼界、内心、生活都需要不断扩展和提升，作品会反映出设计师的生活。
1 平板平面UI设计
2 手机UI设计平面图
3 一整套的网页UI设计平面图
4 扁平化风格UI设计
小编分享
手机App的制作要点：各种手机平台UI的设计都可以利用Photoshop制作出各种智能手机UI常用元素，包括常用图形、控件、启动图标以及图片特殊处理等。1.1.3 常见智能手机的操作系统
下面是7大主流智能手机的操作系统介绍。
塞班操作系统（Symbian OS）：由诺基亚、索尼爱立信、摩托罗拉、西门子等几家大型移动通信设备商共同出资组建的一个合资公司，专门研发手机操作系统。优点：多年来Symbian系统一直占据智能系统的市场霸主地位，系统能力和易用性等各方面很强。塞班系统（Symbian OS）
Windows Mobile ：Windows Mobile 是 Microsoft 用于 Pocket PC 和 Smartphone 的软件平台。Windows Mobile 将熟悉的 Windows 桌面扩展到了个人设备中。优点：界面和操作都和电脑上的Windows 十分接近，对于机友来说十分熟悉很容易上手；各种保存在电脑或手机里的信息、资料可以轻松实现共享；有大量的应用软件可供用户选择。缺点：占用系统资源多、容易使系统崩溃、机型价格相对较高。Windows Mobile
Linux：目前采用Linux操作系统的手机越来越多，不过几乎每一部手机的操作系统都是厂家自己开发的，Linux并没有一个统一的平台。优点：具有自由、免费、开放源代码的优势，可以由用户自主研究代码，自定义多数系统的内容。缺点：Linux操作系统的机型来自官方的第三方软件很少，需要用户自行刷机后才能安装更多的程序，操作起来有些门槛。Linux
Palm OS:是 Palm 公司开发的专用于PDA 上的一种操作系统，这是 PDA 上的霸主，一度曾占据了90% 的 PDA市场份额。优点：Palm OS系统运行占用资源少，处理速度快，且简单易用。缺点：功能单一，用户群少，支持中文的操作平台开发慢。Palm OS
Google Android：谷歌与开放手机联盟合作开发了 Android，这个联盟由包括中国移动、摩托罗拉、高通、宏达和 T-Mobile 在内的 30 多家技术和无线应用的领军企业组成。优点：具备高级图形显示和上网功能，界面强大，可以说是一种融入全部 Web应用的单一平台。Google Android
BlackBerry（黑莓）：黑莓 BlackBerry是美国市场占有率第一的智能手机，这得益于它的制造商 RIM(Research in Motion)较早地进入移动市场并且开发出适应美国市场的邮件系统。优点：Blackberry与桌面 PC 同步堪称完美，大家都知道BlackBerry的经典设计就是宽大的屏幕和便于输入的QWERTY键盘，所以BlackBerry一直是移动电邮的巨无霸。缺点：在多媒体播放方面的功能非常孱弱。BlackBerry（黑莓）
小编分享
Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导与开发。Android操作系统最初由Andy Rubin开发，主要支持手机。
iOS 7：美国苹果公司开发的手机和平板电脑操作系统。在重新思考 iOS 的设计时，设计师更希望围绕 iOS 中深受人们喜爱的元素，打造一种更加简单实用而又妙趣横生的用户体验。最终，设计者优化了iOS 的工作方式，并以此为基础重新设计了iOS 的外观。之所以这样做，是因为能够服务于体验的设计才是出色的设计。iOS 71.1.4 App的设计要点
App应用程序无处不在，然而很多App应用软件在设计方面做得并不够。应用商店里面大多数App应用设计没有多大改动，几乎都是一个模板做出来的。然而，在智能手机时代，App应用开发已经成为发展动向，那么，怎样才算是好的App设计呢？
1.要拥有自己的App应用设计理念,设计自己的App软件。由于移动设备空间较小的问题，App设计应尽量保持简洁，若非必要就不要放上华丽的图形或其他信息去吸引用户，App设计需要让信息一目了然，不隐晦，不误导。简洁的App图标
2.在App的设计中，首先得确定你的App设计创意是独一无二的，在网络上没有跟你的设计相类似的。如果有类似的App设计，那就要多多考虑，争取超越并且有一些独特的优化设计在其中定位应用。用户都喜欢用新的东西，如果你设计的App应用过于陈旧，很难让用户对你的设计留下印象。因此，如何设计出有特色的、与众不同的App，是App的设计要点之二。创意成为App设计中的方向所在。形形色色的苹果App设计
随着苹果的销量日益增大，苹果创意十足的Logo也被人们所关注。正是这个“被咬了一口”的苹果，经过了数十年的发展，成为街知巷闻的国际品牌，并以越来越多的广告形式逐步发展更多的App造型。但至始至终，无论怎么设计延展，这个被咬了一口的苹果仍保持着它原有的基本造型。
3.把握好你的App应用需求，确认核心功能，模拟出设计初稿。通过移动设备的人机界面指南图来定位自己的App应用软件，将提出的各种需求进行汇总讨论，设计ADS（对应用定义的一段陈述）并根据前面所整理的资料，开始进行产品的各个基本功能的设计，包含移动中使用场景、按钮、显示文字等。App的不同应用需求
4.通过低保真原型和高保真原型两步操作，完成视觉设计，最终确认App设计工作。“低保真原型”是指利用原型制作工具，将草图搬上电脑，尽量使用黑白、粗糙的线条来进行设计，不用纠结于细节。“高保真原型”是指在低保真原型基础上进行细节修改，当高保真原型完成后，就进行视觉设计。App应用设计提倡有质感、有仿真度的图形界面，让App设计的界面尽量接近用户熟悉或者喜欢的风格，可以在配色和图标上下工夫。App配色和图标绘制
经过上面四个步骤，设计一个好的App应用软件就不是很难了。
设计师应经常举行关于App设计的交流会议，目的是让大家不要过于沉浸在自己设计里面。App应用设计效果如何，更多的是由用户的体验效果决定。一个优秀的App设计者，应该多从用户的角度去设计，这样的效果才会让大家满意。1.1.5 常见 App设计的经典案例
App设计的风格各异，种类繁多，但作为一个优秀的App标志设计案例，其设计风格必须符合其内容要求，能更好地表现App设计的目的。市面上经典的App设计比较多，下面我们来看看有哪些经典案例值得大家学习。iOS 7系列的App图标
苹果手机系统iOS系列一直都在引领智能手机系统潮流，第一代iOS面世让无数的机友们惊叹，原来手机可以这么玩，随着 iOS 的换代更新，吸引的果粉越来越多。目前 iOS 7 已经迎来了第三个测试版本，如果你一直都在体验 iOS 7 系统，应该对苹果这种炫彩图标设计很熟悉了。
相较于历次iOS的改动来说，iOS 7最大、最直观的改变当属界面图标的全新设计。原有图标常用到的玻璃和渐变效果被抛弃，取而代之的是色彩对比鲜明、更加扁平化的图标，这也与目前设计领域的整体趋势相一致的。新图标不再沿用以往的“拟物化”风格，而是采用了更加简洁的符号，使图标看起来更加清晰明了。iOS 7 更加重视感应智能改变桌面效果。iOS 7 增加了多任务视图，如同Windows7系统中的任务管理器一般方便且实用。控制面板打开更加方便，用户在任意界面向上扫屏幕都可以进入控制面板，控制面板中用户可以打开或关闭无线局域网、蓝牙和勿扰模式、是否锁定屏幕旋转、调整屏幕亮度和音量等，同时用户也可以在此对iPod 音乐播放器进行控制等，此外还能快速打开手电筒、计算器和相机等应用。iOS 7 相机功能也得到了增强，新增加了滤镜功能，给用户拍照带来更多趣味体验。全新设计的iOS 7界面
全新设计的iOS 7是近段时间最为火热的话题之一。由于将iOS 7的界面改为扁平风格，乔纳森一直在饱受业界的争议。不过，某外国媒体曾引用内部消息称，iOS 7只是一个暂定的版本，图标的设计并非来自苹果公司的设计师，而是来自销售团队。1.2四大App主流应用商店
在移动设备市场，移动应用对于平板电脑和智能手机的成功至关重要。如果失去应用，平板电脑只不过是一个数字相框而已。当前市场上不乏一些优秀的硬件产品，但移动平台应用生态系统的优劣与硬件本身同等重要。对于平台的开放与封闭、应用程序的多与少，每个平台提供商对应用程序都有着不同的理解。
在过去的几年中，随着新硬件产品的推出，各种各样的应用程序商店应运而生，但它们却处于不同的发展阶段。除了硬件本身，一款设备能否取得成功，50%取决于应用。
应用程序商店为何如此重要呢？因为软件生态系统直接决定着一款电子产品寿命的长短。如果能得到最新、最好的程序支持，用户就可以从硬件产品中获得更多价值。目前，市场上产生了四大App主流应用商店，下面我们来一一讲述。1.2.1 苹果商店
苹果应用商店是苹果公司向软件开发个人或者大型公司发售自己开发的在 iPhone 或者 iPod Touch 上应用的软件的地方，其英文为Application store。App Store 是一个由苹果公司为iPhone 和 iPod Touch 创建的服务商店，允许用户从 iTunes Store浏览和下载一些为iPhone SDK开发的应用程序。用户可以购买或免费试用，让该应用程序直接下载到iPhone 或 iPod touch中。其中包含游戏、日历、图库以及许多实用的软件。苹果商店多种多样的App软件
无论好坏，苹果的态度很明朗：App Store由我们控制。苹果 App Store 采取的是“围墙”模式，苹果对每一项提交的应用程序进行严格的审查。为了能够获得苹果批准，程序员需要遵守长达7页的应用程序开发指南。这种严格审查的好处是App Store应用程序的质量得到了保证。
优势：苹果从一开始就与开发人员广泛合作，如今效果显著。截至 2011年 5月底，App Store 应用程序数量超过 50万项，开发人员数量超过8.5万名，仅iPad应用程序数量就超过9万项。
劣势：面对如此庞大的生态系统，开发人员和用户都很容易迷失于其中。开发人员希望他们的程序容易被找到和下载，而用户希望尽快地找到所需应用。尽管苹果付出了不少努力，但要找到所需应用仍需费一番工夫。苹果审核应用程序所需时间也不尽相同，有时需要两天，有时则需要两个星期。1.2.2 谷歌商店
作为第二大移动应用平台，Android Market 在上线后的两年时间里取得了令人瞩目的成就。谷歌 2011年 5月宣布， Android Market 上的应用程序数量超过 20万项。谷歌 Android 部门主管安迪·鲁宾 (Andy Rubin)又透露，目前每天激活的Android设备数量超过50万部。谷歌商店多种多样的App软件
Android Market 的最大优势在于其“开放”性。与苹果不同，谷歌不对开发人员提交的程序进行任何审查，只要不是恶意或色情程序即可。因此，Android Market 的程序种类很多，有些在苹果 App Store商店内根本找不到。
Android Market 的开放性还体现在其他方面：如通过其他应用程序商店安装应用，而苹果只允许用户从苹果官方的 AppStore里下载程序。Android Market 的下载方式很灵活，用户可以把从网站下载的应用程序通过 USB 或下载单独的 APK文件安装到Android设备上，比苹果iOS设备灵活许多。
劣势：开发人员很难通过 Android Market 获利。调研公司 Destino 2011年 5月发布的数据显示，Android Market内 80%的付费程序的下载次数都低于100 次。平板电脑应用程序数量相对较少。截至 2011年 6月初，Android Market内只有 232 款平板电脑专用应用程序。
此外，与苹果 App Store 相比，Android Market 上线时间较短，仍不成熟。1.2.3 惠普商店
由于推出了 TouchPad 平板电脑，惠普同时对App Catalog 应用商店进行了完善。目前 App Catalog 上拥有 6200 项webOS智能手机应用，TouchPad平板电脑专用程序为300多项。
由于相应的硬件产品较少，惠普商店在美国智能手机市场上的份额只有2%，因此惠普目前在该市场处于劣势。
优势：惠普高级产品经理杰弗里·本 (Jeffrey Ben)曾表示，惠普无意在应用程序上与竞争对手一较高下。相反，惠普将通过电子期刊Pivot突出强调最佳的应用程序。Pivot将为用户呈现各种应用程序，每月会定期更新并传送至TouchPad上。
在 App Catalog 应用商店内，用户可轻松找到所需程序。从理论上而言，这就意味着更多的下载量。
劣势：应用程序数量只有数千项，与苹果 App Store 和谷歌 Android Market 相差甚远。惠普智能手机和平板电脑的硬件表现也很一般，这直接影响到开发人员的积极性。惠普商店惠普App源文件1.2.4 黑莓商店
RIM于2012年4月推出黑莓PlayBook平板电脑，但市场反应平淡。
优势：黑莓 App World 应用程序数量为3500 项，对于开发人员而言这是一件好事，因为他们的应用程序很容易被发现。
支付很方便：黑莓 App World 支持 PayPal，如果想购买应用，用户无需像谷歌或苹果用户那样创建 Google Checkout 或iTunes账户。此外，RIM还在PlayBook上为Android程序创建了虚拟运行环境，用户可以同时访问黑莓和谷歌的应用程序商店。
劣势：与其他三个应用商店相比，黑莓 App World 的程序数量最少，这对开发人员相对不利。
开发人员似乎对App World 失去信心。Twitter应用程序开发商 Seesmic 于2011年 6月底宣布，将不再对黑莓应用程序进行升级。如果这种趋势持续下去，App World 很难在程序数量上赶上竞争对手。
RIM此前为黑莓智能手机开发了一套应用程序，但却无法在PlayBook上运行，这是内容上的极大浪费。
PlayBook的最大缺陷在于：没有专用的电子邮件、日历和联系人应用，而这些程序恰恰是每个应用商店所必备的。黑莓商店多种多样的App软件
小结：无论是对于用户还是开发人员，每个应用商店都有自己的优势和劣势，选择哪个平台完全取决于用户的需要。要追求应用程序的质量，可以选择苹果 App Store。如果希望从外部下载应用，Android Market是理想的选择。当然，也有用户喜欢更加便捷的惠普或 RIM 应用商店。无论最终选择哪个平台，他们都将至少拥有一个共性，即迟早都将提供游戏《愤怒的小鸟》。1.3App的草图设计流程及方法
App制作公司不仅需要更好地了解App软件，而且它们更需要把自己变成一个专业的App制作者。别人需要什么？我们需要怎么去理解？需要如何构建这个过程？每个人都习惯性地喜欢对任何产品进行评价，每个App制作者也都避免不了别人的否定。
但很多相互都不认可的评论都在激烈的相互辩论、视觉的辩论、交互的辩论中，回过头来又到了定位的辩论，一个好的App产品需要一个好的App制作公司来制作，需要全方面的沟通与定位。视觉App制作者的直接目标是向用户传达信息和视觉感受，出于感性；而交互设计的目的是为了设计用户体验的一个流程，出于理性逻辑，客户是要一个对于他（她）有利的产品，带来价值的东西。一个产品制作需要一个好的过程，需要有正确的定位，是不同的观念相融合的过程。
App 软件的过程与方法:想法—设计—交互—开发—测试—产品。这六步过程带来的启发是：App 制作公司应该具备不同观念的人，只有多样化的App制作者才能制作出大众认可的产品。1.3.1 制作App的市场定位
整个App生态目前还算相对健康，iOS生态尤甚。一款应用的流行，优先取决于市场定位，其次是品质，最后才是营销手段。这意味着平庸的产品无法靠强营销来赢得市场。任何团队都应该将超过80%的注意力集中在产品本身，如果定位与质量俱佳，那么即使没什么营销能力的App也会脱颖而出。App的市场必须定位在目标人群高度集中的区域，才能提高转化率。显而易见，所谓“目标人群高度集中的区域”就是指应用市场。它满足两个条件：第一，用户的设备齐全；第二，方便下载安装。而这些恰恰都是影响推广转化率的关键因素。1.3.2 草图的绘制
对于设计师而言，对线框图的期望其实是一种能够在繁重设计工作中整理自己思路的方式。而绘制缩略图更多的是为自己累计更多的创意，从中找到自己思维中的闪光点。草图的绘制是设计的基础，大部分的设计师都会将草图当作设计的第一个基础步骤。手机App的草图绘制1.3.3 视觉设计
在App设计中的高保真原型完成后，就该进行视觉设计了。App设计提倡有质感、有仿真度的图形界面，并让App的界面设计尽量接近用户熟悉或者喜欢的风格。这需要在配色和图标上下工夫，下面我们就来看一下视觉设计感强烈的App设计。视觉设计感强烈的App设计
在App设计中由于移动设备的关系，设计上应尽量保持简洁，若非必要就不要放上华丽的图形或其他信息去吸引用户，我们需要让信息一目了然，使用户能够充分地理解和更加简便地运用。简洁、一目了然的界面图标设计
小编分享
在App设计中icon将决定App在Store中的辨识度，可以先从简单的轮廓开始，从核心创意开始。除非有必要，否则你的icon最好不要包含文字，并且尽量使用跟你的App图形界面一致的材质和渐变。你如果想给用户呈现高质量的UI设计，别忘了把icon设计成29×29、72×72和512×512三种尺寸。1.3.4 最终定案
在进行了前面一系列的包括制作App的市场定位、草图的绘制和视觉设计之后，设计师们就需要给设计制定一个最终的方案予以执行。游戏App的最终定案制作效果欣赏美食App的最终定案制作效果欣赏
试读结束[说明：试读内容隐藏了图片]