B端体验设计——如何制定产品视觉风格

冰峰 2023-12-20 15:49:04

前言：

今天读《B端体验设计：企业级视角的系统化方法》第二章；视觉模型——制定产品视觉风格。

一、品牌个性

当我们听到“今年过节不收礼，收礼只收脑白金！”的时候，脑白金保健品的品牌形象——老头、老太婆立刻浮现在脑海中。

这个广告通过充满魔幻色彩的表现方式非常让人深刻，成功地占据了观众的认知。

同样，奢侈品品牌如Gucci、Dior和Chanel，也成功地在人们的心智中留下了深刻的烙印。

提到这些品牌，人们可能会想到高级时尚、奢华、品质以及巴黎这个时尚之都。这些品牌通过多年的品牌塑造和营销活动，成功地将自己与特定的价值观和情感联系在一起。

所以，品牌个性是指品牌所传达的独特特质和性格。它包括品牌的核心价值观、使命和愿景，以及品牌在目标受众心中建立的情感联系。

在B端设计中，打造自己的品牌是至关重要的，因为这可以帮助企业在竞争激烈的市场中脱颖而出，赢得客户的信任和忠诚。

以下是一些方法和策略，可以帮助企业在B端设计中建立独特的品牌形象：

产品属性的一致性： 品牌的属性应该与产品的性质和定位一致。例如，如果你的产品定位为高端、高质量，那么品牌的形象和声誉也应与之一致。Disney作为一个合家欢品牌，坚持制作适合所有年龄段的内容，这与其品牌属性一致。在B端设计中，确保产品、服务和品牌的属性保持一致，以建立清晰的品牌形象。
差异化和特色： 了解竞争对手的属性和市场定位，并找到自己的差异化要素。在竞争激烈的B端市场中，特色是吸引客户的重要方式。举例来说，QQ和微信都是社交产品，但它们各自具有不同的特点和用户基础。QQ年轻化、新锐，而微信则更稳重、中规中矩。这种差异化有助于吸引不同类型的用户。在B端设计中，找到自己的特色，并通过品牌传达出来。
满足客户期待： 了解客户的期待和需求，并将其纳入品牌建设中。客户期待是品牌打造中的关键要素。以特斯拉为例，它的用户期待是高端、科技、智能车。特斯拉的产品和服务设计都符合这些期待，从而建立了高端科技品牌形象。在B端设计中，确保产品和服务满足客户的期待，这将有助于树立行业身份并赢得客户的信任。

二、品牌风格

品牌风格是品牌在视觉和感知层面的表现方式。品牌风格是用户对品牌的第一印象，也是品牌的视觉识别特征。

正如苹果公司一样，通过产品外观的高度辨识度而脱颖而出，即使没有标志也可以辨认出来。

要打造具有独特品牌风格，可以采取以下步骤：

情绪板： 作为头脑风暴的视觉参考工具，以确定设计方向和主题风格。
跟随设计趋势： 品牌设计需要与时俱进。设计趋势随时间变化，从拟物化到扁平设计，再到轻拟物和毛玻璃风格，每个时代都有其特点。品牌应该适应这些趋势，以保持现代感。
色彩选择： 色彩在品牌设计中具有极大的影响力。不同的色彩传达不同的情感和信息。跟随当代的色彩趋势，同时也考虑品牌的独特性。黑白灰色是经久不衰的经典选择，但也可以加入少量鲜艳色彩来吸引用户眼球。

三、设计规范、定义资产风格

1. 设计规范

设计规范是设计体系的一个重要的指标，犹如北斗星指标一样，这个与设计风格、设计理念一脉相承。设计规范是基石，是为了确保一致性的重要手段，极大改善了用户体验。

举例：当用户进行下一步操作的时候，下一步按钮永远出现在右侧，上一步出现在左侧，而不是左侧是下一步，右侧是上一步，这是符合大脑认知的，用户使用就非常简单且熟悉。

2. 设计体系

设计体系是一种设计方法和工具，旨在帮助组织和团队创建一致性、可重用性和可维护性的数字产品和服务。

在B端设计体系中，更是站在企业全局视角来审视产品体验设计如何构建的方法。

以下是设计体系的关键元素和概念：

设计原则： 这些是指导设计决策的基本规则和价值观。它们有助于确保设计在整个组织中保持一致性，例如可用性、可访问性、一致的品牌形象等。
组件库： 设计体系包括一系列可重用的设计元素，如按钮、表单、导航栏、图标等。这些组件通常以代码和/或视觉资源的形式存在，以便设计师和开发人员能够轻松地在项目中使用它们。
样式指南： 样式指南规定了颜色、字体、排版、间距等视觉元素的标准。这有助于确保在整个产品或服务中使用一致的设计语言。
设计模式： 这些是常见的用户界面交互和布局模式，如模态框、标签页、滑块等。设计模式有助于提高用户体验和减少用户的认知负担。
文档和教育资源： 设计体系通常包括文档和培训资源，以帮助团队成员了解如何使用设计体系，包括如何应用设计原则和使用组件库。
版本控制： 为了确保设计体系的一致性，它通常受到版本控制的管理，以跟踪任何更改和更新。这有助于团队协作和维护。

制定设计体系的好处有如下：

提高设计效率，减少重复工作。
确保设计的一致性和品牌统一性。
促进设计和开发团队之间的协作。
简化维护和更新。
提高用户体验。

3. 复用

在设计中，复用是指在不同的项目或情境中重复使用相同或相似的设计元素，如按钮、输入框、图标等。这有助于提高设计效率，减少冗余工作，并确保一致性。在B端体验中，常见的设计组件可以通过定义并建立组件库的方式进行复用。这意味着设计师和开发人员可以轻松地在不同项目中使用这些组件，确保一致的外观和功能。这对于维护和更新设计非常有帮助。