视觉设计 » 怎样打造年轻化设计语言?赶集网APP UI 2.0设计升级

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

发表于: 视觉设计. 评论
Sponsor

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

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

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

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

01、设计目标拆解

触底

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

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

触发

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

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

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

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

触动

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

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

02、设计方案

驱动与价值

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

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

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

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

设计打法

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

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

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

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

视觉结构重组

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

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

超级符号推演过程

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

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

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

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

03 写在最后

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

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }