谷歌SEO

谷歌SEO

Products

当前位置:首页 > 谷歌SEO >

iOS 11图标设计之道

96SEO 2025-02-27 22:22 7


苹果WWDC201。题话门热的新个7开发者大会已经尘埃落定,除了新产品的发布,iOS11 也正式表态。新系统中,地图、App Store、时钟、相机、联系人等等原生应用都换了新的图标。此次图标的变革势必也会激发下一个图标设计的潮流,如何设计图标又将成为一个新的热门话题。

扁平化设计:iOS图标设计的演变

最新版的iOS,与iOS相比,新系统在外观上的变革并不明显,已经没有几年前苹果从"拟物设计"到"扁平设计"的巨大视觉冲击感,但在图标设计上做了很多细节修改。比如地图图标增加了象征Apple Park的弧形道路、相机去掉了上下两条水平线,变化都不大但也一眼可以察觉。

图标设计的核心要素

图标是什么?

图标是具有指代意义或者象征某种特殊含义的图形,在差别场景下图标的表达含义也会有差别。当今的图标风格大致可分为拟物化和扁平化,从iOS7开始,一系列炫目的界面和简化的app图标设计出现。扁平化设计快速,简单,直接的信息表达更能迎合这个时代。而怎样去判断它是否是一个好的图标,应至少具有三个特征:

指代性:象征具体某个事物或含义。

识别性:因为有了指代性,图标自己应具有必然的识别性和辨识度,避免误读、抽象主义等。

审美性:一个优秀的图标,在视觉上也应有良好的表现。

图标设计的意义

苹果用户体验设计师Mike Stern解释了UI和应用图标的重要性:用户并不会按照你使用了多少技术,或是整合了多少API,或是你使用的代码有多厉害而去对应用做出评价。而是你的应用能让做什么,给他们带来什么感受。用户期待你的应用能为他们带来直观的、美妙的甚至不可思议的体验。这一点,足以说明图标设计在整体软件应用中的重要性。

设计图标的关键原则

可识别性

识别性是产品图标的基本,它造就了图标的唯一性。一个图标是否从根本上起作用,取决于用户是否可以轻易地理解到这个图标的含义。为了使图标更加便于理解,很多设计师选择在设计中使用黑白色。因为颜色会干扰用户的理解力,界面中颜色越多,用户寻找起来时间成本越高。

视觉统一

单个图标的构成元素能运用到整套图标中,就是我们说的视觉的一致性。审美一致性是设计元素的集合,或是设计中使其成为一个整体所贯穿使用的手法。视觉统一包括:整体风格的统一,图标大小的控制,造型的轮廓粗细的统一,颜**调与调和的统一。

差异性

在App Store中搜索一款应用,展示出的应用图标大都大同小异,用户在众多孪生图标兄弟姐妹中也难以取舍。而设计师在图标设计中要尽量放大图标之间的差异性,减弱图标之间的相似性,突出产品的独特之处。

图标设计工具与资源

合格的设计师不仅需要掌握深厚的理论知识,对必备设计工具如PS,AI,Illustrator等等的掌握也是很重要的。具体在每一个工具上的图标设计流程就不再一一细讲了。再给大家介绍一些图标资源的网站。

随着iOS 11的发布,我们可以预见,扁平化设计将继续引领图标设计潮流。未来,图标设计将更加注重与用户体验的融合,以及隐私保护和健康价值的体现。让我们期待更多创新的设计出现,同时也欢迎用实际体验验证这些观点。

标签: 之道


提交需求或反馈

Demand feedback