酷家乐线上视觉设计原则

酷家乐线上视觉设计原则



背景




酷家乐线上视觉设计原则


因品牌形象战略调整,目前品牌调性固化,青年设计师为主的用户,设计价值重申迫在眉睫。在线上视觉层面也应配合公司战略方向优化升级,助力品牌心智完成在设计师侧的刻板印象扭转和心智打造。


调研阶段




明确目标之后,我们开始对线上视觉的现状问题从多个维度开始诊断。对内主要手段是向公司各个职能部门的同学进行信息收集、焦点访谈、查阅过往沉淀的调研报告,并得出相应的关键结论并对其进行问题优化。对外是搜集现在市面上与酷家乐同领域的竞品以及互联网行业的头部品牌对其进行视觉分析,寻找我们与其他品牌的差异化及达成目标的方向


对内


酷家乐线上视觉设计原则


对外


调研品牌关键词:大家居、互联网行业、工具产品、b端

品牌清单:Autodesk、阿里云、钉钉、滴滴


*具有对比性、以及有在发力品牌视觉体系



行业头部品牌


有明确的视觉风格并在各个渠道传播时严格遵守,整体品牌形象专业切符合当下的设计审美趋势、具有高度的品牌美感


酷家乐线上视觉设计原则


阿里云:简洁的科技感,和大部分tob企业对比整个视觉设计明显更入时且符合当下潮流趋势 


钉钉:和阿里云同属阿里巴巴旗下,产品覆盖面相对阿里云更加大众,其视觉风格也相对更加年轻


酷家乐线上视觉设计原则


Autodesk:工具产品类顶级品牌,官网给出了整个品牌在各种不同情况下的细致规范。简洁、克制且专业


滴滴:虽然不属于工具也不属于tob领域,但整体的视觉体系凸显出的专业感、统一感同样值得我们学习



关于差异化





酷家乐线上视觉设计原则


差异化是通过一整个系统体现的,而不是一个单点。在视觉设计层面常见的误区是,很多人认为差异化就是“色彩”、“排版”、“字体”等单点的视觉元素,而这些只不过是一个成熟品牌视觉体系中的冰山一角。细化的去建立我们品牌视觉的系统性,是我们与竞品产生差异化且领先于他们的主要方式


酷家乐线上视觉设计原则


设计原则



酷家乐线上视觉设计原则


色彩应用区域




色彩应用区域规范,强调中轻色调来体现冷静、专业感。我们放弃高饱和度吸睛的颜色也是为了更贴近建筑、家居、空间给人的感觉


酷家乐线上视觉设计原则


色彩配色方式




酷家乐线上视觉设计原则


行业辅助图形




酷家乐线上视觉设计原则

网格构成



网格在主站资源位中三个较有代表性的画幅比例下的显示情况

酷家乐线上视觉设计原则

酷家乐线上视觉设计原则

工具功能类的推广投放量非常巨大,所以也是酷家乐广告语言需要多元化的原因,只有一套风格设定,不能满足推广需求,轻3D质感设计和严谨简约的设计风格是专门为工具功能方向打造的视觉方向。

酷家乐线上视觉设计原则

图形的应用遵循虚实结合的设计方法,为了满足需求的多样性,有以下3种应用的方式:1: 3D立体插画和2D图形的结合应用,2: 配图中线面组合式视觉表现,3:文字和图形的搭配使用。
酷家乐线上视觉设计原则
常规场景下图形圆角需根据比例规范来进行设计,向用户传达平台的专业、严谨的视觉体验,削弱稚嫩感的传达。在特殊场景中需传达不一样的情绪感受可以根据实际情况调整圆角比例。

酷家乐线上视觉设计原则

实际运用



酷家乐线上视觉设计原则

酷家乐线上视觉设计原则

酷家乐线上视觉设计原则

风格情绪版



酷家乐线上视觉设计原则
*图片源于网络

在设计师侧的视觉对外输出考虑到整个用户群体及平台属性,我们将板式、空间、人文三个关键词作为情绪版的发散对整体的视觉进行方向梳理与规划。在整体调性不发生变化的同时增加了针对设计师的人文情怀

人群分层




酷家乐线上视觉设计原则

前期与运营同学进行访谈时,提出了需要对不同阶段的设计师人群进行视觉层面的分层,让其产生差异化的需求。围绕此点我们将平台设计师用户分为新手设计师、中级设计师和行业大咖三个阶段,再在中级设计师和行业大咖的传播物料中做重点的区分。(新手设计师基本没有物料投放的应用场景不在此进行差异化)


基础装饰元素



仅为示例,实际情况可按照原则延伸更多


酷家乐线上视觉设计原则

使用示例



酷家乐线上视觉设计原则

背景 + 文字 + 主体图片,将网格作为背景视觉中的装饰元素来呈现秩序感,并根据不同的使用场景层级组合不同的辅助图形元素

酷家乐线上视觉设计原则

非基础模版



酷家乐线上视觉设计原则

酷家乐线上视觉设计原则

不规则图形组合+图片素材+文字排版,用于非可模版化专题

网页模版





酷家乐线上视觉设计原则

结尾



荣格心理学中曾说到“美学从性质上来说,应该属于应用心理学,它不仅能对事物的审美属性进行处理,而且还能对审美态度的心理问题进行处理。”如何给酷家乐这么一家科技感十足的公司披上有温度又不失专业的美学外衣,面对不同的产品类型给出不同的解法是此项目最大的难点。既能体现工具品牌的专业信赖感,也能给设计师用户群体带来视觉上的认同感,科技+人文的结合是我们给出的解法。

2020酷+大会的项目分享正在准备进行中。后续我们将进行发布,向大家展示今年的大会又产出了什么有好玩的新东西,尽情期待。


thanks for watching :)


文章:小夫、皮特
图片:小夫、皮特、九里、蛋白
设计团队:小夫、皮特、柚子、九里、蛋白


酷家乐线上视觉设计原则

本篇文章来源于微信公众号: 群核科技用户体验设计

UI/UX

JELLY FLAG OF「…」| 第八季

2020-12-15 16:30:00

UI/UX

CDC夜校|第十四期开课啦,快来报名吧

2020-12-16 14:12:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索