网格设计的5种类型,快速提升工作效率!(四 )
四、使用网格的技巧
知道了网格的不同类型后,接下来让我们来了解一些在设计中更好地使用网格的技巧。
1. 先考虑网格类型
在开始设计之前,请先考虑网格的类型,而不是把它放到最后并试图让设计适合网格。
2. 尝试打破网格
新手设计师在设计时可能会受到网格的限制。创建网格后,在设计决策合理的情况才完全可以打破网格。
网格使用的越多越会意识到它是一个指南,帮助我们更快更好地设计。
3. 不要害怕留白
留白在设计中很重要。没有必要填满页面的每个角落,考虑在各部分内容之间留有适当边距,使用户在浏览页面时可以呼吸
和暂停。
4. 尝试使用960网格系统
960网格系统提供基于960像素宽度的常用尺寸来简化web开发流程。
960网格遵循以下结构:
总宽度为960px
最多使用12列,每列宽60像素
在每列的左侧和右侧使用10px的间距
总内容区域为940px
12列网格系统具有足够的灵活性。下面的示例中展示了如何在12列网格中使用3列布局添加内容。

