移动运用视觉美学谈三款高收入的运用产品

状态不好这类话，不管自己讲给自己，还是他人讲给你听，其实都会产生一系列极为负面的自我暗示效应。一旦身处这样的效应链当中，想抽身便不那末简单了。看似没头没脑的开场白，不过仿佛在过去的一周里，自己就是纠结于这样的思惟当中。终究到了周末，顺便多请了三天的假期，在家休整一下，放下那些会让我状态不好的东西，做自己喜欢做的事，看自己喜欢看的书，说自己喜欢说的话。不多说，进入今天的译文。今次偏向视觉方面，送给所有可爱的视觉小动物。

当前，智能手机的占有率仍在以史无前例的速度飙升，移动运用市场也在造就着下一代的科技百万富翁。苹果的App Store当中的运用数量已超过68万个，并且正在以平均每天375个的速度继续增长着。市场的巨大是毋庸置疑的，到处都有很棒的机会。不过一个不言而喻的问题在于：成功的移动运用是由甚么造就的?

这个问题的答案通常包括创新的概念、才华横溢的设计、坚实而高效的开发等等。其中，视觉美学这个要素通常可以对运用产品的成功和品牌的塑造起到巨大的推动作用。在本文中，我们将以App Store当中3款具有高收入的运用为例，来看看他们在视觉设计方面都有哪些独到之处。

捣蛋猪(Bad Piggies)

Rovio的这款游戏在进入市场之前就已注定要获得成功了。作为愤怒的小鸟的前传，同时仰仗着各种媒体的大肆宣传，捣蛋猪1登场便迅速的飞起来了。

从一些传闻还有个人的视察来看，这些小猪乃至比小鸟们更受欢迎。我(英文原文作者)的外甥一直纠缠着要我解释为何那些坏小鸟总是想杀掉这些可爱的小猪。

Rovio对这些自然了如指掌。实际上，仔细看看这款游戏，你会发现自己难以在它身上找到太多与愤怒的小鸟之间的关联。

图标：

启动画面：

在这些对品牌有着重要辨认作用的图标和图片身上，你几近看不出这款游戏与愤怒的小鸟之间的关联。这很明显的体现出了Rivio对单独建立Bad Piggies游戏及玩具品牌的意图与信心。

进入游戏，到处是猪元素，尤其是logo里的两个字母i，上面的点都被换成了猪鼻子，很搞笑，很讨人欢乐，就这样让用户在不知不觉中对猪的品牌形象产生了深入的印象。

游戏界面中满眼都是绿色，在视觉上与愤鸟那标志性的红色构成了巨大的差异。对视觉设计师们来讲，这也是基于同一种色相，通过明度和彩度的变化在图象中打造层次和景深的良好范例。

细节当中的视觉处理方式一样为用户带来了印象深入的良好体验。小猪的视野会随着你的手指而改变方向，还有在滚下斜坡时开心的表情、欢庆成功时的方式等等。

从Bad Piggies当中学到的给你的品牌留些喘息的空间;通过独特而良好的体验塑造品牌形象。(推荐浏览：iOS用户体验的差异化与策略)通过明度和彩度的变化在图象中打造层次和景深。在游戏中，角色的个性非常重要。细节当中的处理方式可以帮你塑造出非常讨人喜欢的形象。Rovio是这方面的一个典范，从愤怒的小鸟，到捣蛋猪，到Amazing Alex，每一个角色形象都是相当独特、容易辨认的。对以角色为中心的游戏运用，要将角色形象优先放在各种图形素材当中，包括运用图标、启动画面等。这对形象的建立及品牌的塑造起侧重要的作用。

DMD Panorama

DMD Panorama是一款非常流行的相机运用，它能帮你通过iPhone或iPad轻松拍摄全景照片。这款运用是由黎巴嫩的一家名叫Dermandar的公司打造的，目前已被下载超过400万次了。我们一起来仔细看看。

图标：

图标在外观上与多数的相机运用类似，可以说，并没有对其本身品牌或特点功能起到很突出的介绍与描写作用(例如Rovio那样在图标正中放一只捣蛋猪)，但它的细节做的确切非常漂亮非常到位，与其他多数同类图标相比，可以更好的吸引用户的眼光。

确切，对照片或视频摄制类的运用来讲，约定俗成的做法就是设计一个高分辨率的栩栩如生的相机形象作为运用图标，这最少是一种比较安全的设计思路。通常，图标中的相机形象都是人们所熟习的，乃至是一些比较粗笨或复古的，其目的都是吸引用户的注意力，尽可能多的体现产品功能特点。

DMD Panorama并没有将太多用于品牌辨认的视觉元素融入到运用当中，用户唯一能见到的就是在启动画面当中的一闪而过的公司名称。在这以后，他们留给用户的就只有专注而投入的产品功能体验了。

而且与其他同类运用相比，DMD Panorama给人的感觉确切是极为简洁的。主界面当中只有少许必要的操作与相干信息。

界面底部只有三个按钮，包括相册、摄制和最主要的用于启动摄制功能的开始按钮。

相册界面当中也只是一些必要的导航及操作项：

值得一提的是，底部标签栏和顶部的按钮当中主要采取的仍是iOS原生的图标。DMD Panorama的设计师们并没打算重新发明轮子。这些用户所熟习的、早已建立起相干行动预期的图标正是他们所需要的。(推荐浏览：先了解规则，再寻求创新 - 关于iOS运用界面自定义)

每张照片底部都有一个蓝色的工具栏，里面包括照片标题，还有用于分享、添加位置信息、编辑标题的操作。

相册界面的背景图案，在明暗渐变和纹理等方面的处理也很细致到位，看上去就像是真正的相册那样。

从DMD Panorama当中学到的打造精致漂亮的、符合产品类型及定位的图标。(推荐浏览：将产品再移动运用市场中推向成功的10点建议)不要重新发明轮子，使用用户熟习的图标及交互模式，不要为了定制化而定制化。体验高于品牌。不要让品牌方面的信息干扰功能及内容。

Maps+

苹果自家地图的事就不多说了，搞到Tim Cook也亲身出来道歉。很多地图运用借机跳了出来，希望在用户寻觅苹果地图的替代品的时候能够脱颖而出。

Maps+算是免费地图运用当中的佼佼者了，它基于Google地图，同时融入了很多自家的特点。

图标：

说实话，当我尝试Maps+的时候，并不是在寻觅地图运用，只是它的排名很靠前，而且图标相当漂亮出彩，让我一眼就看到了。图标当中的形象是大家所熟习的指南针，很准确的表达出了本身功能类型，而且比较独到的是，Maps+的设计师将指南针造型与代表地标位置的水滴形状完善的结合了起来。另外，红色的背景虽然很抢眼，但在这个图标当中却又显得很和谐。非常棒的图标设计，在我看来。

Maps+也是最小化设计的实践者(推荐浏览：最小化可用性设计)。没有过分的品牌宣扬，没有夸大的启动画面，用户直接被引领到主界面，这里只有地图和右下角的小按钮。

点击这个按钮，会弹出一个菜单，里面包括了Maps+提供的各种功能及设置。

在这个菜单中，用户可以创建提示、查找线路、标注位置、基于地理位置发推、对运用进行设置等等。每一个选项后面的标准i按钮当中包括了关于该选项的说明信息，即便选项本身的图标及标题其实已可以准确清晰的描写本身的含义了。

另外值得一提的是，点击菜单右上角的编辑按钮，用户还可以将经常使用的操作直接拖放到主界面的四个边角，进一步增强了便捷性。这类基于最小化的理念、同时提供良好扩展性的交互及UI设计思路可以给用户带来平滑而具有张力的良好体验。

Maps+的免费版本相当于试用，当功能的使用次数超过了限制以后，运用会弹出提示，提示用户通过付费来解锁限制，但也可以继续试用。

0

App Store里的地图运用有很多，不过像Maps+这样优秀的却不大多见。Maps+并没有为了打造强大的功能而增大界面及体验的复杂度，他们始终坚持帮助用户将全部注意力放在地图上。从UI元素到图标设计，乃至到付费引导，Maps+从整体上为用户带来了精良的产品体验。

从Maps+当中学到的少即是多。不是所有的运用都需要视觉效果强烈的图形方案。有时，让核心功能直接站出来讲话是最好的。在图标设计上加大投入力度。信奉最小化的设计理念。在适当的情况下，允许用户根据自己的习惯定制操作和体验。优秀的设计是符合直觉的。如果你必须解释每一个按钮的含义，那末或许需要重新斟酌设计方案的合理性了。优秀的设计本身就是具有粘性的，它可以将不同的界面元素有机的整合起来，为用户带来愉悦的满足感。总结

打造一款成功的运用需要多方面的努力(推荐浏览：将产品在移动运用市场中推向成功的10点建议)，其中设计工作的重要性是毋庸置疑的。客观的讲，设计优秀的运用总会比功能强大但设计惨烈的产品更让人爱好。多视察那些优秀运用的设计方案，吸收它们身上的精华，改进它们的不足，这是非常有效的实践方式。

译文代表原作者观点。欢迎发表评论，或到译者微博进一步交换探讨。

(本文转载自科技博客BeForWeb，原文链接：beforweb/node/127)

贵阳治疗癫痫病价格

郑州癫痫病医院哪家好

哪家医院治疗癫痫病最好

成都看癫痫病哪家医院好