网页设计时网格系统使用的2点建议,多做规划再开始

2020-09-22 11:02:55  41 浏览  0 评论   赞

网页设计时网格系统的使用已经是一种约定俗成的事情,如果你已经遵循如此,那么不妨看看本文的两点建议:使用重叠网格,使用有限制的网格

网页设计时网格系统使用的2点建议

图561-1:典型的网页网格

页面制作少不了网格系统的使用,因为它的优点太突显了,无论是网页设计还是开发、管理,都用得到!因为允许按照比例设计,从而打造出元素、内容之间的平衡感。再者,它非常的灵活,可以根据设计师的需求自由地进行调整!因此,它很受欢迎,用它来打造出极具正式感和规范感网站,还相当的有质感,因为结构分明,用户体验杠杠的!

但是,再多优点都不代表是万能的。为什么呢?尤其是对于网页设计的新手来说,会阻碍他们的发挥。因为很明显感觉到条条框框,不知道如何下手。如果碰到这样的情况,建议先把网格系统丢到一边,让自己去发挥,然后再根据自己的技能和经验、感觉来进行排布,然后切除网格系统!

再者,网格系统用起来并不是那么简单,需要花费一定的学习成本。

网页设计时网格系统使用的2点建议

图561-2:网格的参考线

以下是网格系统使用中的一些建议。

使用重叠网格

使用CSS网格框架是如今网站建设的潮流,如果将网格设置为叠加然后进行锁定的话,这样可以让你的网站建设心中有数!注意,重叠网格之后需要设置分栏参考。

有限制的网格

有限制的网格_网页设计时网格系统使用的2点建议

图561-3:网格的增量

像运动员绑着沙袋去训练一样,有限制的训练,反而会更出色呢!所以,在进行网站建设的时候也不妨考虑这样的形式,在有一定显示的条件之下,让你更专注于重点!但是要注意空间方面,不要忘记垂直方向上的空间布局!再者,每一栏之间的宽度越大的话,留给信息内容和元素的空间就越多。这就需要你的把握了。

在使用网格系统进行页面制作的时候,应该在设计之前多做规划,这样可以让布局更为流畅,层级更加分明。

 

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

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

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