网格设计的5种类型,快速提升工作效率!(四 )


四、使用网格的技巧

知道了网格的不同类型后,接下来让我们来了解一些在设计中更好地使用网格的技巧。

1. 先考虑网格类型

在开始设计之前,请先考虑网格的类型,而不是把它放到最后并试图让设计适合网格。

2. 尝试打破网格

新手设计师在设计时可能会受到网格的限制。创建网格后,在设计决策合理的情况才完全可以打破网格。

网格使用的越多越会意识到它是一个指南,帮助我们更快更好地设计。

3. 不要害怕留白

留白在设计中很重要。没有必要填满页面的每个角落,考虑在各部分内容之间留有适当边距,使用户在浏览页面时可以呼吸

和暂停。

4. 尝试使用960网格系统

960网格系统提供基于960像素宽度的常用尺寸来简化web开发流程。

960网格遵循以下结构:

总宽度为960px

最多使用12列,每列宽60像素

在每列的左侧和右侧使用10px的间距

总内容区域为940px

12列网格系统具有足够的灵活性。下面的示例中展示了如何在12列网格中使用3列布局添加内容。

>