跳到主要内容

设计师网格理论指南

无论您是在Web还是打印设计中,您都需要了解网格理论。虽然一些设计师积极避开电网,但最为直观的,最成功的事情,所以在多年来努力使用网格 - 他们在打破他们之前了解规则。

对于自学设计师来说,典型博客帖子和会议谈话中,Grid背后的大量理论和合理化的理论并没有涵盖。我们在这里将这种扒窃指南直接设置为电网,包括一个小的理论颤抖。

想要保持简单的东西吗?尝试一个伟大的网站建设者,并确保您完全支持完美虚拟主机服务。存储不划伤?看到这些云储存选项。

01.网格建立仪表和节奏

黑色和白色的网格

网格将帮助将观众指导他们想要的信息

网格中最重要的目的 - 在图形设计中至少 - 是建立一组指南,了解元素应该如何定位在布局内。不仅有效电网不仅为设计提供节奏,而且还定义了仪表。

这是使内容可访问的重要组成部分,并帮助观众了解在布局中找到下一条信息的位置。它设定期望并定义规则,Timbre和 - 在某些情况下 - 设计的声音。想想网格,提供您的观众旅行的路线图。

02.网格定义和反射比例

网格的一个关键方面是它有助于确定和定义比例的能力。在印刷中,比例最常回应媒体的大小;例如,纸张的形状和取向通常被反射在布局内包括的图像的尺寸和形状。

这感觉舒适,因为读者潜意识地理解布局的上下文,因此由于递送机构的物理形状和尺寸,例如一张纸。

在Web上,这种反射的想法并不是那么重要,但网格可以以与相同的方式使用来锚地回到屏幕上。屏幕可以更流体,并且作为设计者,不可能以相同的信心知道屏幕的尺寸和形状将用于查看内容。

无论如何,比例和比例都是布局中的重要工具,因此使用网格来确定和实施规则有助于定义使读者能够访问和理解内容的全部重要路标。

03.网格与黄金比率合作

金比

基于您的设计,金色比例可以帮助确保令人愉悦的布局

最终网格“系统”的整个概念是设计世界中的一个相对较近的发明。自从绘制和写作的最早日期以来,网格已经直观地存在,但最近,它只是以学术方式考虑布局,因此它从未与其他最佳实践布局规则隔离。交叉的一个示例是金色比率符合网格的位置。

金比(也称为Golden Mean)决定了元素的最令人愉悦的比例,并被简化为“三分之一的规则”。当与网格组合使用时,这些简单的规模,位置和比例的规则可以帮助确保布局感觉相干,而且也是美观的吸引力。

这很重要,因为再一次,它可以帮助使内容更容易访问。请记住,网格是内容背后的隐形胶水 - 在大多数情况下,它应该对观众透明。

04.网络上有一个960个网格系统

一个960px网格

960px网格可以以多种不同的方式分开,使其成为灵活的选择

一旦您知道具有网格系统的好处,网络设计人员已采用网格就会有意义。为了使事情更实用,一些常见的尺寸已成为标准。最常见的是960px网格系统。

960px是一个很好的尺寸,因为它有许多因素(整数它可以分为):1,2,3,4,5,6,8,10,12,15,16,20,24,30,32,40,48,60,64,80,96,120,160,等等。能够以这种方式划分网格,为列的宽度提供大量的灵活性,提供多功能可重复使用的网格系统。

毋庸置疑,众多设计师一直在忙着将960px网格包裹成一个有用的CSS库。可以找到一个这样的例子960.gs.,但还有其他人也可用。

05.网格提供了坚实的基础

正如我们所见,网格主要存在,以帮助确定布局中的定位和平衡。提供这种坚实的基础可以帮助确保内容以易于理解的顺序呈现,但它也可用于简单地通过将它们从网格中分开来突出显示特定的内容区域。

观众自然会识别这些爆炸并逐步绘制,使设计人员有机会与布局的层次进行播放,并调整一件工作的含义。

06.网格与其他关键设计原则合作

12列网格布局

一旦您掌握了基础知识,您就可以开始脱离网格

不要忘记电网只是一个工具,以及您可以使用的许多基本原则,以增强您的布局。不要陷入僵硬的网格僵硬 - 一些最好的设计突破了网格布局的所有规则,并且都更成功。

了解如何以及何时使用网格只能真正来自经验,所以实验。在设计理论上查看我们的其他文章,以拿起您可以使用的其他方便的工具和原则来增强您的设计。

本文最初发表于此杂志。订阅这里的网

相关文章: