图标是UI设计中极为重要的一个环节,我们在做每个界面的设计几乎都会涉及到图标的表达,出色的图标设计可以让界面表达更加精致、有趣。(戳此参阅UI中的图标设计原则)

随着矢量格式与高分屏的普及,对图标字体的精细度与视觉匹配度也有了更高的要求,这对设计师来说也是一个不小的考验。本篇文章Pixso将分享几组超然的图标设计案例,并拆解出其中的图标设计实用技巧,希望对你在绘图标方面有帮助。

火遍全网的表情包图标

火遍全网的表情包图标

火遍全网的表情包图标

(来源:Pixso社区资源emoji组件)

随着移动设备激增,零工经济迅速发展,远程工作开始兴起。在疫情的影响下,几乎每个人都成了远程工作者。表情符号与我们一道稳步发展,成为鲜活和丰富情感的必要交流工具。

这是一组来自Pixso社区资源的emoji组件图标,整套图标色彩与大家熟知的微信表情包颜色一致,画风有趣可爱,很吸引人注意。通过全面利用特定的眼睛、嘴巴和头部形状,Pixso创建了一套统一的面部特征,可以缩放,同时保持一致的外观和感觉。

3D形态的食物图标

3D形态的食物图标

(来源:Pixso社区资源3D食物图标)

以上是一组来自Pixso社区资源3D食物图标设计案例,我们选择了3D设计而不是2D设计,并选择了让大多数食物动画化。平平无奇的食物图标经过3D处理后,增添了几分趣味性。同时,丰富艳丽的色彩看起来更加可口。如果你还没有发现3D图标的美感,那可以与下面的扁平线性水果图标做一个对比。

Pixso社区资源系列水果图标

(来源:Pixso社区资源系列水果图标)

当然,扁平化线性图标也有其优点——极简风。但两者对来看,3D食物图标视觉上更吸引人。

视觉统一的爱心类图标

Pixso社区资源爱心类图标
Pixso社区资源爱心类图标

(来源:Pixso社区资源爱心类图标)

这是一组来自Pixso社区资源爱心类图标设计案例,整套图标围绕“爱心”展开。将“爱心”元素巧妙地应用到了不同的场景、物品、装饰上,视觉风格及其统一。虽然是线性绘制的图标,在视觉上却很“饱满”。配色方面也很协调,强烈推荐大家赶快去免费下载使用吧!相信它一定会给你的设计增添一抹色彩!

实用的基础图标

•常用基础图标

常用基础图标

•Material Design图标库

Material Design图标库
Material Design图标库

•高级社交类图标

高级社交类图标

•iOS图标

iOS图标
iOS图标

以上是几组来自Pixso社区资源的图标设计案例,都是实用性极高的几组图标。除此之外,Pixso社区资源库还新上了Atomicons图标库、Edit类图标、医疗类图标、彩色基础图标、天气图标、立体图标等大量的图标资源。Pixso社区资源库里的所有图标资源均可一键免费使用,赶快打开Pixso社区资源来找点图标灵感吧!

规范的国旗图标

规范的国旗图标

(来源:Pixso社区资源国旗图标)

Pixso社区资源还新上了规范的国旗图标,整套图标以圆形为基础进行设计,色彩值规范且统一,需要用到的小伙伴可以免费使用!

3D办公类图标

3D办公类图标

3D风格的图标应用性很广泛,这是一套来自Pixso社区资源的3D办公类图标。整套图标以浅蓝色为主,办公物品加上3D形态后,更具有立体感。

看完这些精致的、色彩超燃的图标,有没有UI设计大片的既视感呢?以上图标均来自Pixso社区资源,感兴趣的小伙伴可以打开Pixso免费下载使用。在看的过程中,要学会去分析优秀的图标,并用到自己的设计中。

Pixso

图标的绘制并不是一个繁重的任务,只要找对方法或了解背后图形原理,大家都能在方寸之间的设计中找到不一样的精彩。对于图标设计本身,最重要的还是要保持练习,赶快打开Pixso开启你的图标设计之旅吧!