Типографика. Виды гарнитур (шрифтов). Детальный разбор.



Тут красивая рекламная продукция на иностранном сайте naklejki magnetyczne na lodówkę


#Типографика. Виды гарнитур (#шрифты). Детальный разбор. Вам нужен этот #урок, если хотите раз и навсегда понять классификацию шрифтов. Детальней некуда.

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Презентация и текстовые версии урока: granich.design/types-of-typefaces
► Доска с замечательными кириллическими шрифтами: pinterest.ru/vadim_granich/great-cyrillic-fonts/
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation

[КУРС]
♦ Этот урок сделан как дополнительный материал к курсу Осознанный Графдизайн: granich.design/conscious-graphic-design/
♦ Плакаты учеников с курса: pinterest.ru/vadim_granich/granich-graphic-design-course/
♦ Журналы учеников с курса: behance.net/granich

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: instagram.com/granichgram
• Энциклопедия Графдизайна (уйма референсов!): pinterest.ru/vadim_granich/

[ТАЙМОКОДЫ]
00:06 — виды по цели.
00:23 — виды по времени.
00:33 — vox классификация.
Раздел про засечки (антиква, serif).
00:52 — формы засечек.
01:06 — ромб (fraktur/blackletter/gothic).
02:27 — мятая. Старая антиква (venetian/humanist).
04:00 — основной и соединительный штрих.
04:18 — оплавленная. Старая антиква (garalde/old roman).
05:53 — точная. Переходная антиква (neoclassical/rationalist).
07:08 — волосная. Современная антиква (modern/new roman).
08:32 — ультражирная (fat face).
09:07 — обратная (итальянские).
10:02 — брусок (slab/egyptian). На антикву.
11:32 — брусок (slab/egyptian). На гротеск.
12:20 — высеченная (glyphic).
14:24 — треугольная (латинская/wedge).
15:36 — микс = высеченная треугольная.
15:52 — Засечки. Итог.
Раздел без засечек (гротеск, sans serif).
16:09 — формы гротесков. Буква е.
16:45 — старые (grotesque).
17:27 — геометрия, круг.
18:24 — геометрия, стадион.
19:11 — нейтральные (неогротески).
20:42 — почему Helvetica лучше Arial.
21:10 — вертикаль. Гумгротеск.
21:51 — semi-sans. Гумгротеск.
22:27 — пером. Гумгротеск.
23:57 — микс = геометрия гуманизм.
25:33 — микс = геометрия нейтральные.
26:04 — микс = геометрия гуманизм засечки.
26:42 — по параметрам. Широкие.
27:40 — Без засечек. Итог.
Читать дальше →

Как за 5 минут сделать плакат, чтобы клиент его утвердил


Как за 5 минут сделать #плакат, чтобы клиент его утвердил. Базовая #композиция коммерческого плаката. Графический #дизайн.

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Презентация и текстовые версии урока: granich.design/poster-in-5-minutes
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation

[КУРС]
♦ Этот урок сделан как дополнительный материал к курсу Осознанный Графдизайн: granich.design/conscious-graphic-design/
♦ Плакаты учеников с курса: www.pinterest.ru/vadim_granich/granich-graphic-design-course/
♦ Журналы учеников с курса: www.behance.net/granich

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest.ru/vadim_granich/

Экзамены 18 потока [нарезка стрима]


Это нарезка со стрима для 18 потока Осознанного Графдизайна, где я проводил обзор экзаменов выпускников. #графдизайн #стрим #экзамены

Презентация Курса: granich.design/conscious-graphic-design/

♦ Экзамены учеников курса Осознанный Графдизайн: www.behance.net/granich

♦ Плакаты учеников курса Осознанный Графдизайн: www.pinterest.ru/vadim_granich/granich-graphic-design-course/

Блог онлайн-школы Granich:
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram
♪ Энциклопедия Графдизайна (кладезь референсов): www.pinterest.ru/vadim_granich/

Granich Live 6 [Швейцарская Типографика / Перу]


На стриме разбираю макеты с этой доски: www.pinterest.ru/vadim_granich/swiss-typography/
Погружу вас в логику швейцарской типографики и верстки.
#швейцарская_типографика #швейцарский_плакат #типографика_верстка

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Доска с графсистемой Swiss: www.pinterest.ru/vadim_granich/swiss-typography/
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation

[КУРС]
♦ Этот урок сделан как дополнительный материал к курсу Осознанный Графдизайн: granich.design/conscious-graphic-design/
♦ Плакаты учеников с курса: www.pinterest.ru/vadim_granich/granich-graphic-design-course/
♦ Журналы учеников с курса: www.behance.net/granich

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest.ru/vadim_granich/

[ТАЙМКОДЫ]
0:00 Тишина и приветствие
3:35 Что на стриме будет, чего не будет
4:14 Макет с балериной (подробно)
13:00 Перерыв на комментарии в чате
13:50 Желтый макет с мячом
16:41 Макет с девушкой, закрывающей уши
18:24 Макет со стулом
21:41 Макет с раскрытой книгой
23:55 Макет с красным восклицательным знаком
23:27 Макет Kino с бирюзовым лицом
31:23 Перерыв на комментарии в чате
39:30 Макет SberCloud (зеленый)
44:45 Макет SberCloud (черный)
45:57 Черный макет с красным кругом
47:55 Макет с велосипедом
51:19 Зеленый макет с растянутым заголовком
54:18 Желтый макет New Art Fest
56:47 Черный макет Альфабанка
1:00:22 Макет 22 с цветами
1:03:36 Перерыв на комментарии в чате
1:11:00 Лого Lufthansa
1:12:22 Продолжение комментариев в чате
1:14:14 Макет с кроссовками Nike Air Max
1:20:00 Макет с «разбитым» лицом от Bloomberg
1:23:55 Макет с макбуком
1:30:30 Перерыв на комментарии в чате
1:32:30 Смотрим промо-страницу Кухни на районе
1:36:32 Продолжение комментариев в чате
1:55:15 Финальные слова

Как построить сетку. Графический дизайн, ч1


Как построить сетку колоночно-базовых линий. Почему модульная сетка неактуальна. Как сверстать журнал в Индизайне. #сетка #урок #индизайн

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Материалы для повторения урока: granich.design/how-to-design-a-grid-1
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation

[КУРС]
♦ Этот урок сделан как дополнительный материал к курсу Осознанный Графдизайн: granich.design/conscious-graphic-design/
♦ Плакаты учеников с курса: www.pinterest.ru/vadim_granich/granich-graphic-design-course/
♦ Журналы учеников с курса: www.behance.net/granich

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest.ru/vadim_granich/

[ДОПССЫЛКИ]
→ Струны vs сетки, Вадим Паясу: medium.com/@SkillstoreJack/4-vs-93fd4469ca77
8pt Grid for Web
→ Дмитрий Симберев: designpub.ru/https-medium-com-simberev-8pt-grid-for-web-f05fccc956ab
→ Норм стоковые фото: www.pexels.com/
→ § 81. Жизнь и необычайные приключения типографского пункта: www.artlebedev.ru/kovodstvo/sections/81/
→ Джеймс Феличи, Типографика. Шрифт, верстка, дизайн: www.ozon.ru/context/detail/id/23978375/
→ Калькулятор золотое сечение: pearsonified.com/typography/
→ Кандинский, точка и линия на плоскости: www.bookvoed.ru/book?id=6251321
→ Оптические эффекты в пользовательском интерфейсе (для настоящих ботаников): deadsign.ru/design/opticheskie_effekty_v_polzovatelskom_interfejse_dlya_nastoyawih_botanikov/
→ Любимые иконки: www.flaticon.com/

[ДОПКОММЕНТАРИИ]
1. Область под обрез для А4 = 12 пунктов или 5 мм.
2. Сетку начинаем строить с изучения количества контента (текста в первую очередь). Кегль для наборного текста = 9-12 пунктов (при чтении с рук). Для чтения с экрана кегль = 16-22 пункта.
3. Чтобы фреймы менялись под объем текста идем в text frame options, ставим auto-size по высоте (height only).
4. Когда ставите поля, делайте так, чтобы нижнее было больше верхнего (это делается для компенсации визуального веса). Методы построения полей: канон Виллара Де Оннекура (Ван де Граафа), алгоритм Душана Шульца, способ Рауля Розариво.
5. Горизонтальный ритм: хорошо 6 или 8 колонок. 12 колонок это для большого количества контента. 3 колонки норм для простых флаеров/плакатов
6. Вертикальный ритм: начинаем с того, что приводим к уму интерлиньяж наборного текста. Если сетку базовых линий не видно, нужно в Preferences в разделе Grids снять галочку с Grids in back. Другие настройки baseline grid: start 0 pt, relative to top margin, view threshold 12.5%.
7. Выбор шрифта: антиква (с засечками и низким x-height) лучше для печати, гротески (без засечек и высоким x-height) лучше для экрана. Вдобавок, чем больше x-height тем больше будет интерлиньяж (расстояние между строчками).
8. Чтобы фреймы идеально ставились по сетке базовых линий идем в text frame options, ставим в first baseline Cap-height или X-height.
9. Для более удобных горячих клавиш смены кегля в Preferences, Units and Increments в подразделе keyboard increments поставьте везде по 0,5 пункта (кроме kerning/tracking).
10. Пропорции кеглей должны быть контрастны. Чтобы мы сразу выделяли иерархию уровней.
11. В Иллюстраторе бывает полезно снимать маску клипирования с иконок (ctrl alt 7 несколько раз) и разгруппировать (ctrl shift G несколько раз). Потом выделить и удалить появившийся прямоугольник.

Как дизайнеру экономить время


Как дизайнеру экономить время. Оптимизации на фрилансе из моего личного опыта. #фриланс #опыт #дизайнер

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Подборка лучших книг и лекций для старта на фрилансе: granich.design/conscious-freelance-compilation

[КУРС]
Гораздо подробнее этот урок и множество других аспектов фриланса будем разбирать на курсе Осознанный Фриланс. Скоро запущу его на сайте школы, можно оставить свою почту для оповещения: granich.design/

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram

Типографика — примеры из практики.


Типографика — примеры из практики. Разбираю в этом уроке примеры типографики, с которыми лично сталкивался. Полезно для графических дизайнеров. #типографика #урок #примеры

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation

[КУРС]
♦ Этот урок сделан как дополнительный материал к курсу Осознанный Графдизайн: granich.design/conscious-graphic-design/
♦ Плакаты учеников с курса: www.pinterest.ru/vadim_granich/granich-graphic-design-course/
♦ Журналы учеников с курса: www.behance.net/granich

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest.ru/vadim_granich/

[ДОПССЫЛКИ]
→ 2 часть: youtu.be/cqeTcnDOWRM

Как фрилансеру оценить стоимость работы


Как фрилансеру оценить стоимость работы, урок для начинающих. #фриланс #урок #стоимость

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Презентация урока: granich.design/how-to-price-your-freelance-work
► Подборка лучших книг и лекций для старта на фрилансе: granich.design/conscious-freelance-compilation

[КУРС]
Гораздо подробнее этот урок и множество других аспектов фриланса будем разбирать на курсе Осознанный Фриланс. Скоро запущу его на сайте школы, можно оставить свою почту для оповещения: granich.design/

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram

Осознанный Фриланс. 1 урок. Начало путешествия


Это 1 урок курса про Осознанный Фриланс. В нем вы ознакомитесь с моей философией фриланса. Сможете примерить на себя идеи и правила этого курса. После чего сделать вывод – подходит он вам или нет. #фриланс #курс #урок

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Подборка лучших книг и лекций для старта на фрилансе: granich.design/conscious-freelance-compilation

[КУРС]
Гораздо подробнее этот урок и множество других аспектов фриланса будем разбирать на курсе Осознанный Фриланс. Скоро запущу его на сайте школы, можно оставить свою почту для оповещения: granich.design/

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram

[ДОПССЫЛКИ]
→ Даю платные консультации по фрилансу. Для уточнения условий и записи пишите в личку ВК (https://vk.com/vadim_granich), в телеграм (https://t.me/vadim_granich) или на почту granich.vadim@yandex.ru.
→ Flaticon: www.flaticon.com/home
→ Noun Project: thenounproject.com/
→ Dimensions Guide: www.dimensions.guide/
→ Open Game Art: opengameart.org/
→ Tlgrm Stickers: tlgrm.ru/stickers
→ Скриншоты из игр: The Elder Scrolls V: Skyrim, Silent Hill 3, Undertale, Assassin’s Creed, Dark Souls. Кадр из фильма Человек — Швейцарский Нож.