《交互设计入门引导：5点原则两条规范》(6)

来源：未知 时间：2019-03-19 10:54

水槽宽度越大，页面留白和呼吸感会更好，反之则更紧凑

一般而言，除了列宽和水槽外，界面设计时还会留有一定的安全边距，用于保证文字的易读性和界面美观度。安全边距通常与水槽宽度有一定的比例关系，常见比例关系为0.5：1和2.0：1。

anyway，栅格系统是辅助页面布局而存在的，应该根据实际内容灵活的使用栅格，而不要被栅格所束缚。所以，最后说说怎么使用栅格系统：

第一步：确定页面宽度，比如1920、1800、1600、1366、1280等等。

第二步：分析内容等分的复杂度，如果内容简单只需要3、4等分，12列的栅格系统即可。如果有较多不等分的可能，建议采用24列的栅格系统，可灵活设置。

第三步：根据内容布局页面，确定模块之间是否有「间隔」，间隔尺寸是多少，6px、8px、10px、12px和20px选一个方便计算、方便记忆和整除的数值即可。

就像过去，开发人员发现960px是最适合作为网格布局的宽度，因为960可以整除3，4，5，6，8，10，12，15。有时候，你会发现，设计在某种程度上，也是一道数学题。

作者：老笨Siva

分享到：0