如何修复一组统一的图标?

如何用统一的风格来修复一组图标?

资料来源:最佳作者:图像片8

寻找图标实际上对设计师来说不是一个大问题。许多网站不仅提供免费的图标下载,而且设计师改变和设计自己也没什么大不了的。然而,这涉及到一个非常现实的问题。

不难找到十几个常用图标。整套图标就像是“设置”和“编辑”图标。然而,许多图标是特定项目独有的。你不太可能想找到一个可以在一组公共图标中使用的图标。如果你在其他地方找到一个主题匹配,但是你不能保持相同的风格,那将是非常尴尬的。你就不能用它吗?玩起来有多容易。

当你单独看这些图标时,你可能认为单独看它们是可以的,但是不适合把它们放在一起。

那么,如何将来自不同UIKit的图标集成到一个集合中,甚至将来自不同地方和来源(如网站和应用程序)的图标集成到一个一致和愉快的设计中呢?

一.颜色

在图标传达的众多信息中,颜色是最直观的。不同来源的图标首先统一颜色,例如使用相同的颜色。

展开全文

虽然使用单一颜色很方便,但是如果可以使用现有的配色方案来统一图标的颜色,效果会更好:

如果你真的喜欢你找到的图标,但是它们的颜色不同,你可以自己调整它们或者找一个专业的图标设计师来帮助你。值得注意的是,大多数材料共享许可证包括编辑许可证,您可以更改颜色和大小。

二.风格

准物质化和平面设计之间的斗争已经持续了许多年。目前,平面设计是主流,但我不知道这种情况会持续多久,因为今天的平面设计包含许多准物化的设计技巧和元素。很难说未来5到10年什么会流行。时尚和时尚就是这样。

我知道的是你必须选择一种风格。要么平坦要么模仿。

如果你看这组图标,颜色匹配是一样的,但是样式不一样。

将平面设计风格与拟像的设计风格相混合将不可避免地导致界面的混乱。

然而,在大风格背景下,设计师仍然有足够的选择。例如,在平面设计风格中,iOS的苹果人性化指南谷歌的材料设计(Material Design)都是非常典型的平面设计风格设计规范,两者在细节和风格控制上都非常严格,甚至具体到每条线的厚度:

这实际上是根据专门为特定操作系统定制的系统图标设计新图标的最可靠方式。这些被大多数设计师接受的设计规范是指许多设计师在日常设计中的工作。

因此,最重要的是保持颜色和风格的一致。此外,还有一些微妙和值得注意的细节需要设计师特别关注。因为这些图标的设计往往是经典的,而大量的用户和经验丰富的设计师可以一眼就分辨出图标的细节。因此,设计师经常可以听到这样的反馈:“我不知道哪里出了问题,但我认为这是错误的。ゥ?

三、视角和视角

以下五个图标也是准物质化的风格。为了统一,我稍微调整了他们的颜色,使他们看起来更加一致。但是不管你如何调整它们,它们看起来像五个完全不同的应用程序的图标(事实上它们是)。

如果根据透视图放置这五个图标,可以清楚地看到它们处于不同的视角和位置。

它们分散在透视图的不同位置,这显然是不一致的,这完全违背了图标设计的一致性。

图标应该是整个界面的一部分。他们的关系是平等的,他们应该在视觉和感知上保持同样的关系。

四.阴影

在阴影的设计中,图标之间也应该保持这种一致性。请看以下两个图标:

这两个图标来自同一组图标,但似乎只有一个图标被太阳照亮。光的方向也很重要。因此,为了保持图标一致,最好保持图标在光照角度上一致。

提示:虽然阴影通常被认为用于准物理设计,但实际上,阴影也用于平面设计风格,包括材质设计。因此,原则上,它是通用的,设计师需要保持设计的一致性。

V.视觉重量

图标给人一种尺寸、密度和重量的感觉,这就是我们通常所说的视觉重量。在同一组图标中,图标的视觉权重应该保持在非常接近的程度。

请看以下两个图标:

当你眯起眼睛观察由两个图标形成的色标时,你可以更清楚地比较这两个图标的视觉重量:

差别真的很大。这个例子看起来非常极端,因此我们将继续寻找其他一些案例进行比较:

就视觉重量而言,上述群体显然是不平衡的,你可以通过眯眼快速判断。

六.细节

魔鬼藏在细节中。然而,隐藏在细节中的恶魔类型仍然非常多样,我们不妨从这个话题开始。

1。重复元素

有时,设计师会添加一些一致且重复的元素,以确保图标看起来足够独特。

看下面一组图标。一些像素化元素将被添加到右下角。每个图标都有自己不同的图标。这组用户头像图标也是如此:

重复元素,重点是重复的一致性。

2。详情数量

在另一种情况下,细节的数量是不一致的。这种不一致性会扰乱整体的一致性,简而言之,这组图标在复杂性上应该是平衡的,否则,用户会发现由于混淆而难以判断每个图标的属性。

结论

正如我在开始时所说的,设计师的主要工作目标是确保一致性,以便将不同的图标整合到一个系统中。经验丰富的设计师将从不同的角度和属性优化图标。今天的文章已经找出了需要注意的潜在问题。只有当图标设计完成时,界面设计才能更加流畅。

-回到搜狐看更多

负责任的编辑:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://hongbaosaoleiwwwf.cn/post/39.html

我要评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。