网站建设资讯

网页排版布局设计中留白技巧的6个好处

行业动态 2021/5/16 17:37:11 | 阅读:67

我想应该没有一个用户愿意花大半天时间去浏览一个网页,看到的是一堆自己不想找的信息吧。网页排版布局设计中,留白技巧尤为重要,对于用户浏览信息的体验而言至关重要,甚至影响网站的转化率。



留白指的是设计里的背景空白空间,图片、文字、标题和Logo等构成设计里的前景部分。


作者:Firman-Suci-Ananda


留白让你的设计有了呼吸的空间,处理好了留白问题,前景主体部分将会凸显,用户就能看到你想表达的信息。



花最少的时间获取最多的有用信息,才是用户的出发点。


来源:adidas中国官网



如果一个网站干净、简单,它就能留住用户。所有的设计师都希望自己的网站转换率高,而留白在这方面起了很大作用。


来源:Apple中国官网


留白有哪些好处?


1、留白增加易读性

如果文字间距安排的合理,段落文字之间的空白区域使得信息层级关系清晰明了,页面也更加有条理和逻辑性。那么就能增加易读性,用户体验也会更好。



2、留白增加互动性

如果网页里填充了大量的文字信息,有时会让用户感到害怕。而适当的留白给了用户互动参与的时间和呼吸的空间,标题和小标题周围的留白也能吸引用户的注意。


来源:法拉利中文官网


3、留白让CTA按钮更加明显

CTA(Call to action)按钮对于优化网站转化率有很大帮助,可以吸引用户注册会员、下载软件、购买产品等。因此设计师们需要考虑如何让CTA按钮更加明显。


来源:Nike中国官网


来源:锤子科技官网



可以设置清楚的图标或者增大按钮的尺寸,另外按钮旁边增加大量的留白通常都是非常有效的。


4、留白让页面更整洁

留白应用的恰当,网页也会显得有条理,更加干净整洁,用户体验也会更好。


来源:小米企业官网


5、留白增加了平衡感

如果不使用留白,网站会看起来杂乱无章,用户浏览网站时也会不知所措。但是,过多的留白也会让网站看起来太空,没有内容。因此,恰当的留白可以营造平衡感,视觉上也更具现代感。



6、留白造成了元素分割

留白可以分割内容里的不同元素,让用户浏览不同的部分。网站用户一般会选择他们最感兴趣的去阅读,使用留白分割不同的元素,则给用户提供了选择的自由。


作者:Stugbear


尽管留白有如此多的好处,但所谓萝卜白菜各有所爱,有人喜欢干净整洁的页面,而有人偏好内容繁多、颜色丰富的网站。就像一些人习惯用Google搜索,而另外的人喜欢“拥挤”的雅虎页面。



因此留白问题一直是个争论的热点问题,一些设计师认为留白能带来更好的用户体验,而其他人则认为留白没有任何好处。



是否使用留白,还是要看设计师自己对网站用户的分析和理解。留白不仅仅是指“空白”,留白设计的巧妙,可以增加设计感,吸引用户的注意,提高易读性。


来源:Worktile官网


小结

-


关于网页排版布局设计中的留白技巧这方面的建议、案例网上有太多了,数不完,但基本都是解说同一个道理。这都是设计师为了在易读性和平衡性之间找到最佳的用户体验因素。设计师不得不同时兼顾网站呈现的内容以及用户对象,合理地安排布局中的留白,确保用户使用体验是满意的,从而最终提高网站的年提额度和转化率。