B端设计-新手入坑手册（上）

       随着目前设计领域不断细分，B端作为一个强有力生产工具性领域设计也逐渐发光发热。各类大数据、后台、SAAS、大屏、数据可视化....兴起，也由此孕育了大量B端设计工作与岗位，很多设计师也逐渐进入这一块领域。

       写这篇的初衷是本人这几年在B端设计领域从新人到老人过程进行一个小总结，希望提供一些设计要点给新人设计师或者刚转换的B端方向设计师。意在提供B端设计入门后设计中的一些细节给同学们了解以及带来帮助 。本“入坑手册”绝大多数案例都是本人或者相关其他经验文章总结，整体较全面偏基础，希望帮助同学少踩坑。从而最终做到“客户跪求”“老板膜拜”“开发流泪”的设计大侠！

目录

B端特点、B端设计的工作--------------------------------------------------------（本篇）

一、B端设计-展示方面----------------------------------------------------------（本篇）

①风格特点              ②颜色定位              ③展示逻辑              ④视觉流            ⑤大屏设计要点

二、B端设计-功能方面---------------------------------------------------------（中篇）

三、B端设计-验证方面---------------------------------------------------------（下篇）

       相信绝大数同学对C端领域产品较为熟悉，对B端产品往往不太熟。C端产品大部分围绕主功能展开，其他功能偏向辅助。而B端产品往往有多个主要功能，这些功能之间往往的平级关系，只有优先级顺序有所区别。

       由于B端与C端产品方向点不同，两者会产生较为不同的设计思考路径，简单来说C端客户者也本人，使用者也是本人，设计上关注人性，产品强调：刚需、痛点、高频、体验。

B端客户可能是老板，功能使用者往往是员工。设计上关注收益，产品诉求：功能、流程、效率、关联

粗糙说法一个是“卖软件”，一个是“秀软件”。

       在我们平常工作中，B端设计师主要接触是以下两块的工作 ，分别为“展示”（各大B端页面官网例如阿里云、百度云、腾讯云以及大屏可视化设计）和“功能” （erp、后台、OA 、crm、saas、paas）。前者设计中主要目的是突出产品功能、展现产品价值。从而促使客户买单。设计上侧重展示和逻辑。

      后者设计目标是为了帮助使用的客户高效成完成一项或者多项功能流程的操作，达到工作目标。设计上侧重具有功能与衔接

       由于B端展示方面设计需要展示功能、体现数据、突出逻辑、从这三点我们可以提炼出工具化、数据化、科技感、未来感这些设计风格运用关键词，遵守这些关键词来延伸做设计，无需像C端那样天马行空、风格多样，但本质做出来的产品终究要卖给客户。所以在遵守之前设计关键词风格运用上，通过设计告诉客户这是个什么样产品，逻辑是什么、卖点有什么。

      由于B端产品属性。其风格以数据感、工具感、场景感、未来感四种设计关键词为主。

       但由于不同产品性质有所区别，所以在设计元素提取上中也要进行相对应的挖掘取舍，总之是理性、专业、深度、稳定、高效是B端产品永恒追求特点。

      我们知道对于色彩，不同颜色有着不同的情绪，我们往往会考虑产品性质，从而选择颜色。

然而在B端产品中，因其功能和特性，颜色选取就往往是有针对性的

       在B端产品官网设计中，由于功能流程较为复杂，一套行之有效的展示逻辑可以极大帮助产品让访问者更好理解，以下是几个优秀B端官网案例，整体上好像差异性较大，不太容易看到这些页面之间逻辑。

 对页面进行拆分，这样就好理解。

基本对于B端官网页面，遵守这样一套与展示逻辑和页面节奏是一套比较行之有效的方法。

      由于展示页面信息一般较多，所以合理的视觉排版就需要把握。一般可使用较为常见的F型和Z型视觉流的排版方式。

       在日常设计工作中，大屏设计工作也是工作中较为重要的一份，大屏设计是B端设计工作中最可以大胆想象、天马行空发挥你对设计的感觉。

 而如何把握大屏设计要点就需要我们挖掘的地方，在此也对大屏设计一些要点进行拆分。

指标——确立指标分析维度

       大屏设计前，往往有很多不同的数据、以及不同分析维度。我们首先需要做的工作就是梳理数据，根据所需的分析维度来确定选用什么类型的图表。

图表——选择合适的图表

     在选好维度和确定图表样式后，就需要考虑如何选择合适的图表表现形式。

图形——合理的图形元素选择

      大屏设计往往会参考一些科技、科幻元素。然而科技、科幻元素融入也会带来不规则图形使用，这种不规则图形往往降低统一度和辨识性，所以如何选用不类型的图形来创造或者丰富画面是需要设计师认真考虑的。

数据——数据信息有效展示

       图表信息和数据信息是构成大屏内容方面最重要两部分，而数据信息有效展示就要我们对排版基础理论有着一定认知，通过合理的排版构建让数据信息可以更出色的表现出来。

本篇介绍了B端特点，B端设计工作范围以及B端设计-展示。

下篇将介绍B端设计-功能方面。