Find me on uplabs and dribbble
©2021 Chuanhu Du. All Rights Reserved.

Locked

Enter password to access full content

Wrong password
work. blog. about. contact.
Find me on uplabs and dribbble
©2021 Chuanhu Du. All Rights Reserved.
work blog about contact



保时捷视觉语言

Time

Services

Link

July 2020 — July 2021

Visual language define

none

在定义保时捷中国 App 结构,探索稳定可扩展的最佳产品形态的同时,还以「桌面研究、定义视觉传达层级、定义视觉语言、通过 Design system 将视觉语言落地」四个步骤定义了占领用户心智的品牌语言,搭建了保时捷产品视觉体系,以此为基础构建了保时捷中国 Design system,确保产品视觉设计的高效和统一。

保时捷中国 App 是为保时捷车主和喜爱保时捷的用户打造的一款聚焦智慧出行的生活平台,是用户和保时捷品牌及服务产生关联的最主要移动渠道。初始版本的保时捷 App 在产品和视觉层面上并未满足用户需求,也未很好的传递保时捷的品牌基因。基于此背景,我们需要在保时捷全球品牌基因的基础上定义一套属于保时捷中国移动产品的视觉语言。

根据我们对现存设计问题的理解,进行了关键决策人访谈、用户访谈(911&Panamera)、设计趋势分析和竞品视觉设计分析,再从保时捷品牌角度入手建立了保时捷数字产品价值传达层级模型。

▲ 整体的设计定义基于保时捷品牌,在此基础上进行探索和延展
▲ Porsche design values & Porsche design principles & Porsche design criteria
▲ Porsche design values

Porsche design values、Principle 和 Criteria 分别定义了保时捷设计要达到的目标(Recognizable、Easy 和 Emotional)、行为准则和评价标准。以此和其他保时捷 Branding 内容为基础,我们定义了保时捷数字产品价值传达模型。

▲ 保时捷数字产品所要传达价值的层级模型,从底层功能性向高层情感品牌精神和情感链接过渡

如上图所示,层级 1 所示内容体现为设计要满足的基础要求,有电车行业的科技属性和高级感,另外也有简洁高效的基础要求;层级 2 是能体现用户尊贵感和专享感的设计,让用户感知到在保时捷数字渠道中感受到了高品质的,有支配感的服务;层级 3 的内容定义了保时捷 App 相对于其他厂商的差异点,是独一无二的设计和品牌感,用户在这一层级满足的是关于保时捷的精神需求。

接下来时从关键词中筛选出可重点用于视觉表达的词汇(其余词汇的重点表达更偏向于交互或运营的方式)。

将关键词(Sport genes 赛道基因、Exclusive 专享、Exalted 尊贵、High tech 科技和 Premium 高级)整理成视觉表达的层级与比重并将其和 Porsche design values 对齐,以此作为视觉设计的标准:

将抽象的关键词转换为视觉层面的关键词,然后从保时捷素材库中提取对应的内容(加上少量额外补充),将转换后的视觉关键词做初步的视觉话对应和展示:

▲ Porsche keyvisual poster

将定义的视觉元素与 App 端的产品页面设计相结合,对现有产品中的页面进行优化,根据效果反馈进行进一步的调整和优化。

02 新视觉方向探索

在第一版视觉确定并沿用一段时间之后,我们发现了现有设计的一些问题,没有止步于当前设计,以虚拟平行项目的形式做了当前视觉语言的升级和全新视觉语言的探索。

首先还是基于保时捷的 Branding,对其关键词进行分解和重组:

▲ 根据关键词搭建情绪版
▲ 关键图像风格指导视觉设计风格

根据以上的所有定义出「PURE SPACE」的设计语言,通过轻量材质和光影的 3D 表现手法,结合其他平面视觉表达,传达出保时捷需要传达出的现代、简洁、科技、尊享和高端等等品牌关键词。

尝试采用3D渲染和动画的方式进行视觉表现:通过轻材质和光影的表达既能表现保时捷产品的高端质感,又能快速将用户和现实环境联系起来。

将渲染结果应用于实际产品页面中的效果:

另外,还对产品中出现的一些需要视觉表现的场景进行了重新设计,如空态插图的设计。通过对亮面、暗面和中间调的面积控制、投影对现实生活中衰减关系的模拟来达成一种轻量 3D 的观感。

通过规定透视框架和参考基线,保证绘制图形视觉面积和位置的统一性:

03 总结

在整个项目中,一直需要着重注意的就是继承保时捷全球设计语言和发展中国本地化设计语言的平衡,中国互联网市场和欧洲的差异比较大,我们也需要据此做一些适应和新的尝试。

©2021 Chuanhu Du. All Rights Reserved. All works Find me on github and codepen