网页设计与制作知识点网盘-B2B行业门户页面设计要点！

由于B2B网站和门户网站的特点，B2B行业门户网站决定了其页面设计和制作与其他网站有很多不同之处。 当然，还是有很多相似之处的。 在写本章之前，我觉得有必要从理论上和大家聊聊页面设计和制作的基本要点。 这些基本原则将指导大家更好地阅读和理解本章的所有内容。

1、页面的色彩、框架和整体风格要严谨，充满商务气息。

由于B2B行业网站涉及行业发展趋势、技术知识、营销管理知识、产品信息等，内容注定严谨、高端； 因为涉及到企业之间的交易促进、信息交流和友谊，所以商务栏目应该更多地体现出浓厚的商业氛围，所有的页面设计都是为商家考虑的。

A. 页面的色彩使用应更加严谨，避免使用非商业色彩。

蓝色、红色、黄色是B2B行业网站常用的主色调。 几种颜色经常组合使用。 当然，在使用过程中，常常会使用这些颜色以外的颜色，或者使用这些颜色的组合。 渐变色。 由此衍生出的颜色有：深蓝色、深红色、大红色、橙色、橙色、灰色等，这里就不一一列举了。 配色是设计师自己定的，我们最后再审核。 关键是你想要的是页面的整体效果。

B、页面标题栏和导航栏要更加方正、规则。

作为企业网站、时尚型网站，或者为了表达时尚活泼的主题，网站的设计可以更加活泼，采用圆形或不规则的布局方式。 但作为一个B2B行业网站，不能这样设计。

各个部分要区分清楚，各个区域要规则，所用的图片和背景要严谨。 不要对角放置图片，使用大椭圆形、使用大图标、使用卡通图标、活泼的图形等来设计网站的标题栏和导航栏。

C、整体风格要严谨，充满商务气息

网站的整体风格比颜色和标题栏设计更重要。 某种颜色的搭配更加活泼时尚，不会影响整体风格。 如果某张图片不规则，或者网页上的内容图片不规则，对于整体感觉不会有太大影响。 B2B行业网站首页、二级栏目首页、重要专题页面首先要做好效果图。 保证整体效果后，才能开始页面设计。 不能从一开始就制作页面。 整体页面风格不宜花哨。 应减少框架、背景等对阅读内容的影响。 专业来说，应该是减少页面的噪音。 整体风格要淡雅，让参观者能够静下心来思考。 同时，B2B行业网站面向的不是普通消费者，而是行业从业者。 他们的出现是为了让大家获取行业知识和商业信息。 他们提供工作和业务帮助，需要严谨。

2.内容和功能决定呈现形式和界面设计

页面设计没有固定的标准。 很多时候，我们不能以美丑来评判，也不能以是否有创意来评判。 相反网页设计与制作知识点网盘，我们应该综合分析这个页面的访问者、页面的内容和功能。 有时候根本就没有什么创意，和很多其他网站类似卡通形象，这样就是最好的，因为它就应该这样。 我看到一篇关于设计的文章说：“创造力是可耻的，分析能力远比创造力重要。” 这和我的副标题的含义是一样的。 设计师常常希望他们的网站是最有创意、最漂亮的； 程序员希望自己开发的网站功能是最强的、最好用的； 但任何设计和功能都会为访客和用户服务。 设计师的分析能力远比创造力更重要。

综上所述，设计者在设计任何一个页面之前，一定要冷静下来思考这个页面所表达的是什么内容，或者说它是一种什么样的功能，然后根据内容和功能来确定它应该具有的表达形式。 。 否则，设计出来的页面有时会与网站策划者想要达到的效果相差很大，甚至方向错误。 同时，设计师必须具备一定的商业思维，才能让自己的设计更加商业化。 关于设计师在规划时需要首先考虑页面表现形式的问题，我在《B2B行业门户规划实战研究报告》中系统地阐述了这个问题。 规划是设计的基础。

3、多用习语，不要轻易用新的。

所谓习惯使用，是指用户经常使用的网站的使用，或者非常知名的网站的使用。 往往是用户的习惯，因为知名网站的用户最多，最受用户认可。 idiom的用法可以用于相同的功能，也可以用于不会因网站不同而表达不同的功能。

例如，网站注册。 几乎所有有会员功能的网站都有这个功能。 用户点击注册链接，然后在新窗口中填写登录信息、联系信息等。 用户已在许多网站上注册。 如果你的页面与其他知名且易于使用的网站有很大不同，用户将不会习惯。 例如，当我们来到一个新网站时，我们常常需要了解该网站的介绍、主办方的联系方式等信息。 习惯是在网站底部找到这些信息。 大多数网站的底部都有一排链接来表达。 如果你设计一个网站，希望很有创新性，如果你不把这些链接放在底部，用户会感觉不舒服，因为你打破了习惯用法。

对于设计师来说，即使有时候这样的熟悉让你觉得相似、乏味，毫无创新可言，但你还是得这么用。 例如，大多数网站将徽标放在页面的左上角。 如果你硬要把它放在右上角，用户将无法快速了解这是一个什么样的网站，因为他可能已经习惯了看到左侧的网站标志。 右侧根本没有被注意到。

但这并不意味着我们不需要创新。 相反，在规划设计工作中，我们需要大胆创新。 如果我们不打算使用常见的用法，规划者和设计者必须确认新的用法具有以下两个特征：

（1）同样清晰，同样不言而喻：只是换一种更好的表达方式，与原来的本质没有太大变化，也能让用户一看就明白。 也就是说，我们做了一些创新，但仍然是基于习惯用法，并不是完全创新。

（2）带来巨大的价值，值得用户努力学习：虽然这个功能以前没有见过，但我们确认它可以带来质的变化，而不是仅仅改变用户不习惯的功能和界面。 。 例如，过去大多数网站注册都是一步完成的。 现在，如果你注册成为会员，很多网站都分为两三个步骤。 为什么要这样设计呢？ 因为要填写的内容太多，所以分成几个步骤更容易被用户接受。 。

4.建立清晰的视觉层次结构，以便用户视觉上区分

页面有层次感，一眼就能明白哪些是重要的，哪些是次要的。 每个部分表达的内容都非常清晰，用户可以快速找到自己关注的部分。 反之，页面杂乱，结构不清晰。 当用户来到页面时，他们不知道重点是什么。 很难在一分钟内找到他们感兴趣的内容。 互联网用户的耐心非常差，无法快速找到。 搜索之后，我觉得你们的网站很差，或者我以后根本就不会再回来了，但其实这个网站有我想要的内容或者我想要使用的功能，只是页面设计不好，我无法更快地找到它。

建立清晰的视觉层次结构不仅可以保证页面上所有内容的外观、所有视觉线索清晰，而且可以准确地表达页面上内容之间的关系。 视觉层次清晰的页面具有以下三个特点： A. 越重要的部分越突出； B、与功能或内容相关的部分也必须在视觉上相关； C. 逻辑上包含在功能或内容中的部分必须在视觉上相关。 嵌套也是必要的。 关于这三个特点，我在《B2B行业门户网站设计与开发实用研究报告》中做了非常详细的解释。

5.访客不是在阅读，而是在扫描

根据《别让我思考》（英文名：DON'T MAKE ME THINK）一书的说法：“访问者不是在阅读ip形象，而是在扫描。这是为数不多的已被证实的事实之一，人们会花很少的时间阅读最多的内容。”相反，我们只是扫描（或快速浏览）网页来查找可以吸引我们注意力的文本或单词。” 当然，这还是有一定的条件的，对于导航页、首页等，用户会更多地进行扫描来获取自己感兴趣的内容。但是对于最后一页的内容，大多数用户都在阅读，但他们也会首先浏览一般内容。 对于过长的文章或内容，需要检查是否有字幕。 如果有，请先扫描字幕并自行检查。 如果您有兴趣，只有感兴趣才会继续阅读。 从这个角度来说，还是会先进行扫描。

我们在规划设计网站页面的时候，在编辑网站内容的时候，一定要时刻记住用户不是在阅读，而是在扫描，并将这一理念贯彻落实到底。 它将指导很多正确的规划和设计，比如：重要的内容应该有大标题并加粗； 每个模块尽量有图片和文字，这样读者扫码就能看到图片，更容易引起兴趣； 对于重要内容，广告文案要多总结、提炼，以吸引他们的兴趣； 编辑在撰写文章和编辑内容时，最好为800字以上的文章添加字幕，以便用户预先扫描是否感兴趣。

6、闭门造车的人做出来的东西远不如综合参考的人。

Web技术更新很快，一个网站的界面设计寿命只有2-3年。 无论是垃圾还是品质，都没有经典之说。 经典仅作为第一个成功的创新应用而存在。 闭门造物的人，远不如综合参考的人。 网页设计不同于其他艺术。 在模仿和创新领域，即使完全是自己设计的，仍然采用了大部分人们已经认可的用户习惯，而且这种继承的痕迹有时是非常明显的！ 而且设计师还敢羞愧地说这些都是我自己的原创设计？ 对于行业来说，经典只是概念和符号！

对于B2B行业网站的设计，要多参考、模仿，找几十个同类型最好的网站进行参考，分析其他网站为什么要这样设计，取其精华，去其糟粕，联系设计您自己的网站的人。 功能得到改进或修改，往往这样的设计是最成功的设计。 因为最成功的网站都是经过多方研究的，他们不仅有模仿，还有自己的创新。 其中大部分也能经受住用户的考验，满足大多数用户的需求。

7、B2B行业网站的页面界面大部分应弱化，强调功能和内容。

B2B行业门户网站与企业网站不同。 它最大的价值在于为用户提供了一个平台，提供了更有价值的内容。 界面的价值在于帮助和引导用户更好地使用这个平台并在里面发现自己。 选择您感兴趣的内容并阅读以获取知识。 没有必要使用大量的颜色和图标来表达页面的主题。 这是一些设计B2B行业网站的人，尤其是初学者常犯的错误。

例如，在建设企业网站时，为什么我们要用大图片、图标、大面积的颜色来渲染这个页面？ 因为每个公司都有自己独特的产品和企业文化，来到这个页面的读者都想了解更多。 对于这个公司或者产品来说，我们需要用设计来直观的向访问者传达企业信息，尤其是对于很多品牌公司网站来说。 B2B行业网站的专题页面设计、付费服务介绍等页面的设计与建设企业网站相同。 他们需要使用大图片、小图标和大面积的颜色来衬托页面的主题。

8.页面应该是模块化的并且高度可修改。

模块化不仅可以提高复用性，还可以统一网站风格，还可以降低程序开发的强度。 模块化最大的好处就是统一网站风格，让用户无论在哪个页面都能明白自己还在这个网站，形成强大的品牌认知度。 永远记住，建设网站的最终目的是打造品牌，设计时必须以此为指导思想。 无论是架构、模块还是镜像，都要考虑其可修改性。采用DIV+CSS设计是目前最好的解决方案。 它不仅使页面易于修改网页设计与制作知识点网盘，关键是减少了页面代码的数量，使搜索引擎更容易找到最重要的内容。