如何对网站布局做到不单调且有层次

2016-09-12 分类：网站建设

网站建设当然离不开网页设计，而网页布局却是整个网站设计的重中之重。网页布局不合理，会让人觉得整个网站很凌乱，没有侧重点。这样不但不能讨好用户的欢心，也会让搜索引擎蜘蛛在爬行网站时感到一头雾水，不知从何入手。

那么，如何对网站布局做到不单调且有层次呢?

1、不规则边缘营造质感

即使是简单的左右布局，在元素不多的情况，可以使用不规则的边缘来打破整齐的边缘，让页面拥有更加自然的感觉，提升网站设计的质感，也打破以往简单且死板的感觉。

2、恰到好处的对比色配色

强烈的对比色能给页面提供足够的视觉冲击力，再加上中性的白色，让整个页面更富有层次感。图片元素沿用了相同的配色，而页面正中间的文本采用半透明的白色，增加页面的层次。

3、打破边界的视觉元素

设计师把简单的图形元素从图片中提取出来，打破常见图片素材的边界感。底部的深色导航不仅具备功能性，还让整个网页布局变得更加丰富且不复杂。

4、使用强调细节的视觉素材

要让网页看来不那么单调，可以通过左侧细节丰富人物的细节，从而更容易引起用户的注意力，赋予页面更多的信息量，但又不会让网页布局变得复杂。

5、巧妙使用字体组合

页面采用风格各异的两种字体进行搭配，在排版上互相补充且协调，让整个页面变得更加活泼。简单的左右式布局，图片并没有使用贴边，而是利用留白让图片和背景之间增加更丰富的层次。

6、灵活使用重叠色块元素

色彩叠加是最近今年非常流行的设计技法，色块不一定要覆盖整个页面，即使仅仅覆盖部分图片元素，同样能打破以往呆板布局的感觉。

7、尝试错落重叠的图片

采用两张带有色彩店家的图片错开排版，让页面充满活跃的氛围，且前后对比也更加清晰直观。加上错开的位置露出??功能性的按钮和链接，感觉非常巧妙。

8、让图片发声，围绕图片设计

标题文本搭配高清大图，形成前后景的关系，在图片的边角插入辅助性的链接，而功能性的链接，则用顶部导航和侧边栏来承载，整个页面布局看上简单但内容丰富。

9、图片和图形元素的结合

在背景加入圆形的背景衬托，即使直接把图片置于页面中间也不会觉得单调，而是把整个视觉焦点都聚焦在中间图片素材中，显得整齐且有层次感。

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

猜你还喜欢下面的内容