设计的版式布局一般分为初步编排、信息分层、放置背景找到问题、版式编排、解决配色以及图像处理等六个步骤，其中最为关键的是第一步，需要认真仔细梳理最基本的文案内容，将文案放置到画面中简化做另一个初步框架的编排，这样才能为后面的步骤打好基础。
一、设计的版式怎么布局
1、初步编排
首先文档中梳理最基本的文案内容，将文案放置到画面中简化做另一个初步框架的编排。
2、信息分层
阅读文案并分类出主题、副标题、内容、时间信息以及小部分弱化文字的关系，这样就可在之后的排版中做出字体、大小、位置、比例等信息的分层。
3、放置背景找到问题
尝试置入背景找寻问题的所在，例如填充底色，再放入跟主题相关的素材融入看看大概的感觉，当发现色系和风格不与主题相符时，可尝试换成与主题相似的色系和素材找出影响版式美感的问题所在。
4、版式编排
（1）通常情况下可以利用色块先将文字层次划分出来，比如主题可以放大，小标题缩小，内容层进行拆分。
（2）再结合一开始提到的布局比例关系，当图像的面占比越大时，版式上的构造就会相对简单的原理，解决初学者或者想快速排出好版式的首选。
5、解决配色
最简单的办法就是吸取你想要放置的主视觉图像或素材上的主颜色，以此得到一个主色调与辅助色，有人说另外一个颜色如何配的，正常利用相邻色、间隔色、互补色等等来找寻之间的配比关系。
6、图像处理
比如可以利用渐变映射对其图像置换新的颜色，扁平和手绘风改变其原有纹理和色彩质感。
二、网页设计如何排版
1、大小反差
（1）在PC端我们可能会采用字号差异较大的文字组合，移动端屏幕较小，容纳的文字也较少。
（2）同样的字号差异在小屏幕上的感受也会被放大，我们在使用这两种设备的时候观看距离不同，PC端我们的眼睛距离较远，而在移动端则是相反的，因此我们应该在移动端使用较小的字号反差。
2、字重
不要使用PS中的文本加粗，它不仅破坏字体本身的美感，还改变了文字原本的字宽而影响段落文字的对齐，合理的方法是使用字体本身的字重来控制，比如苹方、Neue等字体本身就提供几种字重选择。
3、可读性
移动设备使用环境复杂而多变，不局限在室内，可能在室外甚至暴露在强烈的阳光下会影响阅读，所以我们在这一个方面也是要注意且要去思考的。
4、对齐方式
在英文的段落排版中，一般是左侧对齐。左对齐更具有可读性，对中文排版与阅读习惯而言则相反，段落的头尾对齐尤为重要。
5、层次结构
在排版中，层次这个词是区分文本和不同元素的重要性区别的学术性说法，我们要将层次结构弄明白，哪个重要哪个其次。
