Иерархия текста

✅ Типографическая иерархия обеспечивает структуру и помогает направлять внимание вашего зрителя.

✅ Здесь нет иерархии, так как вся информация выглядит одинаково.

✅ Вы можете начинать вводить структуру, играя с цветом и начертанием.

✅ Теперь пришло время организовать. Важная информация должна выделяться больше всего. Здесь мы далеко от цели!

✅ Так уже лучше. Теперь зритель знает, что это за событие и где его найти.

#интересное

Фокусная точка

00:00 – Вступление;
00:36 – Примеры;
02:03 – Визуальная центральная точка;
02:44 – Визуальное путешествие;
04:07 – Визуальный ритм;
04:32 – Примеры.

Смотреть с субтитрами
#интересное

Простая сетка

Узнайте, как настроить простую сетку из двух столбцов, подобную этой.

✅ Перейдите в раздел «Поля и колонки» | «Margins & Columns». Затем нажмите, чтобы сделать все настройки одной и той же кнопкой.

✅ Поля влияют на то, насколько близко элементы могут располагаться к краю страницы.

✅ Колонки создают отдельные пространства для размещения ресурсов в ваших проектах.

✅ «Средник» | «Gutter» – это пространство между вашими столбцами. Эти настройки помогут вам структурировать макеты.

#интересное

Шрифтовая игра для дизайнеров. Проверьте свое знание шрифтов!

#интересное

Длина строки

✅ Мы измеряем длину строки количеством символов, которые находятся в одной строке.

✅ Узнайте, сколько символов или слов в предложении, открыв информационную панель.

✅ Длинные строки текста утомляют глаза и затрудняют чтение.

✅ Слишком короткие строки мешают чтению и кажутся неудобными.

✅ Для стандартного основного текста придерживайтесь 50–70 символов в строке.

#интересное

Баланс

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

#интересное

Используйте контраст

Обеспечение контраста в вашей дизайнерской работе имеет важное значение!

✅ Давайте исправим этот фон, чтобы сделать текст более разборчивым.

✅ Самый высокий контраст между черным и белым, так что это очень сильное сочетание.

✅ При работе с изображениями необходимо также обращать внимание на уровень контраста.

#интересное

​​Висячая строка
«Висячая» строка в типографской практике – конечная строка абзаца, расположенная в начале полосы или колонки, а также начальная строка абзаца, оказавшаяся в конце полосы или колонки. То есть это строка, которая «оторвана» от своего абзаца и «висит» в одиночестве на предыдущей или последующей странице.

Профессиональное отношение к висячим строкам отрицательно, но полного запрета на висячие строки нет – они допустимы в газетной верстке, в оперативной полиграфии и в тому подобных случаях при условии, что верхняя висячая строка не короче 2/3 формата набора (то есть ширины текста), а строка перед нижней висячей строкой также не меньше 2/3 формата набора. То есть, висячая строка не должна быть слишком короткой.

Причины неприязни к «висячим» строкам отчасти эстетические (они искажают внешний вид полосы набора, лишая ее традиционной прямоугольной формы), отчасти же технические – они ухудшают удобочитаемость текста, перенося начальную или конечную строку абзаца на другую страницу. Ян Чихольд писал, что они «способны оскорбить и глаз, и разум».

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

«Висячие» строки в процессе верстки уничтожают, используя приемы выгонки и вгонки строк либо уменьшая (увеличивая) полосу на одну строку.

Проблему висячих строк можно решить следующими способами:

✅ можно прибегнуть к выгонке и вгонке – манипуляциям с межсловными и межбуквенными интервалами, чтобы «втянуть хвост»;

✅ можно, по совету С. М. Львовского, «немного отредактировать абзац... Качество текста при этом тоже зачастую улучшается». Это возможно при верстке собственного сочинения, может быть затруднено или невозможно при верстке произведений других авторов, и невозможно с произведениями авторов, которых уже нет в живых;

✅ можно увеличить интервал между абзацами (Чихольд говорит об этом: «такой подход противоречит нормам хорошего книгопечатания»);

✅ можно увеличить предыдущую полосу на одну строку или уменьшить текущую полосу на одну строку: во втором случае возникнет «слепая» строка, но зато «не возникает разнобоя в числе строк». В применении этого приема Чихольд ссылается на практику XVIII–XIX веков. Однако это радикальные методы; предполагается, что прежде, чем прибегнуть к ним, верстальщик попытается решить проблему конкретного абзаца частными средствами.

#интересное

Как освоить InDesign

Если вы хотите лучше изучить InDesign, вам нужно сделать три вещи:

1️⃣ Во-первых, выделяйте 15 минут каждую неделю, найдите в InDesign какую-нибудь функцию, которую вы не знаете, и заставьте себя поиграть с ней.

2️⃣ Во-вторых, найдите макеты, которые, по вашему мнению, выглядят хорошо (развороты книг, реклама в журналах и т.д.), и потренируйтесь воссоздавать их в InDesign. Такого рода практика, несомненно, сделает вас лучшим пользователем InDesign.

3️⃣ В-третьих, научите InDesign кого-нибудь другого; это самый лучший способ изучить InDesign самостоятельно. Каждый раз, когда вы чему-то учите, вы усваиваете это лучше.

#интересное

Тренды 2023: что должны знать графические дизайнеры!

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

01:46 – Тренды дизайна моушн графики 2023;
03:46 – Традиционные элементы;
04:05 – Утилитарный дизайн тенденции дизайна 2023.

Смотреть с субтитрами
#интересное

Искусство дизайна | Паула Шер: Графический дизайн

Окунитесь в мысли самых инновационных дизайнеров в различных областях и узнайте, как дизайн влияет на все аспекты жизни. Графический дизайнер Паула Шер рисует словами, разрабатывая визуальный язык знаковых брендов и учреждений по всему миру.

05:03 – Айдентика для театра;
06:39 – Типографика;
32:37 – Визуальный язык.

Смотреть с субтитрами
#вдохновение
#интересное

​​Палитра из реального мира

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

В «Capture» на вашем мобильном устройстве выберите «Create», прокрутите вниз до «Colors» и нажмите кнопку «Create». Теперь наведите свое устройство на что-нибудь с цветовыми сочетаниями, которые вам нравятся: картину, одежду вашего друга, канцелярские принадлежности, вашу собаку, что угодно.

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

Нажмите на галочку.

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

Нажмите «Save», назовите свою тему, выберите CC Library для сохранения и нажмите «Save» еще раз.

#лайфхаки
#интересное

15 трендов графического дизайна на 2024 год (и как их использовать)

Вам интересно, какие тренды дизайна появятся в 2024 году? Итак, у нас есть 15 трендов графического дизайна, которые мы исследовали и обнаружили рост их использования, о которых, как мы думаем, вам следует знать в преддверии нового года? Мы покажем вам примеры каждого из них и дадим несколько советов о том, как использовать каждый тренд.

00:00 Тренды графического дизайна на 2024 год
00:30 Тренд 1
01:10 Тренд 2
02:20 Тренд 3
03:15 Тренд 4
04:00 Тренд 5
04:40 Тренд 6
05:20 Тренд 7
05:50 Тренд 8
06:30 Тренд 9
07:30 Тренд 10
08:30 Тренд 11
09:15 Тренд 12
10:10 Тренд 13
10:50 Тренд 14
11:30 Тренд 15
12:20 Бонусный Тренд
13:00 5 важных советов по трендам

Смотреть с субтитрами
#интересное

15 тенденций графического дизайна на 2024 год

Понимание тенденций графического дизайна – отличный способ сохранить творческое вдохновение, культурную значимость и обеспечить свой успех как творческого профессионала и графического дизайнера. В этом видео я делюсь 15 трендами графического дизайна на 2024 год, которые вы можете использовать в своем творческом бизнесе и работе с клиентами. Присоединяйтесь ко мне в изучении этих современных тенденций, чтобы вдохновить вас на дизайнерские работы и создать свой личный бренд!

1. HEATMAPPING (00:48)
2. ACTIVIST (01:31)
3. ANARCHIST (02:21)
4. BOTANICA (03:50)
5. SCRAPBOOKING (04:43)
6. DIGITAL DECONSTRUCTIVIST (05:38)
7. ENVIRONMENTAL TYPOGRAPHY (06:15)
8. GEOMETRICA (07:05)
9. GOLDEN ERA (08:52)
10. KIDDIELAND (09:49)
11. BETTER RED (10:42)
12. ELASTO-TYPE (11:33)
13. FLAIRED FONTS (12:15)
14. VINTAGE AMERICANA (13:00)
15. AI ASSIMILATION (13:49)

Смотреть с субтитрами
#интересное

​​Единицы измерения в InDesign

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

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

Основой типографической системы является 1 пункт (1 point), равный 1/72 дюйма (1/72 inch). Таким образом, пункт равен примерно 0,35 мм.

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

12 пунктов составляют 1 пику (1 pica), которая в свою очередь равняется примерно 4,2 мм.

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

48 пунктов составляют 1 квадрат (как уже было сказано, в англо-американской типометрии почти не используется), что равняется примерно 16,8 мм. В квадратах иногда считаются отступы вокруг текста, размеры полей, площадь иллюстраций и т. д.

Некоторые программы позволяют изменить значение одного пункта и таким образом скорректировать все остальные величины. Adobe InDesign дает выбрать количество пунктов в дюйме (ровно 72, как принято в компьютерной графике, или 72,27, как было раньше).

Некоторые размеры (толщина линий и размер шрифта) традиционно считаются только в пунктах, однако при измерении размеров полей и страниц никто не запрещает пользоваться привычными сантиметрами вместо квадратов и цицеро.

Изменить настройки единиц измерения можно в «Редактирование» > «Установки» > «Единицы измерения» | «Edit» > «Preferences» > «Units & Increments». Здесь же находятся клавиатурные настройки. Это настройка шага для быстрых команд. Например как тут, можно настроить шаг для кернинга/трекинга меньше стандартного 20, что намного удобнее.

#интересное
#инструменты

​​Висячая строка
«Висячая» строка в типографской практике – конечная строка абзаца, расположенная в начале полосы или колонки, а также начальная строка абзаца, оказавшаяся в конце полосы или колонки. То есть это строка, которая «оторвана» от своего абзаца и «висит» в одиночестве на предыдущей или последующей странице.

Профессиональное отношение к висячим строкам отрицательно, но полного запрета на висячие строки нет – они допустимы в газетной верстке, в оперативной полиграфии и в тому подобных случаях при условии, что верхняя висячая строка не короче 2/3 формата набора (то есть ширины текста), а строка перед нижней висячей строкой также не меньше 2/3 формата набора. То есть, висячая строка не должна быть слишком короткой.

Причины неприязни к «висячим» строкам отчасти эстетические (они искажают внешний вид полосы набора, лишая ее традиционной прямоугольной формы), отчасти же технические – они ухудшают удобочитаемость текста, перенося начальную или конечную строку абзаца на другую страницу. Ян Чихольд писал, что они «способны оскорбить и глаз, и разум».

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

«Висячие» строки в процессе верстки уничтожают, используя приемы выгонки и вгонки строк либо уменьшая (увеличивая) полосу на одну строку.

Проблему висячих строк можно решить следующими способами:

✅ можно прибегнуть к выгонке и вгонке – манипуляциям с межсловными и межбуквенными интервалами, чтобы «втянуть хвост»;

✅ можно, по совету С. М. Львовского, «немного отредактировать абзац... Качество текста при этом тоже зачастую улучшается». Это возможно при верстке собственного сочинения, может быть затруднено или невозможно при верстке произведений других авторов, и невозможно с произведениями авторов, которых уже нет в живых;

✅ можно увеличить интервал между абзацами (Чихольд говорит об этом: «такой подход противоречит нормам хорошего книгопечатания»);

✅ можно увеличить предыдущую полосу на одну строку или уменьшить текущую полосу на одну строку: во втором случае возникнет «слепая» строка, но зато «не возникает разнобоя в числе строк». В применении этого приема Чихольд ссылается на практику XVIII–XIX веков. Однако это радикальные методы; предполагается, что прежде, чем прибегнуть к ним, верстальщик попытается решить проблему конкретного абзаца частными средствами.

#интересное

​​Стили обводки – пасхальные яйца

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

1. Выберите «Стили обводки» | «Stroke Styles» в меню панели «Обводка» | «Stroke».

2. Щелкните «Новый» | «New».

3. Выберите «Рантовая» | «Stripe» во всплывающем меню «Тип» | «Type».

4. Дайте линии такое имя: Rainbow.

5. Нажмите «Добавить» | «Add» (чтобы добавить и продолжить рисование) или «ОК» (если вы закончили рисовать обводку).

Вы можете создать ряд других стилей обводки. Например, используйте «Пунктир» | «Dash» (вместо типа «Рантовая» | «Stripe») и назовите его Woof, Happy, Feet или Lights. На фото результаты применения каждого из этих специальных стилей обводки к линиям.

Так же вы можете сделать «Рантовая» | «Stripe» под названием Rasta. Это вроде как «Rainbow»… но другая.

Нет, вы не можете сделать свое собственное. Нет, вы не можете их настроить. Да, они действительно печатаются.

#интересное

​​Цветовые гармонии
Давайте взглянем на сочетания цветов, которые хорошо сочетаются друг с другом.

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

Разделенные комплементарные цвета (2) – аналогично дополнительным цветам, но на этот раз вы выбираете базовый цвет, а затем на противоположной стороне цветового круга выбираете два соседних цвета в дополнение к базовому цвету. Сочетание по-прежнему энергичное, но не такое поразительное, как комплемент.

Триада (3). Цветовая схема триады предполагает рисование треугольника на цветовом круге для выбора трех цветов. Это создает довольно яркую палитру, поэтому лучше всего использовать один цвет в качестве основного, а два других в качестве дополнительных, чтобы обеспечить хороший баланс.

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

Тетрадная схема (5) – здесь вы выбираете четыре цвета на прямоугольнике в цветовом круге (по сути, это можно разделить на две комплементарные пары). Это сложнее, чем другие комбинации, но при правильном использовании с хорошим балансом цветов можно создать великолепные композиции.

Монохромная цветовая схема (6) – в этой палитре используется один оттенок, но сочетаются разные оттенки, тона и оттенки, чтобы вызвать интерес и привлечь внимание.

Ахроматическая цветовая схема (7) – здесь используются разные оттенки серого. Вы можете подумать, что работа с одним только черным и белым приведет к созданию холодных, угрожающих изображений, но это не так, и вы можете создавать милые иллюстрации.

#интересное

​​Правило 60-30-10
Изначально использовался в дизайне интерьера, но может быть использован и в ваших произведениях искусства, и в иллюстрациях. Вот несколько правил, которым нужно следовать:
✅ Ваш основной цвет, как правило, должен быть с высоким значением насыщенности или чистым цветом и составлять около 60% композиции.
✅ Ваш дополнительный цвет должен составлять примерно 30% композиции.
✅ Акцентный цвет, который выделяется и обычно является дополнительным цветом к вашему основному цвету, составляет последние 10%.

#интересное