怎么设计网页排版？

　　在现在这个大数据时代，网页制作已经没有以前那么难了，但是要想做好的网站，从众多网站中脱颖而出。网站设计跟排版是至关重要的。那么，如何进行网页设计、网页设计需要注意些什么呢?今天上海网站建设公司腾曦小编就跟大家分享一下怎么设计网页排版？

　　1、传统平面排版的四大原则：

　　重复：将元素重复运用(包括颜色、形状、材质、字体、空间关系等)以增加画面的条理性和整体性;

　　对比：避免页面上的元素形态与关系构建过于相似;

　　对齐：将画面中的元素进行分类以实现页面的组织性与条理性，让视觉单位之间既有独立性又视觉统一;

　　亲密性：画面上的每一元素都应该与另一个元素存在某种视觉联系，建成清晰的结构;

　　2、　网页排版设计

　　中心型排版（视觉聚焦）：

　　「中心型排版」主要利用视觉中心突出想要表达的主题，一般会将最主要的设计元素放在版面的最中心。利用大家的视觉习惯聚焦视线，突出主题。画面具有稳定感，但具有较强的视觉冲击力。适用于有十分明确的设计主体元素，且主体元素最好自身具备视觉冲击力.;并且无太多文字元素或文字，装饰性大于功能性。

　　垂直型排版（理性严谨）：

　　「垂直型排版」是较常规的排版形式，将图片与文字按照比例在垂直方向进行编排设置。水平排列的版面给人稳定、平静的感受，而垂直排列的版面给人律动感。文字与图片在视觉效果下一般会自然形成分割的形态。版面具有稳定性和秩序感，给人以严谨和理性的美。注意在排列文字元素时通过大小与形式上的对比体现信息层级关系，避免信息混乱。

　　倾斜型排版（动感与活力）：

　　「倾斜型排版」是通过将设计主体或整体画面倾斜编排，或是在版面中引入斜线划分画面的形式进行排版。具有不稳定的视觉感受但同时极具律动感和活力，是视觉冲击力很强的排版形式。无论是斜切式的版式编排还是利用斜线指向特定物体或方向，都能在版面中起到主导观者视线的作用。倾斜型排版让呆板的画面变得富有动感。注重画面的整体性避免画面过于琐碎凌乱，注意突出重点减弱其他。

　　曲线型排版（韵律感）：

　　「曲线型排版」主要是将视觉元素即图片和文字在版面上按照一定曲线形态进行排版，版面具有不稳定性。画面有纵深方向的空间感与韵律节奏感。常见的是S型构图版式。

　　对称型排版（平衡感与呼应性）：

　　「对称型排版」画面呈中轴线上下或左右相互平行，排列图形具有呼应性、多相似性。在突出主体且具有画面稳定性的同时，又有变化和冲突感。素材选取要有呼应性或冲突感，排版时注意对比与统一的平衡。

　　分割型排版（形式感）：

　　「分割型排版」是将版面分割，利用有形或无形的分割线使画面具有明确的独立性和引导性。画面分割的面积大小与位置对比，可以较明确的体现出版面中各部分信息的主次关系。每个看似独立的部分联系在一起，整体画面不会拥挤也不显单调。适用于需要处理的内容元素多，即图片多、文字多的时候。当素材本身质量参差不齐时，可使用分割型排版通过裁切图片局部、调整大小等处理扬长避短。

　　满版型排版（视觉冲击力）：

　　「满版型排版」 通过大面积的元素平铺或堆叠，用最直观与强烈的视觉刺激来传达主题信息，画面丰富具有感染力。通常有整体满版、细节满版和文字满版三种形式。缺少素材时可采用重复元素的排版方式或将素材变体进行重复排列来占据版面排版。整体给人大方舒展视觉冲击力强的感受。