页面设计的布局原则

四个原则:紧凑、两端对齐、重复、对比。

一个假想的页面，最根本的是整体的布局设计方案。如果你觉得自己想象的页面总是有问题，为什么别人的页面看起来那么舒服？也许那篇文章可以解释你们组织的欺骗行为。

在UI想象中，除了夸张的配色、字体风格、UI元素，借用一个方面是很关键的，那就是想象整体规划的四年原则。(对齐、对比、紧密、两端重复)

-以APP-MONO作为本文的解释样本。

1.两端对齐。

两端对齐:所有专用工具都不能像一直在页面上那样随便安装。每个元素都要带页面上的另一个元素，有某种视觉效果上的联系。那可以营造出一种清晰、优雅、清爽的优雅概念。

哪一页是推荐的列表页，四个地方主要能显示出远见者两端的对齐情况。右侧显示屏边缘两端对齐，列表中推荐名字两端对齐，左侧“关注”按钮两端与这些对齐。在哪个页面，好像所有的元素都是一样的，有联系的，相互关联的。每个零元素中间都有某种视觉效果桥。虽然有间隔线，但是通过在整个过程中对齐相同的两端，使页面看起来更简单，更美观。

2.对比

对比:对比的基本思想是阻止页面上的元素过于接近。如果元素(字体风格、颜色、大小、图形边界、外观设计、室内空房间等。)是相同的，那么他们会很容易不同。为了让网页家喻户晓，与任何食物相比，最重要的水果元素是它能让读者先看那一页。

内容推荐列表页面是哪个页面？从笔墨对比说明来看。文章内容的类型与介绍进行对比，赞数和指责数与文章标题进行对比，使页面更容易阅读。

3.紧密

邻近性:相互关联的项目应该彼此靠近，并且组已经在一起。如果几个项目之间联系过于紧密，就会成为一个视觉效果企业，而不是其他几个的元素。那有利于结构上的疑惑，减少混乱，给读者提供一个清晰的结构。

在哪个页面上，圈出来的单元属于两个内容块，管理中心有空的缺口，也就是属于紧凑性的应用，使得统一的块内容已经在一个区域内。

4.重复

重复:让想象中的视觉效果因素在所有的成品中得到重复展示。可以重复颜色、外观设计、材料数量、室内空关联、图形边界、字体样式、图片大小尺寸等。如果去了，不仅可以删除多样性，还可以提高认同感。

哪个页面是内容列表页面，几个内容块属于一个统一的作者图片类型的场景-介绍控件。每一个内容的情景都是一种重复，读者更容易接触到，不需要学习成本就能知道如何展现情境。很容易想象一个列表页面有各种各样的场景(顶图管理中心的顶题型或者顶图管理中心的顶题型或者左中左的情况)，不仅没有美感，还会给客户带来学习成本，远见者和先行者要在页面上花费大量的时间。

总结:大量页面会接受上一页四种排版设计混淆的情况。如果仔细观察，上一页的每一页都没有轻松的创造和发明。这四个假设都是合理的。

这个四年计划的读者可以给大家讨论一下《理念之书》，会有很多启发。

为什么是侧面，而不是周围。