江苏龙网

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

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


本文插图

使用3D图标时 ， 需要注意的是：
（1）不要混合使用等距图标和3D图标 。
|9种醒目的图标样式，提升用户体验
本文插图

（2）内容丰富的图标应该足够大 ， 以便于识别
|9种醒目的图标样式，提升用户体验
本文插图

06 极简插图
这种形式很容易创建 ， 适用于任何网站或者产品 。
|9种醒目的图标样式，提升用户体验
本文插图

避免使用过于通用的图形模板 ， 容易导致信息的关联性出现问题 。
|9种醒目的图标样式，提升用户体验
本文插图

07 面性图标
这可能是使用最广泛的样式 。 设计这类图标最大的挑战不仅是要支持想法 ， 还要以令人愉快和独特的外观为产品增加价值 。
|9种醒目的图标样式，提升用户体验
本文插图

当然也可以利用动效 ， 增加用户的点击率 。
|9种醒目的图标样式，提升用户体验
本文插图

08 补充内容的图标
如果大多数用户发现将图标与描述连接起来很容易 ， 而且图标对他们来说很有价值 ， 说明设计就走上了正确的方向 。 使图标变得有趣或情感化将提高整体的体验 。
|9种醒目的图标样式，提升用户体验
本文插图

不要让别人去猜测你想用这个图标说明什么 。 图标应该是绝对清晰的 ， 不存在双重理解的空间 。
09 自定义图标
这类图标可能并不适合所有业务 ， 但某些特定的品牌会认识到它们的作用 。
绘制这样的图标需要一定的技能 。 可以尝试使用Photoshop或Illustrator插件将图片转换为草稿的方式来节省一些设计时间 。
|9种醒目的图标样式，提升用户体验
本文插图

例如下面的图标 ， 每个图标都展现出各自的特点和差异性 ， 同时又保持了统一的弯曲样式 。
|9种醒目的图标样式，提升用户体验
本文插图

【|9种醒目的图标样式，提升用户体验】看了这么多的图标样式 ， 你是否对图标设计有了更深一步的认识呢？图标不是体验中多余的部分 ， 它本身就是一种独特的体验 。
原文：https://uxplanet.org/9-catchy-icon-styles-to-kill-it-in-your-next-project-618f952cfc83
作者：Mary Borysova
译者：Clippp ， 微信公众号：Clip设计夹 。 每周精选设计文章 ， 专注分享关于产品、交互、UI视觉上的设计思考 。
本文由 @Clippp 翻译发布于人人都是产品经理 ， 未经作者许可 ， 禁止转载 。
题图来自 Pixabay ， 基于 CC0 协议


推荐阅读


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

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