三个方法帮你提升App图标设计

用户头像
北京/UI设计师/9年前/1419浏览
三个方法帮你提升App图标设计

用户第一眼看到一个App,注意的不是里用了什么高深的技术,有了怎样强大的功能,而是App的图标。大部分用户都希望看到一个漂亮的图标,并且直观了解到App是做什么的。作为设计师,我们要怎么做呢?

每个App都需要一个长得漂亮又让人印象深刻的图标,用来在应用市场吸引注意,并在手机屏幕上一眼就能找到。同时它又要帮助你的用户迅速了解到图标背后的App到底有什么功能。


如何设计一个兼具美学和实用性的图标?没那么难,下面是三个需要遵循的原则:


1.设计一个容易被识别的图标

图标最重要的作用就是传达App的含义。用户不用费尽心思分析,就可以知道它表示的是什么。


你的图标是第一次传达你的app用途的机会。当你设计App的图标的时候,一定要记住一个重要的关键点:图标是用他的隐喻的关联来传达他的意思的-用户会将一个图标和特定的物体或者行为相关联起来,如果这个物体或者行为对用户来说没有办法被即刻识别,这个图标就是无效的。所以,将图标设计的明确并且合乎直觉是至关重要的。


       不要使用抽象图标。抽象图标很少会达到预期的效果。用户无法用之前的经验来判断这个图标的含义。

       ios的“游戏中心”就是这个问题的一个典型例子。这个由几个色彩艳丽,有着玻璃质感的圆形组成的图

       标。看起来不错,但是用户看到通常会对他的含义感到疑惑。



“这个游戏中心的图标是什么含义,它和游戏有什么关系?”这或许是大部分人第一次看到这个图标内心的吐槽


       最安全的方法就是使用用户可以识别的元素做图标。有些图标在任何语境下都有明确的含义,比如“主

       页”,“打印”,“放大镜”,“信封”。举个例子,Gmail就使用了信封作为app图标,大家看到他都会联想到

       邮件。

8c4c583e3cbda801219c77dfff0e.jpg


2.尽可能简化你的设计


找到能体现你app核心功能的元素并且用一个简单的图形表达出来。移除所有对于图标来说非必需的元素。


设计师都希望自己的图标让人眼前一亮,但有时候用力过猛就会添加进去太多的细节。过多细节就会造成视觉噪音,反而妨碍了用户理解并影响了体验。


       不要在图标中包含非关键的词汇,比如“看”或者“玩”,或者一些营销性质的词汇比如“免费”。只有在

       这个字非常重要或者它是你的logo的一部分的时候再考虑把它他放进图标里。


不要在图标里重复app的名字,因为它们会很清晰地被标示在图标下面



       不要使用相片作为icon 的元素,因为在尺寸很小的时候实在是太难识别了。


       不要用三维透视的图作为app 图标。使用三维透视图标并绘制阴影,会让图标变得难以辨识。



       想使得你的图标表意明确并且合乎直觉,对细节的取舍对于至关重要。当你使用一个真实的物体作

       为你的图标,只选择所有物体都有的特性,摒弃其他的元素。


对于一个天气app来说,一个太阳和一朵云就足以明确表现“天气”这个含义了



3.在不同背景上测试你的图标


一个图标在不同的背景下都应该是可读的的。


设计一个易于识别并且简洁的图标并没有完成所有工作。和所有其他ui设计工作一样,设计后的测试也是必须的。你可以试想一下用户会使用的主屏幕背景图片,然后看一下你的图标在不同背景图下表现如何。


       不要让你的图标融入背景。比如“stock”在黑色背景下基本就看不到了。


不要用户要使劲看才能找到它


       不要让你的图标混杂在背景之中,避免使用透明图标。

不要用透明图标


       最后一点提示:尽量在真实的设备上使用动态背景并调整屏幕亮度来进行测试。



18
阅读原文
|
举报
|
29
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
空的平台平面和自然景观
倒计时,海报,平面
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面设计 吊牌设计
平面书法字手写
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
平面插画情侣/矢量
平面花卉图案扁平简约无缝拼接插画
中国传统纹样创新图案设计
金色颗粒质地的平面
城市园林平面布局航拍
金色颗粒质地的平面
城阙凡花
牛奶乳液层次梯田平铺平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
平面风格黄绿色系花朵装饰
水蜜桃和李子的平面水果图案
你可能喜欢
大家都在看
登录注册