页面如何排版，我用这些方法轻松搞定

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

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

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

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

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

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

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

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

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

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

 8.参考大厂排版

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

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