网页设计中使用栅格栏的几个好处

2020-10-12 09:37:25  28 浏览  0 评论   赞

栅格是网页布局的基础设施,他不可见,但是非常有用,让元素在页面中合理放置,提升页面的组织性,使得设计更加高效,不同页面之间保持一致性

网页设计中使用栅格栏的几个好处

图972-1:栅格1

页面设计使用栅格栏并不是多么老套的方式,但要真正的去打破栅格栏首先需要深入地去了解它。首先,你要清楚地知道无论在页面设计当中使用怎么样的栅格,都是设计过程的“基础设施”。它能够帮助你确定页面的元素怎么放置,能够确保不同的控件在页面当中不会显得突兀不协调,同时能够提升页面的组织性。

网页设计中使用栅格栏的几个好处

图972-2:栅格2

除此之外还有:

  • 保持页面内容和元素的组织程度。在栅格系统下,元素从左到右,从上到下都清晰明了地排布起来,让布局保持一致性。
  • 使得设计更有效率,因为规则化的栅格让页面上的UI元素的排布比较规范化
  • 让不同的页面之间都能够保持一致性
  • 让元素和元素之间的间距都一样,让整个页面设计呈现得整洁

网页设计中使用栅格栏的几个好处

图972-3:栅格计算公式

 

转载请注明:网创网 www.netcyw.cn/b972.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com