一些常见的排版原则和方法，对大部分设计无论是网页设计亦或是移动端设计，都是比较适用的。

2021年的第2篇分享(小目标24篇)

今天谈谈作为设计师，页面排版的技巧和方法。

时间过得很快，2021过完年又开始回归工作了。继续开始今年的总结写作，今天讲设计师经常会碰到的排版问题。几乎我们天天都在排版，一个页面如何排版才合理，看似简单，实则大有讲究。

一些常见的排版原则和方法，对大部分设计无论是网页设计亦或是移动端设计，都是比较适用的。总结如下：

1.亲密原则

这是最基础的排版原则，首先对内容进行整理分层级，同一个级别的为一个层级，关联性强的离得近一些。这样会让内容排版显得主次分明，用户的阅读体验感更好。

2.平衡原则

也就是通常讲的视觉平衡，经常见到的网页、平面海报、banner图等等，都遵循这个原则。平衡原则让页面排版看起来更加工整，耐看。比如：

为了避免左侧行动点过多不平衡，采用按钮放置于页面右侧达到左右平衡，右侧图同理。

3.对比原则

对比原则常见包括颜色对比、大小对比、粗细对比、疏密对比等，运用对比原则进行排版，使我们能第一眼看到重点，抓住用户眼球，从而达到预期效果。

图中1和2,1的区域层级要高于2的，所以通过区域的对比，一下子就能看到，层次分明。右边同理。

4.相似原则

对相似的内容用相同的属性和视觉表达方法，例如：同一级别的标题文字大小、字体粗细、字体颜色保持一致；

5.对齐原则

文字和文字之间、内容和内容之间、模块和模块之间等保持对齐，能让信息版面更加工整统一有条理，不打扰用户的阅读感。

6.留白原则

留白说通俗点就是空间感，在排版中留白也是必不可少的。留白能够让用户尽快的寻找到所需要的信息，提高用户体验。特别是内容多的时候，留白的作用就是让用户第一眼不会觉得内容特别多，从而可以有耐心阅读完整个内容。

7.整数原则

这个对于网页和移动设计运用的比较多，页面设计的整数原则，避免用小数点，利于计算。主要运用在排版的间距、大小、尺寸方面，比如页面间距,图片尺寸，字体大小等，我们通常都取整数，这样便于计算。就像移动设计经常用1倍图和2倍图，就是为了和开发对接的时候利于计算。就像我们几乎天天要用的支付宝app

8.参考大厂排版

这个方法，大家都会经常用到，当你不知道怎么排版的时候，参考一些比较知名的公司的相关产品，学习他们的排版方式。大厂的设计相对来说具有引领性，品牌性，他们会相对比较标准。比如要做电商首页排版,可以参考天猫首页。

这些方法，在不同页面不同场景，可以灵活去应用。排版在我们设计中是基本功。大量的练习和实践，能让我们的页面内排版看起来更加舒适。

以上就是我经常使用的排版技巧和方法，希望能帮助到你。 之前是一直忙于赶设计稿和忙碌，没有时间去总结和分析这些，包括写文章这件事。所以新的一年，也给自己定了目标，希望能坚持下去，同时也希望能帮助到跟我一样，热爱设计的你，共勉。2021一起加油。

今天的内容就介绍到这里了，如果帮助到你了，记得“转发、点赞”，推荐给更多朋友一起进步。

Powered by Froala Editor