界面设计对于许多尝试独立开发完整产品的程序员来说，可能是一个令人头疼的问题。很多时候，如果我们向设计师询问，很多人虽然擅长设计，但可能无法解释背后的原理。他们只会说，“这样做感觉更好一些”，“这就是经验/灵感”。

我以前也是这样认为的，直到我读了一本书，才明白原来界面设计背后是有规则可循的。

界面的表层结构正是其内部逻辑的反映。

一个界面上应该放置哪些控件，哪些应该放得近，哪些应该远离，哪些应该采用相同的风格，哪些又应该有区别，这些都源自于它们背后的严谨的逻辑关系，而不是设计师一时的心血来潮。

那本书就是《写给大家看的设计书》。在书中，作者提出了界面布局的四个基本原则，通过灵活运用这四个原则，我们就能将界面设计得既美观又大方。

这四个原则分别是「重复」，「对比」，「对齐」和「亲密性」。

「重复」原则强调的是「一致性」，它告诉我们「在逻辑上一致的元素，在视觉上也应该保持一致」。

「对比」原则强调的是「层次感」，它告诉我们「在逻辑上不同的元素，在视觉上也应该有所区分」。因此，我们需要设法突出这种差异。

「对齐」原则强调的是「稳定感」。均匀的留白能够营造出一种稳定的感觉。这正是产品质感的一种潜意识传递。虽然对齐看似是微小的细节，但如果处理不当，很容易破坏产品的整体质感，而且会给那些有强迫症的朋友带来巨大的压力。

「亲密性」原则，强调的是元素间的关系，它告诉我们「如果元素在逻辑上有着紧密的联系，那么这种关系也应该在视觉上得到体现」。相关的项应该彼此靠近，不相关的项应该远离。

书中有非常详细的介绍和让人恍然大悟的例子，我建议大家阅读原书。

四大原则回答了许多常见的界面设计问题。例如，在上面的图中，白色方块之间的间距为什么不能比第一个方块与页面边界的距离大呢？

如果我们仅从感性的角度来解释，可能会说“这样放置看起来不好看”。但是，如果我们通过“亲密性”原则来分析，我们会发现在逻辑上，相对于页面边框，白色方块应该被视为一个整体。

一个白色方块与其他方块的关系，显然比它与页面边框的关系更近。因此，这种深层的逻辑关系在视觉上的表现，就是它们之间边距的差异。

如果视觉表现和逻辑关系不一致，我们就会感到“不协调”、“不直观”。这些原则为我们理解设计的逻辑打开了一扇门，使得那些曾经只依赖于“感觉”和“经验”的设计技巧变得有规则可循。

熟悉这些原则后，只需多加练习，再加上一些简洁、清新风格的设计细节，我们就能在大多数情况下制作出七到八十分的界面。