△图文搭配、文字排版、颜色配合都有各自的“分寸”

“分寸感”是指搭建时各种元素的应用都要适度，有的商家为了突出品牌资讯，在网页里放了很多内容，虽然内容质量高，但组合没有分寸，破坏了整体观感，减少了用户的浏览欲望。

图片2.png

△产品展示过多，排版上没有突出重点

把握好“分寸感”，能让你的网页重点更加突出，提高用户留存率，下面我们就来看看应该怎么做。

图片3.png

1.简单布局·合理引导

网站的整体布局应该尽量简单，做到一目了然的效果，以首页为例，小编推荐按导航栏→banner→产品展示→跳转模块的布局思路去搭建，这个布局能让用户进入首页后根据商家设置的引导循序渐进地了解品牌，对品牌产生兴趣，从而跳转到后续的详情页。

图片4.png

这里推荐banner放置1~3张以内，避免信息过多影响了用户的判断，根据商家实际的产品设置，可以将产品展示和跳转模块合并在一起。

图片5.png

△产品展示图上放置跳转按钮快速引导客户

还可以设置一个图标组合模块，用户点击不同图标就跳转到对应的详情页，这样的布局能让巧妙将页面缩短，显得更精简，同时也能将重要的信息突出。

图片6.png

△图标组合言简意赅，又能产生交互和跳转

搭建的过程，有的经常会遇到这样一个问题：想展示的资讯很多，一个通栏放不下。这时候有的人会采用“我全都要”的方式，在首页加入很多轮播图、列表图等来展示，这样虽然能将信息都放出来，但对用户来说，要了解全部产品花费的时间太长，过程中容易失去耐心。

图片7.png

这时候应该反其道而行，信息越多在首页上的展示就越少，制造多点空白，先放一些核心产品出来吸引注意力，然后设置跳转按钮，引导用户去详情页查看更多的产品。

例如做全屋定制服务的网站，首页无法将全部风格的装修都展示出来，因此商家挑选了两个主推的风格，住宅风和商业风，让用户对品牌擅长的装修风格有初步的了解，再引导用户跳转查看更多风格。

图片8.png

△展示核心商品，后面接跳转按钮到更多产品页

在适当留白的基础上，可以增加一些强烈的交互效果来强调信息，给用留下更深刻的印象，前文提到的炫酷特效，就是指这些入场动画或者强调动画的设置，用来突出某个板块的信息。

图片10.png

而小编更推荐使用悬停容器，悬停容器可以实现当用户鼠标移到模块上时，模块出现强调动画，增加了用户交互效果，提高了用户体验。

图片11.png 图片12.png

△悬停容器需要标准模板网站，自适应暂不支持

如果既不想占用太多版面，又能尽量展示更多内容，标签模块是个不错的选择。

标签模块支持在同一区域内，通过选择不同的标签tab来展示不同的内容，可以实现将重要信息聚合在一个版面上，又不显得累赘。

图片13.png

△纵向标签讲述不同年份品牌故事

标签建议设置3~5个，同样可以在模块的底部加入跳转模块，引导用户做进一步的转化。

图片14.png

△横向标签展示不同风格装修，加跳转按钮引导转化

以上是小编对网站搭建“分寸感”的分享，把握好“分寸感”，你也能搭建一个好看的网站！

-END-