2021年

互联网公司的迅速发展正在推动着整个软件行业的审美革命，在 C 端产品市场逐渐饱和的情况下，互联网公司都开始加大B端产品的产出。B端逐渐开始竞争激烈，所以“B 端 C 端化”的设计理念也应运而生。

项目背景

B端产品给人带来的印象往往是觉得它们比较枯燥、呆板的，猎聘B端也是如此，不过我们的用户群体在逐渐年轻化，由于互联网的迅速发展，使得人们每天都在各种软件中工作，并且在快速迭代的产品中慢慢变得挑剔、谨慎。所以我们想让用户看到一些情感化的设计方向尝试，并且希望达到一些比较好的效果。

在猎聘B端中“我的”界面是视觉表现最多的界面，而运营位图标入口在“我的”界面中也占有非常强的视觉比重，所以运营位图标就成为情感化制定的主要元素。

产品目标

1.提升运营位入口整体点击率  2.强调重点运营活动入口  3.希望图标可以更有活力一些

旧版分析

1.配色单一  2.重点运营活动样式与其他入口样式未区分  3.图标风格老旧

▲旧版样式

——————————

优化思路 | Thinking

配色

从纯色改为渐变色，渐变色能在一个色彩倾向中产生更多的色彩可能，相比纯色更丰富、更多元，同时也让配色更加年轻化。

▲配色搭配

图形

对旧版icon的图形进行分析，发现有很多设计问题，并优化了图形样式让表意更明确。

▲细节优化

▲图形优化

质感

采用了毛玻璃与光泽的质感给图形赋予高级感与呼吸感，给用户带来更加极致的视觉体验与想象的空间。也更容易在短时间吸引用户。

▲图形优化

动态

在重点运营活动图标加入动态效果，让图标赋予生命力，带来更加生动的视觉冲击力，让界面的层级关系更加清晰的同时与用户产生情感共鸣，从而提升入口转化。

▲猎聘10周年入口动态效果（标签+图标动态）▲邀请同行入口动态效果（标签+图标动态）

动态实现

由GIF实现转变为Lottie实现。减少文件大小，而且Lottie不受帧数限制，可以尽享丝滑～

——————————

总结 | Summary

图标升级后为猎聘的B端设计语言奠定了基础，让猎聘更加向年轻化的设计方向发展。

同时数据也带来了非常显著的提升~具体数据就不公开了。

感谢阅读，以上是对运营位图标优化的复盘，会继续在图标领域探索，一步步提升自己的能力，同时也希望对你们以后绘制图标带来帮助~

Powered by Froala Editor