精致的界面设计如何处理细节？

初级新人设计师与高级老鸟设计师的区别，除了对产品的理解和风格的把握之外，其实更多的往往体现在界面设计中对页面细节的处理上。

一个个看起来精致的页面也是由这些设计细节组成的。对于页面细节的处理也往往可以体现设计师的专业和严谨度，本文分享的这些设计细节，不仅新人设计师常常会忽略，就连有经验的设计师也时常会在这些细节上处理不当。

文字细节

A．文字行距

在做段落文本时，我们很少直接使用默认的文本行距，为了保证阅读的可读性和舒适性，必须设置比默认值更大的数值的行距。

具体的数值可以设置在字号的1.3～1.8倍之间，一般情况下，字号越小，需要的阅读空间会略大一些，特别是在设计一些阅读类需要阅读大段文本的产品页面时，一定要加大行距来提高文本的可读性和阅读舒适性。

B．文字对比度

在界面设计中，应该要保证任何文字的可阅读性，它应该有足够的对比度，即使是提示性文字也要保证在任何类型的显示器上都可见易读。

间距和边距

A．去掉多余的边框和分割线

用大量而明显的分割线和边框将模块分开，是新手设计师常常犯的错误，但在设计的同时，可以同时停下来好好思考：用分割线分开一定是最好的方法吗？有必要吗？

有时用1px的边框和分割线确实是合理的，但也有其他的方法来进行信息的归类和分割，比如利用阴影和更大的间距。

B．避免不均匀的边距

在进行卡片式设计时要注意内容与卡片边缘的边距。如果你是以常用的从左上角到右下角的方式来布局内容，那就让顶部的边距比左侧的边距稍大一点，看起来会比四边都相等的边距更加舒适美观。

投影

在物理现实中，物体的投影绝对不会是黑色的，物体的投影颜色始终会受到其所处在的环境的影响。

应用在界面设计中，物体或是卡片的投影颜色应考虑其背景和环境颜色来进行结合设计，即不应选择纯灰色，而是选择带有背景色彩倾向的灰色，同时设置适当的透明度和模糊值，来营造自然舒适的投影效果。

内容填充

重复和随意的示例文本和图片放在设计图中看起来会很不专业，应该避免交付这样的设计稿，它会让人觉得你对自己的设计是不专业不用心不愿意花时间的，同时也反应了你对与自己的设计产出的重视程度。

此外，也已经有一部分插件可以自己自动选择填充内容，为设计师节省了这些素材的填充时间，所以在交付设计稿时，让自己的设计稿尽量完整专业，哪怕是为了演示效果，也应该放上相应的不同的内容标题、文本、图片，让整个设计看起来更加专业和完整。

以上提到的每一条规则都要结合具体的产品来进行具体分析和设计，但是可以适用在在大多数情况下，设计从来没有一个标准答案，对于设计新手要训练的是，如何找到那个最合适当前产品的设计方式，希望这篇分享能对你有帮助，感谢阅读。

作者：邵丹

来源：视觉半径公众号