（一百五十六）B2B官网的设计思考

时间：2023-09-06 11:18:01 | 来源：网站运营

时间：2023-09-06 11:18:01 来源：网站运营

（一百五十六）B2B官网的设计思考：最近遇到了好多次探讨网页设计的话题，可能我们身边有很多优秀的设计师，他们对PS的使用，以及按照要求设计个图片、视觉很强；但是也存在相应问题，一个较新的网页设计师其实不懂很多网页上要求的规范，就会导致设计出来的页面，看上去很唯美，但是处处透露着不专业。

今天抛砖引玉提出数字营销人眼中的网页设计标准，期待越来越多的心得可以凝聚成一些成体系的素材，为各位数字营销以及设计师提供一些灵感。

1、问：官网在设计上会给用户传递什么信息？

回答：在B2B领域，你可以传递科技力和技术力，这两个能力往往是生意决策的关键点，设计也是信息传递的一种方式，如果传递的是科技力会用什么设计元素呢？科技力是一个较抽象的名词，在设计上需要用一些元素来诠释，比如设计元素，如宇宙空间、星球、光、元件（各云厂商经常使用，参考火山引擎），如果传递技术力会用什么元素表达呢？软件公司也经常用产品界面来表达自己的技术能力，产品界面会传递很多信息，潜在用户很容易就看懂，尤其是当产品界面传递了流程化的信息的时候，访客会更容易被触动，传递技术力除了图片外，还有一个地方，那就是设计细节，花时间打磨一些细节会让访客感觉到这家公司的技术强大，比如原创建模、ICON、手绘设计，这个地方一定要注意，在原创设计的时候要遵循统一性原则，颜色要和主视觉统一，风格要全站统（扁平化？2.5D？）；













2、问：官网设计的营销逻辑是什么意思？

回答：设计师通常不会考虑网页设计在营销上有什么力量，但是营销人会经常思考这个问题，首先在颜色应用、字体字号规范、空间布局上要有一定的标准，这样可以让访客获得潜意识的舒适，从而更愿意转化，成为线索。除了这些不可知的影响之外，还有一些明显的注意事项，比如我们经常会让网页的整体颜色和按钮颜色有明显差异，来突出视觉重心，让CTA（按钮）作为黑夜中最亮的星，起到框架的作用，提领整个网页，这样才会有更多的人点击按钮进入到表单页。

而在按钮周围是需要有明显的引导文字的，比如首页的第一屏，我们需要清晰的行动号召引导语，告诉访客他为什么要点击按钮，进行下一步动作。

当访客点击了按钮会进入到下一页，打开表单页，我们期望在设计上是连贯的；




3、问：在整体的结构布局上，设计需要有什么思考？

回答：层次感，层次感是什么意思？在网页设计的时候其实是有楼层设计的，首屏作为第一层，产品板块作为第二层，解决方案可能是第三层，层与层之间，大概率会存在差异化的分割线。这样访客会知道阅读完一个板块，完结了，进入下一个板块，这也要求每个楼层都要有标题和简介，介绍这个楼层表述的内容到底是什么，举例：







4、什么是网页设计里的“呼吸感”？

回答：说的就是留白，如果你有留意日本的设计风格就会发现，留白是一种自信，可以传递品牌的自信，最常见的是网站地步的次导航，文字会很舒适的布局在底部的深色背景快上，而不是密密麻麻的紧凑布局，尽力给访客营造一种“闲庭信步”的感觉。这跟演讲中的停顿原理一样。

另外除了设计上的呼吸感之外，就是交互上的呼吸感，我们称之为微交互，不要让交互动作大开大合，而是缓慢移动，这样的细节处理，会让访客放松，更容易产生信任。

5、什么地方的设计体现“质量”？

回答：越细节的地方越打磨，越体现质量，比如按钮的横宽比，按钮的圆角大小，以及按钮的整体颜色设置，包含阴影。单独把一个按钮拿出来都是一件艺术品，这就是“质量”的体现。

所以我们在网页设计开始前就回去思考每个细节应该如何打磨，比如所有的按钮打磨出一套感觉，全站就可以应用，说到按钮，下面举的例子看上去很舒适，为什么会有这样的感觉呢？当我们剖析原因的时候就会发现，这个舒适度有几个要素构成：

a、映入眼帘的是长宽比，这是矩形模块最基础的审美影响因素，宽度不够很容易形成它很胖的感觉，而宽度可以把修长感做出来（我们可以学习此按钮的长宽比）

b、圆角处理，如果你对设计有了解就会知道，圆角弧度占整个边长的大小决定了它是否足够精致，而角度大小也很有考究。

c、字号，用什么字体可能在网页开始设计的时候就已经定下来了，但是字号确是很讲究的，因为字号大小决定了它的上下左右边距，字的大小以及按钮轮廓大小决定按钮的视觉舒适；

d、字体与背景的反差色，我见过很多按钮上的字体颜色是看不清的，为什么会这样呢？因为字体颜色与按钮颜色太靠近了，这是常见错误。

你看，一个按钮就这么多细节，更别说整体的页面设计。




6、在设计上，最难的，也是最重要的是什么？

回答：一致性，从全局到细节，从单页到整体，如何营造肃杀之气，就是要保证一致性，我经常举的一个例子是，军队的肃杀之气，是因为无数个动作统一的个体营造的，任何一个细节，都是整体里的细节，这是B2B设计的独有要点。如果有可能尽量用产品截图，因为任何图片都应该传递一定的信息，否则它的价值就发挥不出来；




先总结这么多，期待下次继续补充。