设计的版式怎么布局，依次划分文字层次、拆分内容层

一、设计的版式怎么布局

1、初步编排

首先文档中梳理最基本的文案内容，将文案放置到画面中简化做另一个初步框架的编排。

2、信息分层

阅读文案并分类出主题、副标题、内容、时间信息以及小部分弱化文字的关系，这样就可在之后的排版中做出字体、大小、位置、比例等信息的分层。

3、放置背景找到问题

尝试置入背景找寻问题的所在，例如填充底色，再放入跟主题相关的素材融入看看大概的感觉，当发现色系和风格不与主题相符时，可尝试换成与主题相似的色系和素材找出影响版式美感的问题所在。

4、版式编排

（1）通常情况下可以利用色块先将文字层次划分出来，比如主题可以放大，小标题缩小，内容层进行拆分。

（2）再结合一开始提到的布局比例关系，当图像的面占比越大时，版式上的构造就会相对简单的原理，解决初学者或者想快速排出好版式的首选。

5、解决配色

最简单的办法就是吸取你想要放置的主视觉图像或素材上的主颜色，以此得到一个主色调与辅助色，有人说另外一个颜色如何配的，正常利用相邻色、间隔色、互补色等等来找寻之间的配比关系。

6、图像处理

比如可以利用渐变映射对其图像置换新的颜色，扁平和手绘风改变其原有纹理和色彩质感。

二、网页设计如何排版

1、大小反差

（1）在PC端我们可能会采用字号差异较大的文字组合，移动端屏幕较小，容纳的文字也较少。

（2）同样的字号差异在小屏幕上的感受也会被放大，我们在使用这两种设备的时候观看距离不同，PC端我们的眼睛距离较远，而在移动端则是相反的，因此我们应该在移动端使用较小的字号反差。

2、字重

不要使用PS中的文本加粗，它不仅破坏字体本身的美感，还改变了文字原本的字宽而影响段落文字的对齐，合理的方法是使用字体本身的字重来控制，比如苹方、Neue等字体本身就提供几种字重选择。

3、可读性

移动设备使用环境复杂而多变，不局限在室内，可能在室外甚至暴露在强烈的阳光下会影响阅读，所以我们在这一个方面也是要注意且要去思考的。

4、对齐方式

在英文的段落排版中，一般是左侧对齐。左对齐更具有可读性，对中文排版与阅读习惯而言则相反，段落的头尾对齐尤为重要。

5、层次结构

在排版中，层次这个词是区分文本和不同元素的重要性区别的学术性说法，我们要将层次结构弄明白，哪个重要哪个其次。