广告位

您现在的位置是:主页 > 设计 >

「百度健康」插画体系设计探索与应用

2020-10-09 19:20设计 人已围观

简介编辑导读:萌萌的插画在产品设计中可以起到塑造形象、拉近品牌与用户的距离、建立共鸣的作用。具体应该如何应用呢?本文以百度健康为例,围绕品牌权威感知目标,从产品体验、...

编辑导读:萌萌的插画在产品设计中可以起到塑造形象、拉近品牌与用户的距离、建立共鸣的作用。具体应该如何应用呢?本文以百度健康为例,围绕品牌权威感知目标,从产品体验、设计推导、系统应用三个方面展开分析,与你分享。

「百度健康」插画体系设计探索与应用

插画体系是百度健康品牌感设计的重要组成,通过塑造权威、可信、知识型的医生形象,在日常运营和产品界面中渗透,是品牌初期有效和用户拉近距离、建立心智及情感共鸣的设计手段。

本文围绕品牌权威感知目标,结合产品体验、设计推导、系统应用三个方面展开了分析,与大家分享。一、产品体验百度健康向用户提供的内容和产品服务,不论医典健康知识,还是问诊、挂号,用户都会以“专业性”决定口碑和品牌形象,这是医疗品牌设计中的“差异性”所在。

而建立一套“权威、亲民、可信赖”的专家形象体系,可以有效解决品牌初期的设计问题:医生形象短缺(真实照片涉及肖像权、医生等级、排序等敏感话题)风格不一、职能形象不全的混乱进而得到以下改观:品牌性统一、风格统一、并拓展医生职能角色提升设计效率、建立素材库辅助品牌传播过程中建立用户感知、情感共鸣「百度健康」插画体系设计探索与应用

「百度健康」插画体系设计探索与应用二、设计推导基于对产品用户特征和诉求的分析,再结合3W原则,即What(在做什么)、Who(目标用户是谁)、Where(使用场景是什么)脑暴制作出情绪版,再拆解分析关键词,推导出插画组件库的设计风格和体系。

「百度健康」插画体系设计探索与应用

根据对业务的理解,确定出权威、亲民、品质、可信赖的品牌风格定位;根据用户人群以及内容表现确定出专业、热情、自信、开朗的人物特点。根据产品定位,加强用户对品牌的感知度,并引起共鸣。

插画系统从根本上是为了满足业务的需求,根据对业务的分析和业务方调研,对于设计需求中使用频率较高的元素进行了整理和归纳,总结出插画系统的构成分为以下几个部分:

「百度健康」插画体系设计探索与应用

人物是插画系统中最重要的元素,首先是对人物大体结构进行设定,以此为依据进行接下来的组件化设计制作。

「百度健康」插画体系设计探索与应用

制定好基本的结构,设计出人物的三维视图,多方位展示人物效果。

「百度健康」插画体系设计探索与应用

「百度健康」插画体系设计探索与应用

赋予人物动作,从草图到线稿最后上色,基本确立人物的权威形象。任务设计轻量和友好,动作尽量简单、易懂。有较强的延展复用性,用人物形象直观展示产品属性。

「百度健康」插画体系设计探索与应用

「百度健康」插画体系设计探索与应用

「百度健康」插画体系设计探索与应用

采用情感化设计,从用户角度出发,根据产品属性进行人物延展设定,拓展人物形象为男医生、女医生,性格专业、权威、自信、严谨;男护士、女护士,性格亲切、热情、阳光。

「百度健康」插画体系设计探索与应用三、系统应用插画体系的应用范围十分广泛,从视觉设计到 UI 设计,从线上到线下都可以进行使用。这里选取了插画体系的几类应用案例进行展示。

案例一:banner上的使用

一图胜千言,插画在banner上的使用可以将情感化应用到实际项目中,帮助用户快速了解banner传达的信息,建立情感共鸣。

「百度健康」插画体系设计探索与应用

案例二:引导页上的使用

在引导页上的应用给用户丰富新鲜的视觉感受,增加了权威的品牌感知,取得了良好的传播效果。

「百度健康」插画体系设计探索与应用

「百度健康」插画体系设计探索与应用

案例三:开屏上的使用

形象灵活运用在运营活动弹窗上,根据不同的主题搭建场景,通过人物形象增加品牌记忆点,提升用户参与活动的欲望。

「百度健康」插画体系设计探索与应用

「百度健康」插画体系设计探索与应用四、结语在瞬息万变的互联网大环境下,设计的高效性显的尤为重要。插画体系在品牌一致性的基础上满足了业务迫切的效率需求,大幅提高沟通效率,强化权威的品牌感知。

感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。

 

给作者打赏,鼓励TA抓紧创作!赞赏

广告位
    广告位
    广告位

站点信息

  • 文章统计18029篇文章
  • 寻求报道:86345@qq.com
  • 微信:扫描二维码,关注我们