提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
本文以 腾讯CoDesign 为案例,从视觉设计角度阐述生态工具产品发展过程中品牌与体验升级的设计方法与实践流程。以期为大家提供有价值、可参考的知识经验。
腾讯 CoDesign 诞生于2019年,最早以「设计云-工作台」的定位开始服务腾讯内部。在2020年从设计门户拆分为独立产品与品牌 CoDesign,并于同年开始对外服务。
在产品对外服务的过程中,产品一直在进行高速的产品能力与体验优化迭代,产品所服务的用户类型也在不断丰富。今年,CoDesign 为满足更多类型用户的协作与体验诉求,在产品资产管理结构与权限、数字资产管理能力上进行了大幅度的升级;以及设计云产品生态的逐渐成熟与对生态品牌运营的规划,都对 CoDesign 的品牌与体验有着迫切的升级诉求。
今年上半年,CoDesign 的品牌与体验升级的设计工作几乎在同一时间启动,品牌升级工作面临着多个挑战。
在与品牌团队、项目组多次沟通后,我们决定通过以下策略解决品牌升级所面临的挑战:
一、在一切设计启动前,我们需要让团队在 CoDesign 自身特质上达成一致的认知,以这个特质作为设计核心去辐射到团队各个层面的产出物。
二、抽取设计云子品牌视觉语言内可自定义视觉原子,将这些可自定义的视觉原子作为 CoDesign 特质的转译载体,同时也是具象的设计核心视觉延展方向。
三、为了构建具有差异化的品牌体验及更精准的表达 CoDesign,除了将 CoDesign 设计核心的视觉延展结果应用到品牌触点中。为了平衡 CoDesign 视觉统一性及推广视觉的自由度,我们决定梳理全量品牌触点,通过定位触点所需品牌声量及品牌亲密度的方式,明确品牌在该触点下的具体表现形式。
如同辅助设计系统搭建的原子设计(Atom Design),通过核心视觉原子辐射到整个设计系统的视觉设计层面。区别于相对具象的原子定义,团队认可的设计核心是相对抽象的。
因此,我们通过「人格化」的方式,将 CoDesign 团队设定为一个「人」,通过简单的双钻模型工作坊的形式挖掘团队所认可的的 CoDesign 愿景、驱动策略、价值观关键词。通过发散定义、合并表意方向、统一表达,最终得出团队所认可的设计核心价值观。并通过现场的可视觉化词汇转译,获得最终的设计核心(Design DNA):连接、多元、轻盈、包容。
设计云子品牌体系在设计过程中尝试了多种形体构成形式,最终确立了以倾斜像素结合产品首字母的形式构成子品牌标识。在该规则下,我们通过对有定义空间的视觉原子对设计核心(Design DNA)进行转译,明确 CoDesign 对品牌造型及色彩的具象需求,以获得最贴近诉求的品牌标识方案。
在 CoDesign 新品牌标识完成后,我们基于品牌概念触点及关键运营触点矩阵进行了延展尝试,获得了初期的延展方案。
我们将初期延展方案经过一段时间的测试应用后,我们在具体的触点中还需要更为丰富及多变的品牌渗透形式。因此,我们将全量实际使用的品牌触点进行进一步拆分,带入到声量象限中定位,以明确它们最终需要包含的必要品牌元素及非要品牌元素的优先级。
为了满足每一个象限对于品牌应用诉求的差异性,我们再次通过视觉表现维度对设计核心(Design DNA)进行进一步转译,对品牌进行更丰富的延展,并规划对应延展元素的使用环境。
以下为 CoDesign 品牌视觉延展方案:
CoDesign 广告
CoDesign 官网
CoDesign 公众号
CoDesign 产品界面
品牌资产是团队内资产也是企业资产。在企业范围内,我们将标准品牌规范及资源包开源至「设计云-VI.OA.COM」提供给企业内部使用。在团队范围内,我们将具体应用文件通过「CoDesign-素材」进行聚合,方便设计师在生产环境下直接通过 CoDesign 插件对品牌资产进行拖拽调用,省去下载、导入环节。
在品牌延展方案设计过程中,我们尽可能地将可标准化的运营物料框架进行模板化,但 CoDesign 很大占比的内容是围绕功能阐述与推广主题的。为了更高效地传达功能概念,我们无法避免地需要去基于具体功能进行视觉演绎。
CoDesign 公众号封面
通过设计执行的验证,我们将设计内容分为:标准、定制两类,以明确这些设计在每一个运营物料中的复用关系及延展方式。
以上内容是基于 CoDesign 品牌构建与应用过程中的一些关键策略及执行思路,品牌设计及表达很多时候是更为感性的、主观的。因此,很多时候品牌在推进过程中较大的阻碍是来源于不同决策方的共识与审美差异,CoDesign 在进行本次更新的过程中,在同一团队共识、明确具象需求方面投入了更多的精力,让更具有共时、更清晰具象的视觉诉求落地到方案中。一切的一切都是让品牌更精准、更高效、更完善地落地。特此,献给每一位需要平衡各方诉求及审美差异的设计友人。
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册