怎样打造年轻化设计语言？赶集网APP UI 2.0设计升级

1月 1, 2022 发表于: 视觉设计. 评论

前言：当UI视觉已经做到极致时，设计师接下来考虑的就是品牌的形象，如果把品牌的DNA融入到界面，如果通过视觉向用户沟通、并将品牌融入到用户的心中？赶集网APP UI 2.0设计升级，我们一起来探讨学习吧。

赶集网，是扎根于招聘赛道的老牌选手，深入招聘市场数十年有余。无论是从市场维度，亦或是用户口碑，都取得了广泛认可。考虑到新阶段下的市场升级，赶集为能更深入地服务用户、提供更良好的使用场景，既为现有用户优化更尽善的体验、同时也想拥抱更年轻的新用户，在此前提下发起了改版的决心。

随着95后在职场的崛起，各行各业的用户画像逐步向年轻化迈进。招聘平台开始对年轻化的属性与喜好进行深度探索，赶集也不例外。因此，此次赶集视觉升级围绕“年轻化、优选职位”的方向发散，此方向也成为产品形态的重点方向。设计师将通过提升品牌温度，从而提高产品影响力的发力点，来树立更良性的品牌效应。

01、设计目标拆解

所有的设计语言，都是服务于业务的顶层战略发展。因此对于此次视觉升级，我们以更跳脱的方式去解题，通过竞品分析、用户访谈、组内外脑暴、服务保障等多个角度来解析赶集与用户之间的底层逻辑，并致力达成一个目标——“结合优选职位，打造一款年轻化、具有高品质的新设计语言体系”。

触发

底层基础决定上层建筑，想推动整个设计语言的升级，进而推动整个业务先配改动，就需要有充分的设计理由和逻辑基础。在此期间，设计师通过前期行业现状的分析，到调研及方案的解析，担当起了为项目团队掌舵航向的角色。最终通过全部项目组的力量，驱动此次设计升级。

在此期间，设计小组内部经历了N次小组会议，用研产出了：1份真的视觉调研报告，从基础需求、加分需求、溢价需求进行用户分析；设计产出了：8份视觉语言探索、12份设计提案、以及若干设计符号的构思。

触动

随着用户画像的逐渐清晰，以及方案的探索与深入，设计方向聚焦于几大关键词：“年轻化”“优选”“有温度”。同时在呼应三个触点：“潜在动力”、“内在优势”、“影响力”。

02、设计方案

驱动与价值

我们尝试在年轻受众群的潜在需求中做解析，通过研究了解到：“有颜值”、“个性独立”、“成就感”、“情感化”是年轻用户的驱动内核。

在设计价值方面，我们通过设计抓手与用户心智两条路线进行。设计抓手旨在考虑设计对用户的吸引度、易理解度、易用性及效率；用户心智旨在测试用户的满意度、费力度、推荐度以及忠诚度。

设计打法

颜色：作为视觉触达最快的元素，颜色对于用户的感知度是最具感染力的。一个看似简单的绿色，也有冷暖之分。我们不断地调试最适用于赶集的色温色值，意在充满年轻活力及怀揣友好。过深则不通透、过浅则肤浅。因此新颜色在色环上以原色为起点，逆时针旋转20度，取同色相更有活力的色值，同时对品牌辅助色进行了拓展，使颜色体系更具包容性。

空间屏效：随着APP体量及功能的扩充，本次升级中，如何做减法也是设计师聚焦去思考的问题。以大类页为例，整个页面节奏用轻重缓急的视觉手法去呈现信息，从前置品牌印象，到多形态的展示，并结合用户视觉动线，让首页金刚区与瓷片区的组合更直观，更高效地透传内容。

视觉结构重组

超级符号：招聘对用户的价值属性，本质在于搭建企业与求职者的沟通桥梁。沟通是一种信息传递、一种情感表达，讲究方圆之间的分寸。我们制定规则，但不局限于规则，我们崇尚包容，但仍有规可循。它象征新的符号，也象征新的开始。设计师用各种形态来演绎超级符号，并以视觉锤的形式，运用到界面当中，大到启动页，小到用户头像，都有超级符号的延伸，不断传递出赶集网的品牌理念。

超级符号推演过程

情感化：一个品牌就像一个人物，有其自身的情感与气质。情感化的设计也是我们最具初心的设计出发点，或一种色彩、或一段文字、或一个符号，都可能成为四两拨千金的共鸣技巧。所以在人脉圈展示及空状态的展示情况下，巧用了多种插画形式，缓解用户在等待成本中的焦虑，让整个体验更有温度。

组件化：对于大批量的优化及视觉修改，用组件化的方式去思考问题，问题往往可减半。建立资源位设计规范组件库，也是提效的最好方式。所以，在完成设计方案的第一时间，我们就对组件库进行优化完善，确保让全新的组件在日后得以覆盖及使用。

03 写在最后

此次设计升级中，不论从项目主体的大语言、还是设计产品的小语言、亦或是生态体系，终尽力做好了传达企业文化及价值观这一根本要事。于方圆雕琢之间，于排解问题之间，于丰富完善之间，为用户提供了全新的视觉体验。在用户与企业之间，以沟通为平衡点，提取新阶段的超级符号，将服务用户的决心融入到每个赶集人的心目中。

赞助商链接