赞助商
立即赞助

从零开始学!B 端产品图标绘制指南(创意篇)

UI设计3年前 (2021)更新 流光
2.3K 0 0

设师可能会觉得 B 端设少发挥空间。一产品风格严肃专业,不 C 端产品风格多种多样,可以调动起用户丰富细腻的绪;二用户关注本、效率、质、安全,非用户体验,公司愿意此投入的资源也限;三视觉的创新可能对用户习惯产冲击,造降低作效率甚至出错后果。

如此来,设计师很难以己力动创新。设计师不该任由客观条件禁锢、约束自己创造力,在夹缝也要努力生长。创造力,始终是设计师最核心竞争力。

本文总结的是在绘制 B 端图标之前,创发散阶段用的方法和巧,抛砖引玉,欢迎大家在留言讨论补充。

盘点和分类,居高临下整体把握

B 端因其覆盖的业类型多,操作链路长,角色权限复杂等性,图标种类多、数量大。因此建议大家先对图标进行盘点和类,从一个居高临下的角度获得整体上的把握。盘点类工作需要注以下点。

1. 遵循穷尽互斥则

即不遗漏、不重复则。类可以多个层,也可以多个维度。划理的类维度,需要计深入了解业,对抽象的专有名词刨根问底,并对未来可能扩充的内容做出预判。

2. 长期维护

产品是个生命体,迭代中随会出现业和功能模块的调整、新增、重组、并等变动,图标整理也不是一劳逸的,需要长期维护。推使用 Excel 等表格类软件或在线工来管理,便于队共享和协作,也有利于沉淀。

从草图开始,不要在意手绘技法

有些计的习惯是上就用脑画图。本该是创发散阶段,却从第一个图标开始就陷入细节的泥沼爬不出来,线条 1px 还是 2px 好?圆角是 4px 还是 8px?颜色要不要换一个?有投会不会更致?结果花了多间,却没有高效率高质量的产出。

有设计师得自己没有扎的绘画基础,对手绘草图敬而远之。其画草图不是为付给别人,而是设计师对头脑里一闪而的灵感想法的快速录。个录程包括横向的散对比,也包括纵向的推敲深化。所以尽管大胆落笔就,至草图表现形式是不是美观成熟,不要在意。

从零开始学!B 端产品图标绘制指南(创意篇)

△ 著名产品设计大师,深泽直人的草图

创意发散,方寸之间的头脑风暴

怎样为图标选取合适的形象?在创意散阶段,我一般混用下面几个套路。

1. 客观形象

是最直接的方法,图标形象在现生活中客观存在,抽象出整外观或者部分特征形态,也选取场中的代表物。

从零开始学!B 端产品图标绘制指南(创意篇)

△ 「购物车」选取手推车整外观,「仓库」选取场代表物「货架」

2. 隐喻

把抽象的概念,借以具物来表现。个难度大一,散的时要结合生活经验展开富的联想和类比。

从零开始学!B 端产品图标绘制指南(创意篇)

△ 用「雪花」类比「冻结」,用「警灯」类比「预警」

3. 抛开固化形象

是不是一说到主页,大家就联想到一座尖顶的房子?一说到搜索,就是放大镜?在创意散阶段,大家尽量尝试抛开已经固化的形象,释放自己的奇心,探索一下还有没有其他的能,刻意培自己的创造力。另外随着科技展技术更迭,一通用形象也在慢慢被淘汰,被代表新技术的形象取代。例存图标从原来的软盘形象变成云朵/箭头,密码图标从锁头或钥匙形象变成更富的形象。

从零开始学!B 端产品图标绘制指南(创意篇)

△ 存图标的进化

从零开始学!B 端产品图标绘制指南(创意篇)

△ 密码图标有更富的形象

这是鼓大必须要创意取代固形象。创的值是洞察问题本质,到更好的解决方案。在接来的方案筛阶,建议大还是择户接受的形象,而那些没有入的创意图形,已经实现了设计师升自己的值。

4. 组合元素

对于抽象、复杂、组合的概念,可组合元素来阐述含义和使场景。

从零开始学!B 端产品图标绘制指南(创意篇)

△ 「利息」是经过时间积累产生的或收益,「货押」体现货物和现金之间的转换系

从零开始学!B 端产品图标绘制指南(创意篇)

△ 「对公打款」使企账户转账,「人脸核身」通过面识别验证户身份

5. 直接字

这个方法简单粗暴了点,但在表达效果上是直接且准确的。

从零开始学!B 端产品图标绘制指南(创意篇)

△ 「包邮」图标、「正保证」图标

总结

  • 图标的征要足够鲜,容易被用户识别。
  • 在选取形象时,要还原使用场,贴合目标用户的心理模型。不同场下或不同目标受众看到同一形象,脑袋中映射到的能是不同物品。例消息框,在不同的场下能是消息、通、评论、留言等等。

从零开始学!B 端产品图标绘制指南(创意篇)

欢迎关注作者微信公众号:「能呆书房天」

从零开始学!B 端产品图标绘制指南(创意篇)

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本文根据笔者的心得体会,跟大家分享,产品经理工作中做数据埋点的一些经验和看法。 作为一名产品经理,你必然知道数据分析...
产品经理
大部分UI设计师面对B端产品设计都是唯恐避之不及的,那B端产品应该从哪些角度去切入设计? 对于很多设计师来说,遇上B端产品...
2b产品
在今天,互联网的影响力与作用与日俱增,除了我们日常生活领域的改变以外,对于商业领域的渗透也见效颇丰。 越来越多的企业...
B端
本文梳理和沉淀了腾讯出行的思考以及设计过程,便于项目后续在横向和纵向上复盘思考和凿山开路。建议初入职场的设计师多看看...
产品设计
目标导向设计,易说难做。本篇文章以滴滴为案例,分析了目标导向设计的重要性。 目标导向设计,以用户为中心设计这些设计师...
产品设计
通过对支付宝的研究与观察后,笔者看到了支付宝推出的一个「笔笔攒」功能,并对其中的用户体验细节进行了研究与分析。 支付...
产品细节
UI 设计师面试的终极杀手锏 前面写了面试我们要准备什么/ 如何在面试中秀出你的作品集,相信大家也感觉到想要获得最好的面试...
产品优化
编者按:这篇来自产品设计师 Eugen Eşanu 的文章解开了我长久以来的一个疑惑,其中的思考和经验值得我们共勉。结尾的 One mor...
Eugen Eşanu