/Weekly News | 2023年值得关注的设计趋势【UI图标设计篇】

Weekly News | 2023年值得关注的设计趋势【UI图标设计篇】

2023图标设计趋势是怎么样的?

图标是产品设计重要的组成部分,我们可以通过图标增加页面效果,让页面更容易被记住。随着时代发展,图标的设计趋势每天也在推崇出新,今天我们来分享下2023年一些图标趋势。

做设计时耗费大量的时间做图标却不尽如人意?时间紧迫没时间去做图标?今天就给大家分享几个高质量,且涵盖丰富类型的图标库。



01
渐变图标


渐变图标这两年一直很火,无论品牌、平面还是UI。渐变让扁平变的更有趣、更活跃。也能在一堆纯色,扁平设计里面脱颖而出。很多企业也开始尝试渐变图标了,像google和阿里这样的公司已经加入了这一潮流。渐变的图标运用到暗黑模式就特别适合,能让页面潮起来,增强图标品牌感。


也可以在渐变里面增加一些立体感和厚度,让整体色彩更丰富,更有活力。或者增加一些磨砂透明效果,让图标丰富起来。这个风格大家在项目改版和作品集改版都可以大量去尝试。随着iOS暗黑模式的运用,这种渐变风格在深色底上运用就更游刃有余了。


02
手绘图标


如果你希望你的UI界面有独一无二的风格,那么手绘图标趋势值得研究,你可以自己画一套手绘图标,然后把它变成矢量的。

手绘图标通常非常有个性,而且很容易被用户记住。


手绘图标使用的场景也比较多,无论用在网站,空白页,还是当插图都是可以的,你可以通过改变线条,粗细,形状,通过这些调整,然后找到符合你们界面调性的图标。也可以做成贴纸周边去运用,特别有亲和力,让品牌也生动起来。


手绘图标可以运用不同的色彩,凸显个性,与众不同。


上图的这套图标,能让你的UI界面特别活泼,当然,这里要APP整体调性得简约一点,这样才能和这个风格完美的匹配。这一点要谨记哦!

03
极简图标

这种图标设计核心是:表意精准。能用一个元素表达,不要用多个元素,不要为了细节而细节。

这种图标风格代表了「少即是多」的理念,简单的元素是今年流行重点。在很多优秀设计里面都能看见。



这类图标对于图形概括能力有一定要求,要用尽量少的元素传递你图形的含义,从一开始用户看见图标就能理解你想表达的意思。

图形非常简单干净,让人一目了然,没有多余的元素。化繁为简是它表达的核心。但该有的细节都要有。

图标样式你可以加上拼色,让它有个对比,效果更有层次。也可以是一个简单的色块展示,也很舒服,颜色上面大家可以多去大胆尝试。

04
厚重的图标

2022年线条图标可能会成为过去式了,到了2023年,把线条加粗的图标可能会成为一个新的趋势。这样的图标更容易被用户点击,也更容易被注意到。


当然厚重的图标你也可以做成填充的。但是要注意这样的图标也是要有技巧的。设计厚重的图标,一定要注意对于线条厚度和留白空间的把控。有时候你如果留白空间不合理,这一套图标可能就以失败告终。



厚重的图标在页面中,相对于细线条图标更容易被发现,被注意到。

韩国一个阅读软件,整体扁平为主,图标处理全是粗的线条,每个图标识别度都很高。


所以新年第一步,做视觉改版,记住这个趋势,把你们很单薄线的图标,优化的更厚重稳点,当然这个也要看整体页面风格一起调整。厚重的图标,在页面里面能引导视觉注意力,如果图形很细,有时候会让页面很飘,让页面看起来特别散。

05
带形状颜色的图标



如果你想用线型图标,但是觉得黑色有些单调,想加点创意,那么就可以在背后加点形状,比如圆形,方形,然后加一个颜色,这样细节就会增加很多。



handse的这组图标,背后的几何图形非常有个性,加上图标本身有方向性,让图标显得很活泼很生动。


带颜色形状的图标适合于产品比较年轻化,用户人群年轻人,比较追求个性的产品调性,会让页面充满灵动力。


通常填充的颜色都当作背景,你可以取图标一个小局部,比如笔的笔杆部分,比如优惠券券的部分。

这里很多细节可以尝试,但是有一个前提就是基础图形得好看。这个趋势也会在2023年被大量广泛用到。




06
3D图标

3D图标能让界面更容易抓住用户眼球,它的细节更多,有更强的视觉表现力。上图每个图标里都蕴含着各自故事,这类型图标,源于生活,用户也容易理解。



3D图标可以根据需要增加各种细节,灵活多变。可运用到各种领域,尤其在B端,使用的非常频繁。上面B端场景图标,让很单调的页面瞬间变得生动活泼起来。

3D图标视觉相对较重,如果你页面本身就比较花哨,那就要慎重使用,避免给用户增加视觉负担。如果我们页面需要用户更专注内容,而并非视觉效果。那么3D图标此时可能并不使用。

3D图标一般前期先画草图,把3D每个元素构思清楚,再去软件里面画,同时对软件有些要求。这个和普通图标设计会有一定的差异。


但是3d图标整体的效果呈现,比扁平化图标看着更有立体感,更有吸引力,更容易让用户感知。



07
几何抽象图标


几何抽象风格的本质就是用非常简单的几何图形去做图标,和2.5D完全相反,它需要营造一些抽象空间,才能更有吸引力和创造力。

上图的一组几何抽象图标,起初看可能不明白什么意思,但仔细观察一下,可以发现每个都有自己独特含义。

几何抽象图标,通常不会用一些生活熟悉的事物,而是会用一些抽象几何图形组合,通过色彩叠加组合,渐变颜色的合理运用,形成一些空间感。这类图标在LOGO设计里也非常受欢迎。今年大家如果做品牌设计的话,可以大胆试试。


抽象图标设计的比较前卫、比较大胆,所以对用色要求比较高,配色一定要精致,有特色,特别是渐变的层次感要有。



08
2.5D图标


2.5D大家都不陌生,就是在扁平化风格下面,去创建立体的效果,让图形有3D感,但是相对于3D视觉会更轻一些。今年这个风格还会流行,并且在大量产品中会被用到。


设计师可以通过透视,色彩,投影加上形状工具去创建一个立体效果。可以用的场景还特别的广泛,背景图,占位空白图都可以运用。但是需要注意,2.5的图标也要注意细节,图标面积越小细节越少,如果图标面积越大,细节越丰富。如果图标很小,细节太多会显得很琐碎。

2023 年最新的图标设计趋势在这里将设计师的想象力推向新的高度。他们创造了不切实际、梦幻般的环境,让你沉浸在一个全新的现实中——一个如此神秘和迷人的世界,从第一眼就唤醒了观者的好奇心,并激发了一个人自然的探索欲望。

如果您认为世界上已经有足够的疯狂,那么我们相信我们能做的最好的事情就是将这种疯狂转化为对他人富有成效和鼓舞人心的事情。这就是 2023 年图标设计趋势介入的地方!

(免责声明: 以上内容整理自我们的设计日记、AncherUXD设计课堂原文链接:https://mp.weixin.qq.com/ssrc=11&timestamp=1676858138&ver=4361&signature=es3SpkDgbe2qDLMXCFgiaWITJYPiYTliVn7nerVpGvcpm9eW5R3T5XEVwycV--azAvEhqKlfCd6Pc*zNaKHU2Fg10SPZqNT7F6wEYwuxgjsKayfyhsmFVo8PmohtlBxz&new=1。版权归原作者所有部分图片来源于摄图网。本栏目转载系出于传递创意设计信息之目的,不保证所有信息的准确性、和完整性,请您在阅读、创作过程中自行确认,不代表本号的观点和立场,版权归原作者所有。若有侵权或异议请联系我们删除。)







-END-


▽延展阅读
ADM MORE

杭氧老厂房焕新升级,策展型商业让复合底色与创意活力相交织



2022ADM十周年

2022ADM十周年 | 所有的道别里,我最喜欢“明年见”

庆生 | 2022ADM十周年开展啦!


ADM街区版

ADM十周年×狮虎桥路

一起到闹中取静的后花园里放肆去嗨,ADM送你「高兴一夏夏」


ADM产品

▲ADM×原物三生,探求契合东方人的生活哲学

上新 | ADM十周年×大孚飞跃联名限定款帆布鞋上线啦!


本文来自微信公众号“ADM展会”(ID:hangzhouadm)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。