Уроки по Photoshop, Illustrator, Flash и 3ds max. Статьи по дизайну и фотографии.

15 причин использовать Сетку (Grid) в своих проектах (Часть 2)

9. Скажите привет более приятным проектам

gridgridОдна из главных причин, по которой многие дизайнеры (и художники, фотографы) используют сетки в качестве основы для своей работы, заключается в том, что они, как полагают, помогает делать математически более приятный дизайн. Позвольте мне пояснить.

Есть несколько часто используемых сеток и одной из них (самой используемой) является сетка на основе «правила третей». Возможно, вы слышали об этом правиле в отношении фотографии. В его основе лежит разделение макета с помощью 3-х линий (вертикальных и горизонтальных) на равные прямоугольники, и в местах пересечения линий (отмечены на рисунке кругами), будут находится фокусы, то есть точки притяжения внимания и именно в них надо располагать основные элементы дизайна.

Как уже упоминалось ранее, эта теория также используется в фотографии, до такой степени, что многие фотографы намеренно создают фотографии, чтобы фокусные точки располагались в этих пресечениях.

Попробуйте правило третей в вашем следующем дизайне и посмотрите станет ли он более приятным для глаз. Все, что вам нужно сделать, это разделить страницу на три секции по горизонтали и вертикали.

10. Вы можете сломать Сетку для дополнительного воздействия

gridПривязка к сетке гарантирует, что у вас будет чистый, организованный и красиво выровненный дизайн, но изредка и намеренно нарушая эту сетку, вы сможете добавить макету уникальный привлекательный эффект.

Посмотрите на этот разворот для 99U, который использует простую, аккуратную сетку из трех столбцов. Но разбивая эту чистую линейность, ярким желтым текстом по диагонали по всему развороту, мы получим незабываемый, эффектный дизайн, который действительно подкрепляет собой надпись «Подумайте по-другому».





11. Сетки очень гибкие

gridgridБеспокоитесь, что сетка не подойдет вашему дизайну? Не бойтесь, так как все Сетки являются высоко функциональными и гибкими вещами и могут адаптироваться к вашим изменяющимся задумкам.

При создании сетки у вас есть выбор из максимально возможного количества столбцов, что и делает сетки гибкими. Посмотрите на схему слева, которая демонстрирует, насколько различна сетка из одного столбца от сеток из двух или трех столбцов.

Разумеется, сетки обычно могут быть до 13 столбцов, в зависимости от потребностей дизайнера и дизайн-макета. Например, разворот слева использует одно полностраничное изображение и очень простой текстовый блок, что делает систему с одной колонной сетки идеальной.

А этот дизайн-макет по хирургии использует тринадцать столбцов на каждой странице в статьях и есть изображения, которые вставлен в различных местах макета.

Имейте в виду, при проектировании, количество колонок полностью зависит от вас, но чем их больше, тем более гибок будет ваш дизайн, а чем их меньше, тем проще и менее гибким он будет.











12. Сетки могут помочь вам пойти по диагонали

gridgridЕсли вы хотите подойти к своему дизайну под другим углом (в прямом смысле), в этом сетки также помогут вам. Сетки могут работать так же эффективно по диагональной оси, как они по горизонтали или вертикали.

Посмотрите на дизайн плаката от Andrew Ackroyd, который притягивает к себе много внимания именно размещая текст и графику вдоль диагональной сетки, создавая соответствующий современный и стильный дизайн.




Диагональные сетки также могут творить чудеса для сложных изображений. Посмотрите на этот дизайн от Карен Хоффштеттер и то, как он использует диагонально построенные рамки для компоновки вместе изображений.

Стоит отметить, что этот дизайн, очевидно, использует как горизонтальную / вертикальную, так и диагональную сетку, чтобы разместить вещи красиво выровненными и аккуратно организованными.

13. Они могут использоваться почти везде

gridgridХотя сетки чаще всего используются при верстке журналов и газет, они не являются единственным местом, где их используют. Фактически, они могут использоваться в любом дизайне.

Множество известных логотипов были созданы на сетчатой основе, таких как логотип Braun, представленный слева. Как вы можете видеть, каждая буква логотипа благодаря сетке выглядит чисто и крепко, что и нужно для хорошего буквенного логотипа.

Сетки могут также использоваться при создании иллюстрации. Посмотрите на эту потрясающую литературную иллюстрацию мегаполиса, сделанную Дином Гориссеном, и обратите внимание на то, насколько чист и четок каждый угол, и это наводит на мысль, что эта иллюстрация была создана с использованием некоторого подобия диагональной сетки.

Итак, независимо от дизайнерского носителя, сетка может быть к месту. Хотя сетки не могут подходить для каждого макета и каждого дизайнера, но для многих проектов они точно не помешают. Поэтому подумайте о том, чтобы дать сетке шанс, переходя к следующему проекту.









14. Сетки могут поддерживать свободное пространство

gridВы хотите овладеть искусством дизайна с большим количеством пустого пространства. Тогда сетки и в этом вам помогут.

Когда вы разделите свой проект на нужное количество столбцов и поместите в него все необходимые элементы, то просто придержите несколько строк и столбцов пустыми.

Посмотрите на этот макет от Жоао Оливейры (рисунок слева), в котором много пустоты, полученной просто не заполнением некоторых областей сетки. Это приводит как к стильному, открытому, так и к сложному дизайну, а также к функционально минимальной компоновке без лишних ненужных компонентов.

gridПодобная структура используется и в дизайне плаката от Мехмета Gozetlik (рисунок справа). Совместив текст и иллюстрацию, так чтобы только центральная колонка была задействована, он оставил внешний столбцы пустыми, создав тем самым прекрасно сбалансированный, централизованный и визуально эффектный дизайн плаката.













15. Глаза ваших зрителей будут вам благодарны

gridКак будто они не сделали уже достаточно, сетки также могут помочь вашему тексту, делая легкочитаемыми типографских макеты.

Видите ли, глаз очень разборчив в отношении длин строк текста. Если строки слишком длинные, становится трудно их прочесть, а если они слишком короткие, они кажутся уж слишком дергаными и разбитыми, чтобы легко погрузиться в чтение. Вообще говоря, золотая длина строки текста - это минимум шесть слов в строке и приблизительно около 50-65 символов (включая пробелы) на каждой строке.

Используйте сетки в сложных макетах с текстом, создавая столбцы текста. И через столбцы, вам будет проще задать оптимальную длину строки.

Это одна из причин, почему газеты так сильно полагаются на раскладки на основе сетки, делая их содержание более удобоваримым и читаемым.



Заключение

Независимо от того, являетесь ли вы поклонником Сеток или нет, нет сомнений в том, насколько они полезны для многих проектов.

У них так много применений - они выравнивают и уравновешивают ваши проекты, помогая вам достичь таких классных эффектов, как диагональная типография.

Статья переведена автором сайта и при цитировании её на русском языке ссылка на сайта обязательна. Автор Mary Stribley. Оригинал статьи на английском

< | 1 | 2

Другие статьи о дизайне>>