网格确保了设计结构的组织分明、结构明晰。我们可以通过网格系统更好的打造设计的信息层级,让设计阅读起来更具有韵律感。就跟编码一样,编码需要有机的组织结构,而网页设计的网格系统也是同样的作用。

但这绝不意味着设计者要循规蹈矩,被网格限制。就拿响应式设计来说,灵活性是其最大的特点——网格系统也应如此。所以,多了解一点网格的知识,以便于可以更加灵活运用网格。

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(1)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(2)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(3)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(4)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(5)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(6)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(7)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(8)

网页边框间隔怎么设置(这8个网格尺寸小知识让网页设计更规范严谨)(9)

作者:Zander Whitehurst,来源:优秀网页设计(youshege),如侵权请告知删除

,