制作网站页面布局的技巧
在建网站的时候,我们 常接触的布局无非是上上下下,垂直对齐,横平竖直,方方正正,外观舒适。信息布局清晰易读,表面看起来没问题。但是如果整个页面是必然的,那么网站难免会让人觉得有些生硬,缺乏一定的设计感。如何突破正在建设的网站中的页面布局,使设计更具动态性,下面是一些解决页面布局问题的技巧。
1.扩张
用古人的话说就是“整个春天都关不上,红杏出墙”。这种感觉的主要内容不限于页面框架内部。适当扩展跨越两个模块,既可以打破常规布局,又可以让两个模块有一定的扩展和连接感。
2.过渡
当然,更多的时候,我们不能在分割中避开直线,也不能把所有的直线都变成曲线。此时,我们可以使用一些元素在模块之间进行转换。左右分屏是过去一年流行的布局方式之一。这种布局可以强调品牌的色调,避免图文干扰。
问题是中间的分割线。设计师将输入框跨越两个模块,巧妙地打破了僵化的形式。
3.藏
有些信息可能显示不完全,只能显示 重要的部分。会放在屏幕外,以适度的方式隐藏,更有利于突出重要信息,有一定的延伸感。它没有显示所有的图形,其中一些被留在浏览器之外,给了人们更多的想象力,使图片更加大气。
4.小瀑布
分层的图形、图片、文字等。打破传统的左右、上下布局,增加画面的透视和层次关系。这不是干巴巴的解读图片。堆叠和交错元素用于创建图片的水平、透视和场景。
5.放错地方了
后,用图片来总结,在网站的建设中,布局上的细微变化,不拘泥于传统,可以让网站建设界面有更鲜明的视觉形式。在实际的网站制作中,正确使用,大胆尝试各种布局方式进行创新和功能。
|