返回  

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

2022/11/10 14:57:49 来源:深圳网站设计南隼互动

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


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

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


17. 圆圈图标(Circles)

Circles

圆是最和谐的形状之一。说到图标设计,它们是相当受欢迎的。从包含在圆中的图标到对象中的使用圆形,可以说使用圆形创建的图标设计可以帮助用户建立正确的感觉。

图标设计中圆形元素影响可能与谷歌与材料设计所制定的一些指导方针有关。所有那些圆形的按钮都非常适合在手机上点击。同样的理念也适用于图标设计(想想如果仅使用单纯的图标作为可触摸或可点击的元素,单用户在初次使用的情况下将多么容易被忽视以及引起误会)。

关于这种图标设计趋势的一个小技巧是,在所有使用其他形状的地方都使用网格圆。APP中的图标往往是方形的,社交媒体是圆形(当然也有一些使用了方形的外观)。

在创建圆形图标时,要确保图标设计的内容在较小的尺寸下容易理解,因为你必须经常缩小图标以适应其他地方。



18. 线条风格的图标(Line Style Icon Design)

Line Style Icon Design

线条风格图标似乎是永不过时的潮流。

部分原因是这种图标样式几乎可以在任何背景类型的任何地方工作。许多流行的,可下载的图标包通常包含线条风格的设计,因为这种多功能性。

在上面的例子中很容易看出这一点。每个图标都很容易看到和理解,并且几乎可以以任何大小来展示。


19. 简单元素和表达的图标(Simple Elements and Representations)

Simple Elements and Representations

与2023年的大多数其他设计趋势一样,图标设计的一个很重要的趋势——简单。简单的形状和位置结合在一起,可以创建极简的图标。

其结果往往是产生一个相当巧妙的设计,而用户刚好喜欢。

在上面使用食物图标的例子中,每个图标都使用了图标中的一个共同的圆圈元素。这可以是图标本身的整体形状,也可以是图标设计的一部分。这个形状将项目中的每个图标彼此联系起来。


20. 渐变图标(Icons with Gradients)

Icons with Gradients

渐变色趋势已经成为2019年的主要网站设计趋势之一,同时也是图标设计的一个重要趋势。从线条上的简单渐变(如上图)到渐变背景上的完全渐变到白色图标,这种配色方案很受欢迎。

这可能就是在图标(以及整体)中使用渐变的吸引力所在——有很多不同的方法来使用这种趋势。你可以使用渐变元素让你的网页设计甚至于像图标这种小元素都独一无二。


21. 专注于简单的颜色(Focus on Simple Coloring)

Focus on Simple Coloring

图标设计师在色彩上也采取了相反的方法,坚持使用简单、更有限、更基本的调色板来处理这些小的设计元素。

使用有限的调色板是个好主意。对于一个如此小的设计,过多的颜色或细节会很快淹没空间,造成眼睛疲劳。

你不希望用户思考图标是什么或者颜色是什么意思。限制细节的数量——包括精心着色——可以使每个单独的图标更容易看到和理解。对于将使用最小尺寸的图标来说,这是最重要的。


22. APP风格图标(Everything App Style)

Everything App Style

如此受欢迎的原因之一是我们已经为几乎所有东西设计了图标。从应用程序图标到favicon或桌面图标的应用程序风格图标,这种风格几乎无处不在。

应用程序风格的图标几乎有自己独特的风格。这包括:

· 方形的形状

· 圆角的边缘

· 彩色背景(通常是一种颜色)

· 图标内部的简单形状

· 图标和背景颜色之间有大量的对比

· 没有文字或少量文字


23. 粗、均匀笔划的图标(Thick, Uniform Strokes)

Thick, Uniform Strokes

不仅线条风格的图标很受欢迎,粗线条的图标也特别受欢迎。

这些图标通常被设计为单色模式,在APP中彩色背景或照片背景上以白色或黑色加以应用。

粗大、笔画均匀的图标通常单独使用,如购物车图标或联系人图标。它们不常在图标集合中使用。


24. 扁平风格图标依然流行(Flat Icons Remain Popular)

Flat Icons Remain Popular

虽然扁平化设计的“黄金时代”已经过去,但图标设计仍然相当扁平化(或至少大多数还是采用扁平化设计)。

这可能是由于平面设计的超简单性质,以及这种外观可以很容易地与许多其他风格相结合的原因。

甚至看看这里的图标设计例子和趋势,你会发现很多图标都是扁平的(例如,线条风格的图标几乎都是采用的扁平风格)。


25.Emoji风格的图标(Emoji Icons)

Emoji Icons

表情符号几乎已经成为了现代社交圈中的一套自己的语言——一种更加视觉化的交流形式,一直以来越来越被广泛接受。

图标设计也呈现出一种表情风格。这些图标是可识别的,因为关注的是人或生物的头部形状(上面受《星球大战》所启发的表情符号图标就是一个很好的例子,说明了如何从图标设计中获得乐趣)。

这种风格的图标可以很好地用于联系人页面或在设计中代表特定的人物或角色。


如何设计更好的图标

制作一个好的图标或一组图标不仅仅是正确的使用图标设计的一些最新趋势。由于图标的尺寸小,对细节和精度的关注是设计过程中的一个重要部分。

简单的规则仍然适用于2023年的图标设计。把这些指南和上面的一些流行想法结合起来,创造出你会喜欢的东西:


· 从网格开始

· 构建与几何

· 创造独特的形状

· 给图标足够的空间

· 坚持你的品牌颜色

· 使用一致的风格

· 设计你需要的最小尺寸

· 不过多装饰


图标设计指南

Icon Design Guidelines

跟上潮流的一个好方法是查看图形标准和样式指南。每次苹果或谷歌改变他们的图标设计方案,其他的公司以及供应商也会改变。部分原因是他们不得不这样做,另一部分原因是新风格往往反映了图标设计的时代和趋势。


你可以在这里找到指南:

苹果应用程序图标

Android应用程序图标

材料设计产品图标

材料设计系统图标


总结

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

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









----图文来自:design shack 

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