sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

如何在平面设计中使用网格

Share

Time:

2019-05-29 12:19:08

Author:

limo

你想知道建立平面设计的最好方法吗?所有平面设计中最有用的概念之一是什么?简而言之,您想了解如何使用图形网格吗?在本文中,我想通过规则、有用的示例和可以下载并保存在计算机上的设计资源来详细讨论图形网格的主题。我将告诉你,在任何平面设计的构建中,需要多少网格,以及如何以一种和谐的方式构建网格。


什么是图形网格?


网格,或笼子,本质上是通过垂直和水平的线对工作空间进行细分,旨在组织空间和定义组成项目的元素。让我们更具体地思考一下,并尝试理解为什么平面设计中的工作空间的划分和组织是如此重要。


网格的构成是平面设计的基础


无论你是与媒体打交道,还是与网络打交道,无论是设计一个标志,还是构建一个字体,还是进行包装设计或布局,理解如何组合网格都是你作为一名设计师必须考虑的基本技能。网格就像一种无形的粘合剂,将项目连接在一起,并赋予其连贯性。然而,对于许多设计师来说,网格几乎是一个未知的东西,尤其是对于许多自学者来说,他们当然没有学习过设计的理论方面,因此也没有学习过网格理论。


项目的良好组织经常被忽视,这也是为什么我们经常在大街小巷和网络上看到平衡不良或对齐不良的项目的原因之一。这篇文章的诞生就是为了填补许多创意人才培养中的这一“空白”。如果没有一个初始网格,一个项目就已经很混乱了。


总是从网格开始


无论你的项目是什么,一旦你开始思考并画草图(因为画草图是非常重要的),你必须从一个网格开始实现最终的项目。


为什么?试着把你的每一个项目想象成一个建筑,没有支撑结构的建筑物,如果设计得不好,就会倒塌,或者至少是非常不稳定的。除了为你的布局创建一个基本的支撑结构,笼子对于创建形状和关系之间的和谐也非常重要。例如,web页面中间的空白与文本或图像之间的平衡,事实上,正如美学-可用性效应理论所述,好的作文可以带来更多的可用性项目。


aesthetic-usability效应


有一个关于设计的理论叫做审美-可用性效应,本质上,这一理论认为,当某物被设计成美丽的,因此,自然的,那么它将是一个容易使用的东西。这是一个非常重要的概念,在所有的设计:从图形到界面设计。一个精心设计的网格不仅让你的设计更漂亮,而且更有用!


那么,如何设计美观易用的东西呢?好的,你必须从一个网格开始,但是什么样的网格呢?基于哪些原则和理论?我们将在下面进一步讨论这个问题。


如何构建功能网格


和谐的构图对一个项目的成功起着至关重要的作用,因此,要构建一个和谐的设计方案,就必须构建一个和谐的图形网格。但是如何构建一个和谐的图形网格呢?


最有效的方法之一是使用数学(不复杂)和特定的数学关系来构建网格本身的结构,具体做法如下:


遵循论文格式


第一种方法是利用您正在使用的支持的维度关系,例如,如果您正在处理一张国际纸张,例如A4,它的两边的比值将是1:1 .414,然后您可以使用这个数学关系来创建纸张内部给出的除法。


在纸的内部创建一个稳定的相互关系的部门将创建一个重要的视觉和谐。


如何在A4纸上创建网格


一旦你建立了一个网格,你绝对不能限制你的创造力。网格可以将创造力引向你的目标。遗憾的是,网格构建并不是一门需要熟记一套规则的科学。在平面设计中,许多最有效的网格都是通过对数学关系、文本、照片以及页面或网站元素的实验而产生的。有时甚至是随机实验!


作为一名平面设计师,您不需要发明新的网格或新的方法来构建图形元素,您可以简单地依赖于数学约定,比如我在本文中提到的那些,你甚至可以从高度出版的杂志和其他网站上获得视觉灵感。重要的是:网格是一个很大的帮助,如果它们成为你工作中最困难和最昂贵的部分,也许你做错了什么,网格应该减少而不是增加花在项目上的时间。


资源


在结束之前,我认为有一些有用的资源来构建网格可能是有用的。让我们从书开始,或者说从一本书开始,因为知识就是力量,不是吗?


平面设计中最有用的资源之一是20世纪中期瑞士设计大师Josef Muller-Brockmann的《平面设计中的网格系统》(英文和德文),这真的是一个必须为每一个平面设计师专业。


即使你有最小的机会读它,它也是非常值得的。这里有一些简单的在线工具,也将帮助您的网格创建冒险:


创建可以快速保存在.png中的简单网格


网格设计器-非常有用的网页设计师设计列和导出与,css文件


在谷歌上搜索诸如“网格构建工具”或“网格构建器”之类的关键字,可以找到无数的免费工具,它们或多或少都能完成相同的简单任务。


结论


今天就到这里,我希望我已经说服你在你所有的图形和设计项目中建立一个良好的和平衡的网格的重要性。我还希望这能帮助您找到一些用于设计和创建完美网格的新资源。


这只是一篇关于平面设计中的网格的介绍性文章,简而言之,这只是冰山一角。有许多设计理论和策略可以帮助您完善与网格相关的设计技术,所以请始终保持警惕!