发布时间：2023-1-28 分类： 电商动态
四个原则：亲密，对齐，重复，对比
最基本的设计页面是布局布局。如果您觉得您设计的页面总是错误的，为什么其他人的页面看起来很舒服，也许这篇文章可以回答您的一些疑问。
在UI设计中，除了强调颜色方案，字体和UI元素之外，有一点非常重要，那就是设计布局的四个原则。 （对齐，对比，亲密，重复）
- 本文以APP-MONO为模型。
首先，对齐
对齐：页面上没有任何内容可以随意放置。每个元素都应该与页面上的另一个元素有一些可视连接。这创造了清晰，紧凑和清爽的外观。
此页面是推荐页面的列表，反映了设计师在任何地方的对齐情况。最左边与屏幕边缘对齐，列表的对齐推荐名称，右边“关注”按钮对齐等。此页面看起来像所有元素是统一的，连接的并且彼此相关。各个元素之间存在某种视觉联系。尽管没有间距线，但均匀对齐使页面看起来更容易，更美观。
二，比较
对比：对比的基本思想是避免在页面上过于相似的元素。如果元素（字体，颜色，大小，线宽，形状，空间等）不同，那么只需使它们完全不同。为了使页面引人注目，与通常食物相比最重要的因素是它允许读者首先看到页面。
此页面是内容推荐列表页面。从文本的比较分析，文章的标题和介绍的比较，评论的数量和文章的标题的比较，一目了然，使页面更具可读性。
第三，亲密关系
接近度:彼此相关的项应该靠近在一起并组合在一起。如果多个项目彼此非常接近，它们将成为可视单元而不是多个孤立元素。这有助于组织信息，减少混淆，并为读者提供清晰的结构。
上页中的红色框属于两个内容块，两者之间有间隙，这是使用亲密关系，因此同一段内容在一个区域中。
第四，重复
重复:允许设计中的视觉元素在整个工作中重复出现。您可以重复颜色，形状，材质，空间关系，线宽，字体，大小和图像，仅举几例。通过这种方式，可以增强理性和统一性。
此页面是内容列表页面。多个内容块属于相同的设计形式 - 作者+图片+标题+介绍+操作。每种内容的设计形式都是一种重复。通过重复，读者可以更轻松地阅读。您无需了解如何呈现它的成本。很难想象一个包含多种设计形式的列表页面（作者在标题下方的中间图片或作者下方的中间图片或左右表格），这不仅难看，而且还会让用户了解成本，设计师和开发人员还必须在页面上花费更多时间。
总结：该页面将使用以上四种类型的布局设计。仔细查看每个页面时，不难发现四个设计原则。
想要了解更多有关四种设计原则的读者可以查看《写给大家看的设计书》并获得更多灵感。
没有规则，没有规则。
