网站制作网页布局方面，可以强调水平，垂直或对角线方向，垂直空间比水平空间更难控制，环境都包含垂直对象，倾斜的水平或角度可能导致用户不适，经常用于实现戏剧性，强烈，动态，能量，应激诱导效果。努力保持图片的稳定性。

    1、框架的磁性

    网页框架在视觉上非常强大，会扭曲引力感，如果框架的两侧不相等，则是不对称的，从左到右阅读对角线，屏幕上的放置可以增强屏幕方向和框架的磁性。在屏幕上以某种方式感知运动和重力。更重要的对象应放在屏幕的右侧。在设计网站时，这些原则特别有用。内容应放在右侧，较小重要的导航链接放在左侧。对齐的项目和图形对象可以与框架的前三分之一垂直对齐，如果在X和Y轴上没有对称平衡，则图像是不对称的。

    2、图和底层

    这是一种心理活动，可以让用户区分图片前景与背景，前景是图，背景是图片底层。当更改缩放时，关系会发生变化。底层只是未使用的空间。将图与底层分开的轮廓属于图。这个比底层更容易改变。图和底层不能同时被察觉，可以叠加图像以有意混合图形和底层的元素。例如，在某些图形布局中，图形可以由树木，充满活力的白色和蓝色以及一些绿草组成，网站的背景应该包含更轻，更暗的颜色。

    3、填补空白

    在页面布局中填补空白，低清晰度图像需要比高清晰度图像更多。有时更高的分辨率并不总是更好，特别是在私密场景中，较低清晰度的图像只有在能够闭合时才是理想的，相似的元素彼此靠近在视觉上分组，以形成更大的形状或线条。相似性是当将相似的形状组合在一起时发生的现象，当主导方向建立不受周围环境干扰时，发生连续性。

    4、向量和其他线性组合

    矢量是引导用户眼睛从一个物体到另一个物体的方向力，图形矢量由不动的物体创建，这些物体将眼睛引向特定的方向，当某些东西瞄准强制方向时，会创建索引向量。运动矢量由运动中的物体创建，矢量幅度由屏幕方向，图形质量和物体速度测量。实质上，幅度决定了物体沿指定路径行进的速度。相机移动也可以增强幅度，当两个或多个向量瞄准相同方向时，创建连续向量。类似地，聚合向量是当两个或多个向量指向彼此时，发散向量是指向量向相反方向发展的过程。