网页设计中四个页面布局要点网站排版布局是整个网站页面的核心,网页的基本结构千变万化,布局也不必拘泥于固定的格式,设计师根据实际情况变化即可。
不过,关于网页设计的四种布局要点还是需要知道的。
一、无边界
无边界的布局模式,只是画出了一个大致的框架图,也许你只是想说这只是框架,因为设计规划前期很多素材还并不完善。
一段文字和一张图片,甚至一个图标,在你进行布局的时候,由于素材并不是立刻手到擒来,因此布局总是喜欢用一个个矩形来代表一段文字或一张图片,这本没有错,但这个做法也会让人陷入“框架陷阱”。
二、基于模块或网络
有些排版方式是建立在模块化或类似网格的结构上的,在这些设计中,每个模块都力图根据屏幕尺寸伸缩调整。
实际上这并不是什么新的方式,不过响应式网页设计让它变得更加有用,它暗示了一种自适应布局模式,可以像搭积木一样,由各种模块组件创建而成。
三、垂直分割
垂直分割式的布局在上一篇文章中我们也有提到过,使用垂直分割布局,原因有两个。
有时候在一套设计中,的确存在两个同等重要的主体元素。
网页设计的通常方法,是按照重要性给内容排序。
然后重要性会体现在设计的层次和结构上。
但是假如你就是要推广两样东西呢?这种方式,可以让你突出两者,并让用户迅速在其中做出选择。
第二是要表现出重要的两面性。
四、几何图形
网页设计布局几乎都是由几何构成的,三角形、圆形、矩形等等,都经常被使用。
加之显示屏本身就是矩形,因此在布局时最常用到的也是矩形。
在实际的网页设计过程中一定是花样百出的,绝不可能用一两种布局模式就轻松完成,多思考多改变,总不会出错。
但不管如何变化设计方式,最终还是要围绕着“美观”与“用户”进行的。