返回  

2023年的图标设计的主要趋势(中篇)

2022/11/7 9:31:42 来源:深圳网站设计南隼互动

图标可能是你作品集中最重要的(也是被低估的)设计作品案例之一。


图标元素几乎无处不在,但有时是项目后半期甚至是完结以后才产生的。事实不应该是这样的,优秀的图标设计可以让你的项目与众不同,为项目增添技巧和个性。

让我们来看看图标设计今年以及2023年开始流行的趋势。


9. 带有悬停状态的图标(Icons with Hover States)

Icons with Hover States

当谈到网站设计中使用的图标时,最流行的技术之一是将一组图标以一种悬停状态或动画的方式组合在一起。这可能包括使用带有颜色填充的图标,或者在图标的外围创建一个带有交互效果的空间以形成按钮。

如果你计划在图标上使用某种悬停状态,那么在图标设计阶段就必须考虑到这一点。并不是所有的图标或图标集都针对这种技术进行了优化。寻找一个完整的图标集的变化,使创建悬停状态更容易。

不要把它弄得太复杂。一个精心设计的图标可能会在悬停状态下被忽视。所以简单的图标往往能够获得更好的效果。


10. 简约的图标(Simplified Icons)

Simplified Icons

即使是以前以复杂图标风格为特色的网站和设计,也正在转向更加精简和简化的图标风格。

它们的优点是,每个图标都描绘或代表了一个可识别的东西。图标设计者可以自由地使用形状或线条来创建图标的形状,这是它所代表的项目的最简单的版本。


11. 带颜色形状的线条图标(Line Icons with Color Shapes)

Line Icons with Color Shapes

线条图标总是一个受欢迎的选择,这要感谢它的百搭属性,看起来与几乎任何其他设计元素都很好搭配。这一趋势通过流行色增加了一点视觉上的趣味,通常是在线条图标后面,使用圆形或方形元素。

颜色形状可能填补了线条图标设计的一部分,但通常情况下,它只是漂浮在背景中。这一点视觉上的兴趣可以把图标组合在一起,强调品牌的颜色,或者只是用于更新一下老网站设计的线条图标。

图标设计的棘手部分是颜色形状元素的位置和大小。如果它太大或颜色太鲜艳,就会影响图标的效果。如果形状太小,你就有可能看起来像一个错误。

虽然没有完美的尺寸参考,但大多数采用这种趋势的图标都将颜色形状保持在完整图标大小的四分之一左右。


12. 抽象形状的图标(Abstract Icon Shapes)

Abstract Icon Shapes

不确定使用什么图标来代表你的内容?抽象的图标形状可能是答案。

越来越多的设计师正在创建抽象风格的图标,用于跨网站使用。这种风格——以及总体趋势——的好处在于,抽象风格创造了一种奇思妙想和奇妙感,可以与设计中一些更大的总体趋势相匹配。

处理抽象形状的关键是确保你没有错误地理解某些东西,图标真的是抽象的(不要尝试创建与你的logo相似的图标,因为这会让用户误以为你使用了一个错误的元素)。对于真正匹配的东西,图标和品牌VI应该使用相同的调色板。


13. 带有背景的图标(Icons with Background Icons)

Icons with Background Icons

一些流行图标有自己的背景。你需要认真对待!

对于图标更精细的使用(这种风格的图标一般不使用小尺寸,同样是因为过于精细的原因),图标可以堆叠和分层,以创造更多的艺术元素。

这种趋势通常使用颜色和阴影来区分主焦点图标和背景图标。主图标通常是全彩色或填充图标。背景图标几乎总是线条风格,并可能带有浅色调色板。

你可以用许多预先制作好的图标套件,通过不同的方式组合和匹配来创建这种效果。用类似主题的图标创造深度和视觉乐趣,坚持使用少量元素,以免场景过于复杂。不要害怕使用和重用元素,在背景和前景中使用相同的图标(交替行和填充)。


14. 双色图标(Two-Color Icons)

Two-Color Icons

另一个图标设计趋势,建立在流行的线条图标风格上,就是创建双色元素。

双色图标可以建立在你现有的调色板或品牌颜色上,也可以结合几乎任何其他颜色配对。当使用图标趋势进行设计时,寻找将从你计划使用的背景中脱颖而出的颜色。

当涉及到设计时,为大部分图标选择一个原色。使用次要颜色强调图标的某一个元素(考虑在70%到80%的设计中使用原色,其余部分使用搭配的颜色)。

这在图标设计中创造了一种强调感,能够将人们的目光吸引到设计元素中,并希望能够吸引到周围的内容中。


15. 明亮的颜色(Bright Color)

Bright Color

网页设计的各个方面,使用鲜艳的颜色总是很重要的,同时需要谨慎选择。这在图标设计中没什么不同,鲜艳的颜色是吸引眼球的一种诱人方式。

当谈到图标设计趋势时,颜色有几种不同的用法:

· 作为带有白色或黑色线条风格图标的背景;

· 为全彩图标元素提供更逼真的外观;

· 为简约或扁平风格的图标提供渐变或超明亮的设计;

在明亮的色彩中,流行的颜色包括黄色、蓝色、绿色和紫色。这些颜色通常都是比较明亮的一面,为图标设置3到5种颜色的调色板是很受欢迎的。


16. 使用图标作为logo(Icons in Logos)

Icons in Logos

你是否注意越来越多的人开始使用图标类型的logo。一旦你开始思考,在logo设计中看不到图标的身影将是困难的。

在logo中加入图标的好处在于,它可以与品牌名称相配合,经过一段时间和品牌推广,它可以独立存在。想想上面的例子,Spotify。尽管音乐供应商的存在时间并不长,但在圆形logo中带有三条线是很有辨识度的。

该图标不管在全彩或者单色环境中都能很好的工作(这也是一个区分logo设计好坏的关键),并可以独立使用或与品牌文字组合使用。这种多功能性让我们很容易理解为什么图标是标志设计中受欢迎的元素。


(未完待续...)


总结

图标是一种有用的设计工具。从应用程序图标到网站图标或Favicons,再到可用于logo或整个设计项目的图标,它是一种存在的标记。

图标设计的方法和其他项目一样,但真正要考虑到的是它的简单性和大小。图标是为了方便用户快速浏览以及为网站设计增加趣味和交互元素而制作的,通常都很小。但是不要忽视它对设计的巨大影响力。









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务