高校网站设计中B2B网站页面设计技巧

高校网站设计，我想大家都知道B2B行业网站具有B2B网站和门户网站的特点，这决定了页面设计与其他网站的一些区别。这里从理论上探讨一下页面设计和制作的基本要点，供大家参考。欢迎大家能批评和纠正错误。

一是页面色彩、框架、整体风格要严谨，充满商业气息

由于B2B行业网站内容严谨高端，涉及行业发展趋势、各种技术交流、企业营销管理知识等信息，注定内容严谨高端；因为涉及到企业之间的交易推广、信息交流、交友等，所以商业栏目要展现出浓厚的商业氛围，所有的页面设计都是针对商人的。

A页的颜色要更严谨，避免非商业色彩。

蓝色、红色和黄色是B2B网站常用的主要颜色，其中几种颜色经常一起使用。当然，在使用过程中，这些颜色之外的颜色经常会一起使用，或者颜色逐渐变化。

衍生的颜色包括:深蓝色、深红色、鲜红色、橙色、橙黄色、灰色等。，这里没有列出。配色由设计师自己决定，最后我们再来回顾一下。

禁忌使用以下颜色作为主色调:

绿色:绿色更象征着自然、纯洁、自然等含义。不符合B2B行业网站严谨、商业化的特点。可以作为橙红色的搭配色，但建议不要作为主色调。

粉色:这个颜色更多的是女性化和温暖。即使是以女性产品为特色的行业，也不能用。作为搭配色，要尽量少用。毕竟离用户的需求还很远。

黑色:黑色和灰色是页面上大部分文字可以使用的颜色，但不能作为B2B网站的主色调。

B页的标题栏和导航栏要更方更规整

作为一个企业网站，一个时尚的网站，或者为了表达时尚活泼的主题，网站设计可以更加活泼，用圆形或者不规则的排版，但是作为一个B2B网站，就不能这样设计。

每个部分都要区分清楚，每个区域都要规整，使用的图片和背景要严谨。你不能把网站的标题栏和导航栏设计成斜图片、大椭圆、大图标、卡通图标和活泼的图形。

c整体风格要严谨，充满商业气息

网站的整体风格比颜色和标题栏设计更重要。一定的配色更加活泼时尚，不会影响整体风格。不规则的图片，或者网页中内容的不规则图片，对整体感觉不会有太大影响。整体页面风格不能花哨。要减少框架和背景对阅读内容的影响，减少页面的噪音。整体风格要优雅，让游客静下心来思考。

第二，内容和功能决定了表现形式和界面设计

页面设计没有固定的标准。很多时候，我们不能以美丑来判断，也不能以是否有创意来判断。相反，我们应该全面分析这个页面的访问者、内容和功能。有时候一点创意都没有，跟其他很多网站差不多，好的，因为应该是这样的。任何设计和功能都是为访问者和用户服务的，设计师的分析能力远比创造力重要。

示例:

如果用户注册页面头上有很多导航栏，左右有很多精彩的内容推荐，还有设计精美的图标，那就错了。这个页面上的链接越少越好，页面越简单。最重要的是引导用户静下心来，填写真实丰富的内容，否则用户可能一半的操作都有麻烦，还有更好的内容吸引他，他就不再填写了。

在设计任何一个页面之前，设计者都必须静下心来，想一想页面在表达什么，或者是什么样的功能，然后根据内容和功能来确定表达的形式。在规划网站时，对于设计师来说，需要初步考虑页面的表现形式。详见《第四版B2B行业门户网站规划研究报告》第八章，系统阐述了这一问题。

第三，多用成语，不要轻易使用新的用法。

所谓习惯用语，是指用户经常使用的网站，或者知名网站的用法，这往往是用户的习惯，因为知名网站的用户数量最多，用户的认可度也最高。同样的功能，或者不会因为网站不同而改变表达的功能，都可以搭配成语使用。

比如我们来到一个新的网站，往往需要了解网站的介绍、主办方的联系方式等信息。习惯是在网站底部找到这些信息。大多数网站底部都有一排链接来表达。如果你设计网站，你想非常创新，如果你不把这些链接放在底部，用户会感到不舒服。

对于设计师来说，即使这样的熟悉感让你觉得相似和无趣，完全没有创新，你还是要这样使用。但这并不意味着我们不需要创新。相反，在规划设计工作中，我们需要大胆创新。如果我们不打算使用一个成语，规划者和设计者必须确认这个新用法有以下两个特点:

(1)同样清晰，同样不言而喻:只是一种更好的表达，本质上与原作没有太大变化，也让用户一眼就明白，这不是完全无中生有的创新，而是比原作更好。

(2)它带来了巨大的价值，值得用户努力学习:虽然这个功能以前从未见过，但我们确认它能带来质的变化，而不仅仅是改变用户不习惯的功能和界面。比如过去大多数网站都是一步注册的。现在注册会员，很多网站都是分两三步走的。为什么要这样设计？因为要填写的内容太多，用户把内容分成几个步骤更容易接受。

第四，建立清晰的视觉层次，让用户在视觉上进行区分。

页面有层次感，一眼就能看出哪些是重要的，哪些是次要的。每个部分表达的内容都非常清晰，用户可以快速找到自己关注的部分。相反，页面凌乱，结构不清晰，用户来到页面就不知道重点是什么。网民的耐心很差。30秒内很难找到自己感兴趣的内容，所以可能找不到。他们认为网站对他们来说不感兴趣，或者他们根本不会来。但是，其实网站有他想要的内容或者他想要使用的功能，只是因为页面设计不好，找不到更快。

一个部分越重要，它就越突出。

A在一个页面上，如果没有焦点，用户会花很多时间在所有相同的内容中寻找自己喜欢的内容和功能，这对用户来说是不友好的。用户经常使用和阅读的内容越多，就越重要。用户将在最短的时间内获得最关注的内容和功能，吸引他们留下来。

在页面设计中，突出重点内容的方式有很多，常用的有:加粗字体、放大字号、字与周围颜色不同的颜色、字前醒目的图标、图片或颜色作为背景等。，在《B2B行业门户网站设计与开发研究报告》第三章中进行了重点介绍。

B与功能或内容相关的部分也要视觉上相关。

视觉中与功能或内容相关的部分也应该是相关的，因为当用户扫描时，与视觉相关的部分会一起扫描，否则很容易同时被忽略和凌乱。常用的方法是用同一个框、同一个背景、同一个图标来表达相关的功能或内容。

C函数或内容的逻辑部分也应该可视化嵌套。

所谓逻辑包含，就是从逻辑的角度进行推理。应该属于包容性，比如B2B行业网站的上游原材料和设备。如果把这两部分放在一页上，设备和原材料要分开设计，但是原材料和设备模块本身会包含很多不同的内容。为了让想要采购的企业快速找到自己想要的产品，应该嵌套在设备模块和原材料模块内部。

第五，参观者在扫描而不是阅读

《不要让我思考》一书说:“访客不是在阅读，而是在扫描，这是少数被证明的事实之一。人们花很少的时间阅读大多数页面。相反，我们只是扫描(或浏览)网页，寻找能够吸引我们注意力的单词或词语。”用于导航页面、主页等。，用户会多扫描获取自己感兴趣的内容。对于内容的最后一页，用户还会在阅读前扫描大致内容。对于太长的文章或内容，要看是否有副标题。如果有，就要扫描小标题，看看有没有兴趣，然后再继续看。一般情况下，用户会先扫描以下内容:

A.与手头的任务有关，我们迫切需要知道。

B.我们现在或下一步的个人兴趣，比如:想购买一批机器，找工作；

c.我们脑子里有一些根深蒂固的词，比如“免费”、“打折”、“美容”。B2B网站用户会感兴趣:比如行业内最具爆炸性的新闻，知名公司大佬的动向，最新的购买情况等。

我们在规划设计网站页面、编辑网站内容时，要时刻记住用户不是在阅读，而是在扫描，这样才能始终如一地贯彻这一理念。会引导很多正确的规划设计，比如:重要内容要大标题和加粗；每个模块都可以尽量图文并茂，让读者在扫描时能看到图片，更容易引起兴趣；我们应该对广告文案进行总结和提炼，以吸引他们的兴趣。编辑文章和内容时，好给800字以上的文章加上副标题，让用户提前扫描是否感兴趣。

第六，人们闭门造车，远远落后于全面参考

网页更新很快，一个网站界面的设计寿命只有2-3年。没有经典这回事，不管是垃圾还是精品。经典的存在是第一次成功的创新应用。一个幕后人做出来的东西，远远落后于综合参考人。网页设计不同于其他艺术。在网页设计的模仿和创新领域，即使完全是自己设计，也遵循了人们已经认同的大部分用户习惯，这种传承的痕迹有时也非常明显！而且设计师还敢一脸羞涩的说这些都是我自己原创的设计？对于行业来说，经典只是一个概念和符号！

对于B2B行业网站的设计，我们应该参考和模仿几十个同类型好的网站进行参考，分析为什么其他网站要这样设计，取其精华去其糟粕，根据自己设计的网站的特点进行改进或修改，这往往是最成功的设计。因为最成功的网站都被多方研究过，他们不仅模仿，而且有自己的创新，大部分都能经得起用户的考验，满足大部分用户的需求。

第七，B2B行业网站的大部分界面都要弱化，强调功能和内容

B2B门户网站不同于企业网站。它大的价值在于为用户提供了一个平台和更有价值的内容。界面的价值在于辅助和引导用户更好地使用这个平台，找到自己感兴趣的内容，选择阅读，获取知识。不是用很多颜色和图标来表达页面的主题。这是一些设计B2B网站的人，尤其是初学者经常犯的错误。

作为一个企业网站，为什么要用大图片、大图标、大面积的颜色来渲染这个页面？因为每个企业都有自己独特的产品和企业文化，来到这个页面的读者都想了解这个企业或者产品，我们需要用设计将企业信息直观地传达给访问者，尤其是很多品牌公司的网站。和建筑企业的网站一样，B2B网站的页面，如主题设计、收费服务介绍等，都需要大图片、小图标、大面积的颜色来衬托页面的主题。

第八，页面应模块化，可修改

模块化不仅可以提高可重用性，还可以统一网站风格，降低程序开发强度。模块化大的好处就是统一了网站风格，让用户明白自己是在网站的那个页面上，还是在这个网站上，从而形成强大的品牌认可度。永远记住，一个网站的最终目标是做品牌，这一定是设计的指导思想。如何打造B2B行业网站的品牌，在《B2B行业门户网站推广实用秘籍》中有系统的讲解。

无论是架构、模块还是图片，都要考虑其可修改性。举个简单的例子:按钮，很多人喜欢做图片，n个按钮就是n张图片。如果只做3-5个按钮的背景图，在网页代码中打文字，会很容易修改，让节目/网页制作人自己改文字。但是，网页上显示的字体是锯齿状的。一般可以清晰美观的字体有几种类型:“宋12px |宋12px Bold |宋14px |宋14px Bold | Bold 20px | verdana 9px | arial back 12px+|”等等。

本文名称：高校网站设计中B2B网站页面设计技巧
转载来源：https://www.cdcxhl.com/news/234722.html

成都网站建设公司_创新互联，为您提供网站设计公司、微信公众号、ChatGPT、营销型网站建设、静态网站、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联