江苏龙网

  1. 首页 > 资讯 > 科技 > >

|9种醒目的图标样式，提升用户体验


一般来说 ， 图标服务于更实用的目的 ， 适合描述非常具体的概念 ， 而插图使用隐喻和叙述来描绘大的主题概念 。 本文作者分享了一些细致的图标 ， 风格多种多样 ， 有的可以当作插图使用 ， 一起来它们看看如何提升用户体验 。
|9种醒目的图标样式，提升用户体验
本文插图

01 线性图标
通常 ， 1-3px的深色描边或者单色的拼贴 ， 可以让图标更醒目 。
这类图标使网站看起来优雅 ， 几乎适合任何样式 。 比如一些较大且内容详细的图标 。
|9种醒目的图标样式，提升用户体验
本文插图

或者一些小而美的图标 。
|9种醒目的图标样式，提升用户体验
本文插图

如果想让用户点击这类看似简单的图标 ， 最好的方法就是让图标动起来 ， 吸引用户的注意力 。
|9种醒目的图标样式，提升用户体验
本文插图

也可以添加一些有意思的交互动效 ， 增加图标的趣味性 。
|9种醒目的图标样式，提升用户体验
本文插图

看看下面这组图标的问题 ， 我们可以将它做得更好：

  • 使用相同的视角 。 不能有的图标使用单点透视 ， 有的却使用两点透视 ， 造成角度不统一 。
  • 检查图标的详细度 。 不要造成一些图标很简单 ， 有的却设计的很复杂 。
  • 注意图标的大小排版 。 有些图标在视觉上可能需要占据更多的空间 ， 控制好图标的比例 。

|9种醒目的图标样式，提升用户体验
本文插图

02 线面图标
统一的线条搭配明亮的颜色 ， 让这类图标看起来像是一个个简洁友好的插图：
|9种醒目的图标样式，提升用户体验
本文插图

添加明亮的颜色 ， 可以为极简的图标增加丰富性 ， 颜色的统一为图标带来标准性 。
|9种醒目的图标样式，提升用户体验
本文插图

03 等距图标
设计等距插图可能会花费很长时间 ， 但结果往往是很值得的 ， 这种样式有很强的表现力 。 无论是模仿现实的场景 ， 还是创造一个虚拟的立体世界 ， 都可以用等距插图的形式展示出来 。
|9种醒目的图标样式，提升用户体验
本文插图

另外很多公司在遵循相同的样式创建等距插图 ， 为用户带来整体统一的体验 。
|9种醒目的图标样式，提升用户体验
本文插图

04 抽象的简约图标
如果只有简单的直线和曲线 ， 没有多余的文字 ， 我们可能很难理解图标的含义 。 但同时 ， 我们又很难忽视这类图标——它如此不规则 ， 太过大胆而且引人注目 。
|9种醒目的图标样式，提升用户体验
本文插图

05 3D图标
3D图标作为一种非同寻常的样式来表达某种设计想法 ， 在创建起来并不是很复杂 。 3D图标搭配简单明亮的纯色 ， 就能展示出令人惊叹的效果 。
|9种醒目的图标样式，提升用户体验
本文插图

3D图标丰富的细节能更好地体现一些设计想法和产品表现力 。
|9种醒目的图标样式，提升用户体验


推荐阅读


上一篇：Mate40|华为Mate40 Pro或采用隐藏式人脸识别；苹果正测试可运行macOS的新iPhone

下一篇：口罩哈尔滨地铁首发戴口罩刷脸乘车，智元汇助力冰城零接触防疫