一个优秀的App图标应该如何设计?马丁·勒布朗教你六招。

六月的WWDC对设计师来说是一个新的旅程,因为iOS 7是平的。为了适应新的风格,许多应用程序的图标都必须重新设计。苹果用户体验工程师麦克·史登曾做过一个名为“伟大的iOS设计指南”的演讲。第一部分是关于如何创建一个好的应用程序图标。本文作者马丁·勒布朗(Martin LeBlanc)是图标搜索引擎IconFinder的创始人。他整理了迈克的思路,给出了一些新的见解和案例分析。为什么app的UI和图标这么重要?用户不会从app上看到工程师和设计师用的是什么代码,嵌入的是什么先进技术。他们只会第一眼看到图标,然后留下印象。大多数用户希望直观和美观,有时他们喜欢难以置信的设计图标。下图是在App Store搜索“相机”的结果。在这些巨大的图标中,Path非常突出。其他大部分图标都是用相机或镜头图片作为图标,这样很多图标看起来都差不多,而直观、简单、美观的路径恰恰突出了这一点。所以,在图标设计上花费大量的时间并不为过。精致的图标容易感染人,好的图标容易让人想起app中的伟大体验。为了实现对美和直觉的简单而困难的追求,迈克给出了六点建议。独特的形状这四个图标非常特别。它们有的使用单调的颜色,有的颜色多样,层次分明,但都有一个简单却特别的造型,你一眼就能记住。图标在App Store中显示得更大,但在手机屏幕上的面积要小得多,更何况其中一些还拥挤在文件夹中,所以简单而特殊的图案有助于图标脱颖而出。小心使用颜色,不要打翻调色板。有时候甚至一两种颜色就够了。是的,有很多优秀的icon仍然使用了大量的颜色,但它们是普通人无法驾驭的杰作。避免使用真实照片。再惊艳的照片,一旦用在小app图标上,效果绝对是毁灭性的。应用Sipp就是一个很好的例子。可能来源于照片,但总比用照片当图标好。倒酒形成的“S”对应app的名字,色调和光感都重新调整过。木纹背景让icon看起来很有质感。避免使用词语,甚至一个字都不要。如果你能在设计中避免使用文字,那就太好了。尽量只用一个标志或字母来完成图标。Ness、Pocket、Vine、Snapguide、Pinterest都是成功的案例。在iOS 7上应用材质和传达质感可能会有点冲突。获奖的工作论文就是一个很好的例子。水彩光晕的层次和颜色非常符合其美术app的特点。一个密码也是如此,通过钥匙孔体现数据的安全性。LifeKraze是一部真正的杰作。迈克说这个图标是“我不知道怎么做的,它简直是图标艺术的巅峰”。保持创意是脱颖而出的好方法。Routesy、Hipstamatic、Evernote Food和Brewski Me都有不错的想法。总的来说,窍门很简单,有时候复杂的东西也是通过简单的形状来呈现的。附一个小提醒。完成一个图标后,别忘了测试图标在各种颜色桌布上的显示效果。还有别忘了把图标放在文件夹里测试显示效果。最后,图标会以不同的尺寸出现在用户的设备上,设计师需要确保图标在所有尺寸下看起来都很舒服。优秀案例展示:Turnplay著名图标设计机构Ramotion设计了Turnplay图标,也展示了Ramotion的设计功力。Turnplay是一款音乐播放器应用,其UI是老式黑胶唱片播放器的翻版。当Ramotion最初设计这款应用的图标时,很自然地想到了使用黑胶唱片播放器的风格。以下是Ramotion设计师在设计初期用铅笔绘制的icon草图。可以看出,即使在这些草图中,也有很多细节。在这些草图中,许多人试图将代表应用程序名称的字母“t”放在图标设计中,而在细节方面,他们试图在转盘上勾勒出纹理。最终,他们采用了以下设计方案:简单的边框,中间放一张黑胶唱片。