B2B行业网站页面内容怎样设计

申请免费试用、咨询电话：400-8352-114

在本钻研申报前面章节我讲过，永远要记得用户在没有清楚的阅读内容前是扫描而不是阅读，在导航页面，用户很乐于审阅一句一句的内容，关于大面积没有重点的内容，没有耐性，我们必需在网页上供给既简单又有必定视觉中心的内容。这种中心可以吸引用户的留心力，让他们在看到爱好内容的时分，接收进一步的行为，点击链接阅读详细信息，或看其他更多内容，让用户留下来，假设我们不区分重点，就很难让用户很快发现他想找的中心内容，尤其是关于新用户，第一印象很首要。

查询到用户阅读页面时的需乞降行为后，在页面设计时就要知足用户的需乞降习气，有那些办法可以凸起中心内容呢？通俗常用：文字加粗、文字配图片、文字变颜色、加导读、文字变大、重点凸起的部分四周多一点空白、添加小图标或按钮等方法，都能凸起中心内容。下面来简明讲解。

1 标题及重点凸起内容设计通俗标准

阅读者来到网站，会试图找出他们需求的器械。再次重复，用户并不一定是来阅读的，他们是来做他们想做的任务，每小我的目的不一定一样，网站要节省他们的时间并且凸起优质内容来吸引每个用户的留心力，然后让他们愈加便于在几秒钟内扫描整个页面。用户只需在这几秒内扫描并发现他们想要的器械，才会继续在你的网站上停留更长的时间。所以关于B2B行业网站的首页、一级栏目首页等导航页面来讲，中心内容就是举荐内容标题，信息分类称号，信息图片等几个方面。使中心内容更凸起的方法有良多，下面来详细讲解。

（1） 文字加粗

无论什么内容，只需我们将少部分的内容加粗，将大部分不加粗，那么加粗的内容必然就会非常凸起，这个是常用的制造中心内容的方法。在一个页面上我们接见会面到良多加粗的文字，这些加粗的文字就会是中心内容的一个部分，举荐的链接内容标题、首要分类称号等经常运用。这个是页面设计时创造中心内容的首要方法。

（2） 字号变大

这个方法与文字加粗一样，属于设计中心内容的常用方法，关于最重点的内容，世间都是既加粗，字号又变大。一样是举荐链接内容标题、首要分类称号等经常运用的。

（3） 文字变颜色

通俗字号变大、字体加粗，也会与变颜色还出现，愈加凸起，然则变颜色也会出现在一些次凸起内容上出现，只变颜色，不加粗，不变大字体。

阿里巴巴产品列表页截图

如图所示，首先产品称号，是最首要的，用户将经由称号看可否是自己感兴致的产品，所以阿里的设计师采用了最凸起的做法，既变颜色，又增大字体，还加粗。公司名字是第二个需求凸起的，在这里只采用了变颜色，假设又加粗的话，就会使页面看起来很累，凸起的内容太多了，就没有凸起了。还标题下面为产品的导读，将产品的参数泄漏显示出来，当访问者经由扫描对某个产品感兴致了，就可以进一步看产品的引见，属于扫描到感兴致内容后的第二步行动，所以在页面上，要弱化，设计师采用了灰色，以及地区、起订量等都是灰色。查找出来的产品都很类似，代价的比较就变的很首要，所以代价采用了阅读者眼球最关注的颜色：红色。正如我在之前文章里讲的，要钻研电子商务网站的设计，阿里巴巴是最首要的钻研对象。

（4） 文字配图片

为了凸起某个内容，我们常常配个图片，吸引用户的眼球，当然有时是这个内容本身就包罗图片，然则更多的时分我们会配个图标、按钮、小图片，为了凸起这个内容，与周围的内容区别开来。

（5） 四周留空白

为了凸起某个内容，我们常采用把这个内容的四周留白，这也是凸起这个内容的方法，这种方法常常与加粗、字体变大、变颜色等一同运用。

（6） 为内容加导读

加导读的方法，除了让用户添加对凸起内容有更多的查询，吸引用户点击，还从视觉上让用户觉得这个内容比较其他信息占的空间更多，习气上认为这个信息愈加首要，凸起这个部分的内容。

2 内容链接设计通俗标准

网站内容链接要遵守用户习气，让用户看着就像一个链接，想去点击。链接设计也是网站设计与平面设计最大的区别之一。通俗的设计师对链接都能措置好，然则仍然有一些网站在这方面经常犯一些错误，也许各位读者觉得这些错误太始级，然则据我看过的一些做的不好的网站，他们在链接设计上存在如下的问题。

（1）首要链接放图片上

网站大部分的链接都应该运用文字，尤其是内容的链接，尽量增添对图片做链接，不只对搜索引擎优化 倒霉，而且用户运用时更习气点文字链接。

（2）鼠标放链接上时文字颜色无改变

鼠标放链接上时文字颜色改变是一个习气用法，几乎一切主流网站，当鼠标经由链接时，都邑变颜色，目的是让用户更明晰的知道，他预备点击的是阿谁具体的内容。假设链接显示的时分没有加下划线，鼠标放上去后必需求加下划线。

（3）链接文字之间行距太小，看起来很累

链接与链接之间，要有必定的行距，通俗字号在12PX-13PX之间，行距在25-30象素之间，行距太高，太粗拙，行距太低，看起来太累，这些都必定要契合标准，常用的行距是：150%。

（4）链接的布景颜色很深

通俗导航页面链接布景都是白色，为了使看起来不累或美观，可以用浅灰色的布景，或很浅的其他颜色作为布景，布景颜色不能对阅读链接内容构成视觉噪声，烦扰用户的视野。

3 网站内容图片设计通俗标准

在网站导航页面里，图片分为两种情况，正如在《B2B行业门户网站设计开辟实战钻研申报》里所讲的，一种情况是图片作为文字的点缀，让文字内容更凸起，更具有可读性；另一种情况是图片就是内容，产品图片、新闻图片、人物头像等。这两种情况对图片设计的要求是不一样的。

（1）作为点缀或类似按钮的小图片

这类图片首要的一点就是要细腻，运用的颜色必定要契合最新的设计潮流，要更多运用渐变颜色，可以参考良多大门户网站的小图片，可以直接抄过来运用，或许在一些专门的小图标汇集网站去找，然后批改下，就可以运用。

（2）产品图片、新闻图片及人物头像

在设计时，我们常常会触及内容图片，这类图片尺寸不能太大，否则显得太粗拙，也不能太小，太小就不显眼，图片周围有文字说明，不能只需图片，没有文字说明。

（3）图片清楚、不变形是最基本的要求，也是必需的

我们设计时运用的一切的图片、图标，必定要清楚，见过良多设计太差的网站，按钮是变形的，有的图标也是变形的，用户上传的产品图片有的也是变形的，这个在网站设计中是绝对不容许出现的。图片尺寸要契合图片本身的特点，比如服装款式图片、人的头像，高度就必定要比宽度大，见过良多网站设计的人物头像，居然宽度比高度长。

4 导航页辅佐内容设计通俗标准

比如资讯导航页面重点举荐内容的导读，产品列表页面产品导读、产品参数等，在本钻研申报，我都归结为辅佐内容。这些内容设计时要用灰色，字要更小一些，行距要低一些，首要就是不能影响重点内容，使页面看起来更有层次感，主次清晰。用户也是在扫描整个页面，找到首要内容的时分，再去阅读辅佐内容。

关于B2B行业网站的内容设计标准，就讲到这里，其实这个标准，也与通俗的商业门户网站迥然分歧，然则与企业网站的区别很大。

南昌网站建设