恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何设计显眼的应用程序图标
0.0°
2020-05-11 自译外文 经验/观点 原作者: Michael 举报 3975 16 26 3

美丽,可识别且令人难忘的应用程序图标可能会对应用程序的受欢迎程度和成功产生巨大影响。如何使一个“良好”的应用程序图标成为现实呢?我整理了一些提示和建议来帮助回答这些问题,并指导您设计出色的应用程序图标。



什么是应用程序图标?

创建图标时,您需要了解的第一件事就是应用程序图标的确切含义以及它执行的工作。应用程序图标是产品的视觉锚点。可以将其视为一个很小的品牌,不但需要看起来吸引人,而且理想情况下还可以传达您的应用程序的本质。


应用程序图标不是徽标。尽管它们肯定具有类似品牌的品质,但它们受到许多不同的限制。对于设计师来说,这是一个重要的区别:徽标是可缩放的矢量品牌商标,专门设计用于信头和广告牌。


图标通常是基于栅格的输出,这些输出经过自定义以在方形画布中以特定大小和特定上下文看起来不错。方法,工具,工作以及成功的标准是不同的。



从实际的角度来看,制作应用程序图标时,您要创建一组具有多种尺寸的PNG文件,这些尺寸从29×29像素的小尺寸一直到1024×1024像素的小尺寸需要捆绑在一起与您的应用。这套精心设计的设计将在用户会遇到您的应用程序的操作系统的许多上下文中使用,包括iOS App Store,设置面板,搜索结果和主屏幕等等。



五个核心方面

我将讨论应用程序图标设计的五个核心方面,并提供有关如何改进每个方面的提示,并展示一些有关如何使用该质量的示例。



1.可扩展性

图标最重要的方面之一是可伸缩性。因为图标将在整个平台的多个位置显示,并以不同的大小显示,所以您的作品必须保持其可读性和唯一性,这一点很重要。


应用程序图标需要在多种分辨率下工作,从而在各种尺寸范围内保持概念的易读性。


过于复杂的图标过多地填充到画布中,经常成为可伸缩性差的受害者。应用程序图标设计在概念阶段的很大一部分应致力于思考给定的设计是否可以优雅地扩展。



如何提高可伸缩性

a.在1024×1024像素的画布上工作可能具有欺骗性。在设备上并在多种环境和尺寸下尝试设计


b.拥抱简单并专注于单个对象,最好是一个独特的形状或元素,在缩放时可以保留其轮廓和质量。


c.确保在各种背景下该图标看起来都不错。




2.可识别性

应用程序图标就像一首小歌,在商店和主屏幕的喧闹声中能够轻松识别它是出色图标设计的关键组成部分。就像一首歌的诗句需要引起听众的共鸣一样,应用程序图标的形状,颜色和构想也是如此。设计需要在功能和情感层面上灌输记忆和联系感。


图标可以是详细的或简单的。只要确保它具有创造力和趣味性,并准确传达您的意图即可。


您的图标将在数以千计的其他图标中争夺注意力,所有其他图标都具有相同的1024像素画布以产生影响并确保与查看者的连接。虽然可伸缩性是可识别性的重要组成部分,但新颖性也是如此。在这些素质之间寻求平衡是该学科的关键所在。


如何提高可识别性

a.平淡,过于复杂的图标是可识别性的敌人。尝试从图标中删除细节。


b.尝试设计的几种变体。将它们排列在网格上并瞥一眼,看看设计的哪些方面引起您的注意。


c.解构您最喜欢的应用程序图标,并弄清楚为什么您喜欢它们,并使用了哪些方法使其脱颖而出。



3.一致性

在与应用程序图标进行交互的体验与与它所代表的应用程序进行交互的体验之间建立一致性时,需要说些什么。我觉得好的图标设计是该应用程序的全部扩展。确保两者相互支持将创造一个更加难忘的相遇。


图标和界面之间的一致性对于增强视觉叙事很重要。


在用户的脑海中塑造一个光滑,统一的应用程序形象,可以提高产品满意度,保留率。简而言之,使您的图标与应用程序的本质,功能和设计协调工作是一个巨大的胜利。



如何提高一致性

a.确保应用程序和图标之间一致性的一种方法是对齐其调色板,并使用相似且一致的设计语言-例如,绿色界面由绿色应用程序图标增强。


b.尽管并非总是可能的,但加强应用程序与其图标之间的连接的一种方法是将图标的象征性直接与应用程序的功能联系起来。


图标也可以在一系列相关应用程序之间保持一致。



4.独特性

这几乎不言而喻,但是请尝试使某些东西变得独特。模仿样式或趋势是完全可以的,但是可以自己制作。您的图标将不断与其他图标竞争以吸引用户的注意,而脱颖而出可能是设计的完美论据。




如何提高独特性

a.考虑其他人在您的应用中正在做什么,并朝着不同的方向前进。


b.如果要保持唯一性,则单色背景上的单个字形可能是一条棘手的路线。尝试不同的颜色和构图,并挑战自己,寻找新的聪明的隐喻。



无论您的设计风格是什么,唯一性通常都是寻找新颖想法的一种练习。游戏图标设计可能是灵感的重要来源,因为通常会显示更多的想法,而且没有约定俗成。



5.不要用词

文字和图片是单独的表示工具,将它们混合为图形表示通常会带来混乱,不专心且难以解码的体验。每当我在应用程序图标中看到文字时,我都会觉得设计师错过了清楚传达其意图的机会。



考虑图标中的单词时应考虑的事项

a.无需在图标中包含应用程序的名称-它通常会在界面中随图标一起显示。相反,请花时间提出一个很酷的图片概念。


b.“但是Facebook在其应用程序图标中带有'f',”我听到您说。如果您使用的是单个字母,并且非常适合(而且非常独特),那么该字母将失去其“深沉”的含义,并成为标志性标志。但是,这通常是例外而不是规则。


c.在方格中使用公司徽标和名称绝不是一个好的解决方案。您是否有一个标记或标志符号可以在约束范围内正常工作?如果没有,那么您最好是提出一些新的东西。请记住,图标与徽标并不相同,因此不应将其强制置于相同的上下文中。

Powered by Froala Editor

更新:2020-05-11

收藏

16人已收藏

干货3分钟

这个人很懒一个关注都没有

  • 3

    作品

  • 14

    粉丝

  • 2

    关注

  • 想学动效设计,从这9个步骤开始
  • 纯文案海报设计教程
相关标签
经验分享

    猜你喜欢

      2020-05-11 自译外文 经验/观点 原作者: Michael 举报 3975 16 26 3

      如何设计显眼的应用程序图标

      0.0°

      你确定要举报如何设计显眼的应用程序图标

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年05月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      26
      16
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录