电话0510-66899765

聚焦行业热点,把握时代脉搏
从品牌网站建设到网络营销策划,从策略到执行的一站式服务
公司新闻 行业动态 营销常识 drupal技术分享
如何提高网站建设的层次感?

日期:2022-06-13 17:10:20 访问量:0


做了很久的网站建设,有时候真的还是会遇到这样的情况,网站建设完成后发现还是少了些什么?想改都不知道从哪里入手,反正就是页面太平淡无奇了,没什么起伏感层次感。什么是网站建设页面的层次感?层次感是在符合视觉合理性的基础上,把要强调或要突出的重点部分与画面中其它的元素区分开来,让页面有重点,有次要。可以通过一些小元素的大小,远近,前后,色彩对比等多种方法让人区分开来主次关系。让用户在浏览时有明显得变化和思考的自由空间和时间 。有自由的时间才能更加好的选择与思考。再讲直白一点就是以用户的角度去看一个页面,给用户轻松愉快的感,既能提升阅读效率,又能让页面主次分明。那么如何提高网站建设中的层次感? 


6855606a7e71b5dcfd3ae32bcf8a9188.jpg


一、用文字来区分

文字应该算是区分主次层级的重要因素,通过调节字体的字号、大小、字重、色彩等来拉开文字的层级。比如标题使用大号字体,再加粗。如果加粗让页面感厚重了就可以通过改变色彩来调节。在很多海报中大家看到过通过首级文字拉开对比,让用户一眼就看到这个是重点。区分层级的案例给大家看看。


二、上重下轻,左重右轻

这个是网站建设考虑到人的视觉习惯是从下至下,从左至右的,所以先看的都是重点。主流的布局都是上方 是信息标题,下面是补充说明 。这是迎合用户浏览习惯的一种习惯。


三、文字层次中的统一、对比与调和

文字也要讲究大方向上的统一,局部对比与调和。什么叫大方向的统一?就是页面中相同属性板块,要保持板块上的统一。比如列表这种通过的样式,只要出现类似FEED列表就需要套用产品内能过的规范组件,而调和是指如果在一个列表信息中有N种不同的信息字段,并不是每一种字段都要进行样式上的区分,一些不要做区分的字段可以保持统一,这就是调和的作用。


四、图标的复杂程度体现页面层次感

比如在不太重要的层级使用复杂的图标或者图片,而在重要的页面则使用简单的图片和图标,则让页面的层次感乱了。而进入个人中心全部是功能的页面,就使用的单色细线条的图标,让页面主次分明,层次感加强。 记住主要的重要的页面使用图标要复杂一点,丰富一点。次要的页面则要简单。


五、插图要使用在重要的场景

现在越来越多的网站建设使用了插图,插图能页面情感化,但是插图也不能乱用,我们常见的插图出现在启动页、空白提示页、断网页、等一些需要补充说明的地方。什么时候不能用插画,比如层级很深的页面为空,或者较长的详情页某一板发起人为空时,就没需要用插画了,会显得层级高,有点乱了。只能用在层级本来就高的页面中。


六、间距大小体现页面层次感

大家见得比较多的是网站建设首页等几个主要功能页面大量留白的比较多,因为清晰的布局让页面看起来更轻松,呼吸感更强,但是二级三级页面,如果再大量的留白就显得太单调了,因为主页是内容太多,为了让用户浏览轻松一点才大量留白,二级页面一般内容不会太多,适当留白就好了。 

*本站部分信息来源于网络,仅供个人研究、交流学习使用 如有侵权请告知删除。
相关内容