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

Даже в хаосе есть порядок.

Сетка в дизайне — это не метафора… а реально просто сетка! Все же знают, что такое миллиметровка? Так вот эта та же модульная сетка, только на бумаге. Единственное, для графического дизайна формат миллиметровки маловат.

Какие же они бывают?
Всего выделяют три основные классификации:

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

🖤Модульная сетка. Немного усовершенствованная версия колонной, к которой добавляются строки. Таким образом мы имеем сетку либо с квадратами, либо с прямоугольниками и расстоянием между ними. И опять же здесь тоже все индивидуально.

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

А иногда все эти классификации можно комбинировать между собой и получать что-то совершенно новое!

Где же применяются сетки? Везде!
Самый простой и понятный пример — это газеты или журналы (колонная сетка). Но так же вы можете встретить её и в дизайне сайтов, плакатов и любой другой полиграфии, книгах и логотипах. Но что касается последнего, для них сетки разрабатываются индивидуально и не подчиняются общим классификациям.

Можно ли обойтись без сетки?
Да. Это инструмент, а не правило, которому надо безотказно следовать. Сетка помогает структурировать информацию и создать шаблон, по которому будут верстаться сайт или многостраничные издания.

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

Долой порядок! Да здравствует хаос!

Сегодня мы разберем такие случаи, когда форма задает сетку, а не наоборот.

🖤Главный объект определяет расположение текста, идентичный своей форме. Текст может заполнять форму, обводить или отражать и искажать.

🖤Заполнения формы тоже может быть разным. Иногда мы можем просто создать условные границы, но не искажать текст полностью. Как на примере с красным силуэтом, текст вписан в заданную форму, но не искажается по фигуре.
А в случае афиши с Эйфелевой башней именно искаженный текст задает форму.

🖤Обводка по форме — это расположение текста по периметру объекта. И опять же такой прием очень вариативный. Текст может располагаться по краям и образовывать тем самым рамку, или же наоборот дублировать уже заданную рамку. А можно его вообще пустить вокруг объекта как на примере плаката с печеньем.

🖤Отражение можно объяснить как повторение формы объекта посредством текста. Как если бы мы приставили к нему зеркало, но в отражении увидели бы текст.
А искажение часто всего используется, когда из информации есть только текст (без дополнительных иллюстраций или фотографий). Иногда оно может перекликаться с «заполнением формы» и создавать какие-то понятные образы, а иногда просто плотно заполнять все свободное пространство.

🖤Текст ссылается на форму.
Такое часто используется в различных каталогах или журналах, в учебных иллюстрациях, а также на картах. Иногда именно текст создает карту.
Здесь расположение текста обуславливается его смыслом и ставится рядом с теми элементами, к которым он относится. Например, как в каталогах Ikea, где на фоновой фотографии наименование и цена располагается рядом с этим продуктом.

🖤Набивной текст выходит за рамки прямоугольника.
Огромное поле для воображения, когда большой блок текста сам создает формы, будь то фигуры, комната или пирамиды! И чаще всего текст становится нечитабельным. Но это и не важно.

⏰ Эстафеты! Больше эстафет!
Спасибо моей чудесной Насте, с которой мы поддерживаем этот круговорот😂🧤

😍😍😍😍

Итак… в этот раз надо написать, что я посмотрела в последнее время. Честно, я чаще оказываюсь на ютубе, чем на стриминговых платформах, потому что весь видео контент я больше слушаю, чем смотрю. А так как фильмы и сериалы я предпочитаю оригинальную аудиорожку с субтитрами, то заниматься чем-то параллельным у меня не получается.

Но некоторый список у меня все равно имеется!

🐾 Аниме
«Монолог фармацевта». Я не раз уже упоминала это аниме на своем канале и оно просто потрясающее. Это тот случай, когда что-то максимально популяризированное оказывается реально крутым!

🍌 Сериалы
Я в последнее время смотрю больше дорам, чем американские или европейские сериалы. И из последних у меня «Винченцо», отзыв на которого тоже есть на моем канале.

📘 Фильмы
Тут прям жирный минус. Фильмы я смотрю только с друзьями на даче, а на даче мы уже давно не собирались🙈
Но я перед Новым годом смотрела «Дневник Бриджит Джонс», хотя я вообще не фанатка ромкомов, но почему-то захотелось…

А эстафету передам Лоле, Вике и Насте 🤍

🩵 🩵🩵🩵 🩵🩵🩵🩵🪼🪼🪼
Название книги вдруг стало бы брендом?… Можно о таком помечтать, правда?
Но мы с Кэролайн Невилл не мечтаем — мы делаем!

Поэтому представляем вам
🩵🩵🩵🩵🩵🩵🩵🩵 🩵🩵🩵🩵🩵, если бы он был магазином для творчества!

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

Теперь немного про сам логотип. 🩵

🩵 Мне хотелось отойти от названия книги, которое я рисовала вручную, и даже оно все равно отлично подошло бы для логотипа (но больше для камерного магазина, а мне необходим размах!). И именно поэтому я взяла антиквенный шрифт, но без ярко-выраженных засечек. Мне хотелось, чтобы он был легким и тонким, но при этом не был слишком контрастным по отношению к капле краски.

🩵 Но капля, разумеется, все равно достаточно контрастна!
И как же удачно совпало, вторая буква «о» расположенная четко по центру вертикальной оси. Плюс мне ужасно хотелось обыграть точки у буквы «ё». Поэтому у меня родилась идея, что эта капля растекается в точки. Все просто!
Я специально не стала отрисовывать вручную весь логотип или просто использовать рукописный шрифт, чтобы не превращать его в детский кружок рисования.

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

🩵 Цветовая гамма, естественно, тоже не случайна! Да, вы правильно догадались, это отсылка к цветовой гамме обложки книги.

🩵 🩵🩵🩵🩵🩵🪼🪼🪼
Вы хотели бы видеть еще какую-то книгу в виде логотипа бренда? 🩵