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

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

首先，页面颜色、框架和整体风格要严谨，充满商业气息

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

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

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

衍生颜色包括:深蓝色、深红色、鲜红色、橙色、橙黄色、灰色等。，这里没有列出。配色方案由设计师决定。最后，我们来复习一下。

禁止使用以下颜色作为主色:

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

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

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

b .页面的标题栏和导航栏要更方正，更规整。

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

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

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

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

其次，内容和功能决定表现形式和界面设计

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

示例:

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

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

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

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

比如我们来到一个新的网站，往往需要了解网站的介绍，赞助商的联系方式等信息。按照惯例，可以在网站底部找到这些信息。大部分网站底部都有一排链接来表达。如果你设计一个网站，你想非常创新，如果你不把这些链接放在底部，用户会感到不舒服。

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

(1)同样清晰不言而喻:只是更好的表达方式，本质上和原著没有太大变化。也让用户一目了然，这不是一个完全无中生有的创新，而是比原来更好。

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

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

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

越重要的部分越突出。

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

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

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

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

功能或内容的逻辑部分也应该在视觉上嵌套。

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

第五，访问者在扫描而不是阅读

《不要让我思考》这本书说:这是少数几个被证明的事实之一，访问者不是在阅读，而是在浏览。人们花很少的时间阅读大多数网页。相反，我们只是浏览网页，寻找能吸引我们注意力的单词或短语。& rdquo用于导航页面、主页等。，用户会多扫描获取自己感兴趣的东西。对于最后一页的内容，用户在阅读前也会对大致内容进行扫描。对于过长的文章或内容，要看是否有副标题。如果是的话，浏览一下副标题，看看他们是否感兴趣，然后继续阅读。通常，用户会首先扫描以下内容:

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

B.我们当前或者接下来的个人兴趣，比如:想买一批机器，找工作；

C.我们脑子里有一些根深蒂固的词，比如& ldquo免费& rdquo、& ldquo折扣& rdquo、& ldquo美& rdquo。B2B网站用户会感兴趣的:比如业内最具爆炸性的新闻，著名公司老板的动向，最新的采购等。

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

第六，人们闭门造车，远远落后于综合参考

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

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

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

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

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

第八，页面应该是模块化的，可以修改

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

无论是架构、模块还是画面，都要考虑其可修改性。举个简单的例子:按钮。很多人喜欢画画。N个按钮就是N张图片。如果只做3-5个按钮的背景图，在网页代码中键入文字，修改起来会比较容易，让程序/网页制作者自己修改文字。但是，网页上显示的字体参差不齐。有几种类型的字体通常可以清晰美观:& ldquo宋12px |宋12px Bold |宋14px |宋14px Bold | Bold 20px | verdana 9px | arial back 12px+| & rdquo；等一下。

非常感谢您读完创新互联的这篇文章："高校网站设计中B2B网站的页面设计技巧"，仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供：网站建设、网站制作、官网建设、SEO优化、小程序制作等服务，欢迎联系我们提供您的需求。

网站题目：高校网站设计中B2B网站的页面设计技巧
当前链接：/news6/315606.html

成都网站建设公司_创新互联，为您提供微信小程序、微信公众号、定制网站、App开发、网站排名、做网站

广告

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