Icon与App之间的联系:一位设计师的探索历程

2017-03-28 09:28 出处:未知 人气: 评论(0

iOS设计并不容易,而且需要很多次尝试与实验。现在我来分享一下最近的Icon设计心得,这是一款记事本App Notorious。

我做过很多App的icon,但一直有一个问题萦绕在我的脑中:在移动应用至上的背景下,设计产品时,设计师应该用怎样的方法去处理App/品牌和Icon 之间的关系?联系性怎么样?会不会离题?会不会喧宾夺主?我考虑过很多种已有的设计方法,但是我还是想自己探索一种普遍性方法。

曾经用过的方法

【挖一计】Icon与App之间的联系:一位设计师的探索历程

我想到的第一种方法就是做一种像上面那种风格的App。这种风格提取出界面的关键性元素,然后再缩小到Icon的规模。Calcbot、Parkbud、 stock Notes这些app都是这种风格。我自己做了一款叫做Just the Tip的App也是这种风格。这种方法很好,而且App与Icon 之间的联系也很紧密,因为当用户看到Icon的时候就会回想起App给他们的体验,两者的外观与风格差距不大。但是这种方法的缺点在于缺乏弹性,不适用于网络和传统桌面平台。

【挖一计】Icon与App之间的联系:一位设计师的探索历程

我想到的第二种方法就是超现实主义风格Icon,概念性的捕捉一款应用在某一个瞬间所呈现的特性。这种风格的例子就是Instagram、Camera+、 Evernote 这类App。这种风格的特点在于感性的捕捉到了App的精华与本质。然而,尽管细节上很到位,但是依然无法达到多平台的通用性。但是这种凝练式捕捉应用程序的风格非常棒。

【挖一计】Icon与App之间的联系:一位设计师的探索历程

最后就是品牌式的方法了,我甚至不需要在本文中例举,因为他们的品牌形象实在是太深入人心,用户一看到标志就能立马认出来。作为一个设计师,需要灵活与创新,以及挑战。这种Icon需要维持并呈递品牌的形象,这就是这种类型Icon设计的核心,而品牌的Logo往往早就设计出来了,因此设计师可发挥的空间并不大,仅仅需要根据品牌的主色调进行相应的设计。对于大品牌来说这种Icon设计能有效的维持应用与品牌之间的联系,对于小品牌来说这种设计没有什么作用。

我的Icon设计探索

关于Notorious这款APP我进行了大量的探索,对一切可能的Icon设计形式都进行了尝试。

【挖一计】Icon与App之间的联系:一位设计师的探索历程

品牌风格的”N”纸质风格的“N”折叠的“N”模仿小胡子的“N”,扁平化的“N”。我想了很久,我列出了这款Icon所需要的特性:

1.辨识度:只需要扫一眼就能立马识别

2.弹性:无论iPad 还是OS X系统,这款Icon都能很有效的工作

3.一致性:保持与App风格、交互特性的一致

4.协调与系统:能够与加载App的系统协调

最终结果:

【挖一计】Icon与App之间的联系:一位设计师的探索历程

最后我停止采用品牌式的Icon设计方法,因为我们有意去将这款应用扩展到其他平台。但之前的工作也不是没有用处,之前的工作为整体设计指明了方向,让我们了解到了这款应用中的关键性视觉元素所在。

这款Icon非常的简单,几个图层就能做成,由折纸构成,而黄色在蓝色、绿色的Icon中显得非常的突出。弹性也很强,也能用来作为品牌的Logo,显得非常的独一无二,具有辨识度。

结论:

这就是我关于Icon与App之间联系的小探索。一定要搞清楚:Icon是为了彰显App而存在的。Icon就是一个打通品牌/APP与用户之间的窗口。

分享给小伙伴们:

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表

    • Ico5网可以将png转ico和所有图片转ico, 透明ico图标制作、动态ico图标制作方法及ico图标下载!
    • 热门关键词:ico制作 在线favicon.ico生成 ico图标制作

    Copyright © 2015-2016 Ico5.cc.版权所有 ico图标制作网 皖ICP备16019369号-2