在设计中利用网格的力量
设计就是将元素以视觉上有吸引力的布局组合在一起。建立布局是学习,理解和掌握的最具挑战性的方面之一。大多数设计人员在工作中忽略并搁置了网格,以使设计元素保持一致。但是,这样做的话,他们就错过了看看哪些网格最擅长的问题–保持了设计的平衡。
网格使元素处于检查状态。它们帮助设计师以有组织的方式利用和最大化空间。最终的结果是视觉设计引人注目,并吸引了观众的兴趣。
在项目开始时使用网格系统将帮助您保留有关对象显示方式的选项卡。系统还将显示它们在画布上的位置如何帮助您实现设计目标。
网格线将有机地引导您第一次在屏幕上正确放置对象。网格线指出了应放置的位置,而不仅仅是建议可以放置的位置。
网格线可以看作是设计过程的一小部分,但它们有助于获得较大的结果。网格是任何设计的基础。这是起跑线。
目录
什么是网格系统?
每个设计,每个项目都以空白,画布或墙壁开始。作为设计师,可能发生的最糟糕的事情是您面对空白,而又不知道如何开始和从哪里开始。一般概念位于您的大脑中,但有时很难将其放在画布上。直到开始使用网格画布为止。
网格系统涉及可用于在画布上对齐对象的度量。网格将指示一个对象相对于另一个对象的大小。它是设计人员用来对齐格式的元素的工具,因此对于任何设计项目来说,它都是一个很好的起点。
对于如何有效使用网格,没有任何限制或标准。网格的主要目的是帮助您将最终设计塑造成现实。您可以在适合自己风格的任何网格系统上工作。
网格是数学的,因此它是精确且易于在代码中操作的。手动执行此操作,或使用Photoshop或Illustrator等设计应用程序。编辑手动网格需要花费时间,尤其是在设计中更改其大小时。编码或自动网格更加灵活。它们的大小可以在几分钟内进行编辑,从而更容易调整设计比例。
这似乎是一个平凡的步骤,但是网格系统可以工作。艺术家和设计师切勿将其视为未意识到其价值和力量而跳过的一步。
网格系统是如何开始的
网格首先用于帮助对齐书面书籍中的单词。打印机在排版时使用网格,以使正文和标题保持正确的格式和缩放比例。工业革命对出版和印刷媒体提出了更高的要求,从而打开了广告之门。网格将空间划分为可用的模块或部分,现已发展成为用于评估广告成本的非常有用的工具。媒体上更大的空间更昂贵,但更可见。
1950年代,在组织印刷媒体上的信息时需要一种更系统的方法。网格设计始于像Karl Gerstner和Joseph Muller-Brockmann这样的人,他们为设计网格奠定了基础。尽管他们的工作在过去很有用,但当前的设计发现它对当前的设计结构过于局限且不够灵活。
四种类型的网格
手稿 –稿件网格是最简单,最基础的网格类型。它使用矩形在页面上设置页边距。
癌症天秤座兼容性
柱子 - 列网格用于在页面上创建列。
模块化的 –模块化网格将X和Y用于行和列。
分层的 –分层网格使用不同度量或大小的模块。
网格的十大工作方式
对于图形设计师来说,网格是必不可少的。放在空白画布上的几行对改善设计很有帮助。网格还可以保持设计的清洁和结构化。
以下是为什么每个艺术家或设计师都必须使用网格的主要原因:
整理内容
网格线已经存在很久了,原因之一是它使事物保持一致。他们在画布上组织设计。网格线可确保元素整齐,并且出于美观和功能方面的原因,对象应在适当的位置。对齐元素(类型,图像和图形)将导致最终设计,该设计将清楚地传达其信息。
最终设计更快的周转时间
技术时代要求更快的输出和更有效的方法,以确保快速,精确地完成工作。网格系统使您可以在空白处移动(而不会被困在其中)。网格用作模板,是正确放置,调整尺寸或缩放完成设计所需的对象的指南。可以随机抛出元素。但是,这需要进行大量工作才能放置和替换对象,并在最终设计之前调整和重新调整其大小。在当今的即时信息时代,您交付优质工作的速度越快,对业务的影响就越大。
类型与网格一起使用
类型和网格是可以协同工作的设计元素。一个有效的网格系统将使字体布局整齐地放置。整个设计将更加井井有条,文字和类型看起来更具可读性。
基线网格是水平线,可作为类型的参考(例如,笔记本中的线)。它们使外观更清晰。基线网格可确保文本和所有类型的对齐方式和格式正确。
尽管您可能会避免不排列类型,但听众会本能地认为设计不正确。自然的趋势是拒绝混乱或混乱。保持类型对齐会使整体外观整洁,这会鼓励观众更多地欣赏。
5岁儿童室内活动
轻松协作
有时,设计涉及几个人。如果没有适当的系统,需要多个设计人员投入的项目可能会让人感到压力和沮丧。小组之间的误解和沟通不畅很容易破坏项目。
由于网格提供了一种将设计保持在适当位置,结构化和格式正确的系统,因此使用同一系统将对任何项目协作都提供巨大的帮助。网格系统将作为指南,将帮助每个人将项目元素放在何处。一个有效而坚实的网格系统可与任何设计师一起使用。无论您是接手别人的最初工作,还是反过来都没关系–网格系统将像地图一样工作,以方便导航。网格将告诉您或新手将对象放置在何处。
网格系统由于其数学性质,使协作者更容易更快地工作。毕竟,他们不再需要与其他人进行深入的协商或澄清。网格会告诉他们所需的格式。网格可以回答有关格式或大小的所有问题。
对于具有多个设计师的项目,重要的是拥有一个简单且实用的网格。它必须适合最终设计。如果项目的最终设计只需要三个,就没有必要了。当您接管设计或与他人合作时,请使用适当的网格。如有必要,请进行调整,但不要忽略调整或其他设计师的努力。
保持平衡
对称性一直是良好设计的关键。网格有助于精确列的对称性。网格可以将空间分成有用的部分,这些部分将指导您正确放置所有对象。使用网格将帮助您平衡对象,而其中任何一个都不会超过其他对象。平衡和对称是有效的,因为网格可以使事物井然有序。
内聚多页设计
让不同的人从事一个项目是一回事。在一个项目上有很多页面是一个全新的游戏。网格是多页设计的救星。一个强大而高效的网格将适用于所有页面和任何布局。无论项目需要多少页,这都使您或您的协同设计师更容易提出具有凝聚力的设计。
多页意味着不同的结构和不同的组成。即使遇到此类挑战,四列网格也可以使工作正常。网格使对象保持直线和结构对象,因此它们仍显得干净且一致。每个页面在整个项目中都会有其自己的功能,并且它们将与现有的网格一样发挥作用。
样式指南和教育手册是多页布局的示例。它们整洁,有条理并且协调一致。
视觉增强的设计
很自然地假设,网格设计会将页面划分为相等的部分,以实现元素的均等放置。但是,设计通常还涉及层次结构。网格足够灵活,可以允许层次结构并加快流程。设计也将变得更加容易。
层次结构和网格致力于开发在视觉上得到增强的最终设计。
干净的布局
如前所述,观看设计的观众自然会受到混乱或混乱的影响。如果您认为只需要随机放置对象就可以摆脱困境,那就错了。网格是存在的工具,因为不应使设计混乱。关于艺术的灵活性和表达自由的争论不应作为您设计的指南。这就是网格系统的工作。
保证金很有帮助。缩小边距可以产生更紧张的设计,但是开放边距有助于获得简洁明了的外观。网格是所有关于边距的元素,这些边距可以使您的设计看起来一尘不染,并且没有混乱。
除了页边距之外,还应设置装订线。这些是网格中列之间的可调整空间。在整个项目中,它们的大小应保持一致,以保持内容的清晰和整洁。
赏心悦目
您的设计目标是什么?您可以有多个目标,但最重要的是人们可以实现目标,对吗?这也是为了感谢。
如果外观设计令人赏心悦目,各种视觉效果值得一看,并且值得与他人谈论。
艺术家和设计师之所以与网格有关系,是因为他们的目标是视觉上令人惊叹的最终输出。网格线还使设计更具吸引力。
以三分法的规则为例。这是摄影中使用的一个概念,其理论是必须将设计分为一系列的水平和垂直方向。这些线的交点是焦点,这些焦点指示将对象放置在何处以获得更令人愉悦的效果。摄影师每次都使用它有意让他们的物体坐在这些焦点上。
打印输出中的三分法则适用于网格线。在您的下一个设计中尝试一下,当您实现网格所承诺的所有内容时,您的元素将显得更加令人愉悦–干净,有条理和结构化的外观。
这些水平线和垂直线是使事物令人愉悦的手动工具。
违反规则时增加了影响
是的,我们都将坚持网格以产生美观的设计。但是,有时候,违反规则是项目所需要的。故意忽略网格可能会增加影响。如果您想将注意力转移到画布上的某物上,请通过偏离网格将其聚焦在该对象上。这一刻意的举动将为您的设计带来全新的视角。这种“小故障”将使您的听众感兴趣。由于除一件事外,其余所有对象都在一条直线上,因此您的听众将被它吸引。
打破网格将使它保持有趣。但是,只有首先了解规则,您才能正确执行此操作。
出于对设计网格的热爱而提出了所有这些要求之后,您仍然可以看到它的美丽和实用性。如果您是新手,或者您刚刚转变为网格迷,那么您可能已经意识到,一旦对它们有所了解,这些线将有多么大的帮助。
资源
图书
使用网格的100条设计原则 –本书概述了基本的布局/网格准则和规则,包括选择字体,力求与字体保持节奏和平衡,组合字体,使用特殊字符和 字距调整 和易读性。
基础设计07:网格 –通过详细研究网格设计背后的原理,本书为您提供了信息,并加深了您对该关键设计组件的理解,使您可以轻松,精确地设计出各种情况的网格。
平面设计中的网格系统 –适用于图形设计师,印刷师和三维设计师的视觉交流手册。
制作和打破网格 –蒂莫西·萨马拉(Timothy Samara)的一本很棒的书,涵盖了网格理论和用法
应用程式和工具
Guideguide.me –一个Photoshop扩展程序,使与导板的工作变得轻松自如。
Gridlover.net –建立具有模块化比例和垂直节奏的印刷系统。
Gridulator.com –轻松制作和下载像素网格。
Thegoldengrid.com –完整的网格系统,可实现超快速线框图和视觉设计。
Gridzzly -制作自己的网格纸。
六五四骰子游戏
点缀纸 –高档手工网格书。
杰特 – Jeet可让您以人类描述页面网格的方式来表达页面网格。
和你的朋友分享: