Графсистема НеоГео. Пошаговая верстка макета
ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2024
- Пошаговый дизайн и верстка с нуля макета плаката по графсистеме НеоГео.
Соавторы:
≡ Дизайн смысла и запись урока: Вадим Гранич
≡ Графический дизайн: Дарья Гурова
#неогео #графсистема #урок
Этот урок сделан, как демонстрация нашего учебного подхода.
Курсы и мастер-классы смотрите на сайте Школы: granich.design/
Блог Школы:
Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:
• VK-паблик: granichvk
• TG-канал: t.me/granichannel
• Insta: / granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest....
Таймкоды:
00:19 - коротко о графсистеме НеоГео
01:18 - создаем документ
01:51 - строим сетку в Индизайне
03:37 - строим сетку в Иллюстраторе
05:30 - распределение текстового контента (иерархия)
06:23 - проработка заголовка (контраст, гарнитура, обвесы)
08:07 - цвет (HSB, контраст, градиенты, цветовые гармонии)
10:38 - ставим плитки по сетке
11:05 - верстка текста в плитках (повторяемость)
11:45 - оптимизация заголовка (захват пространства, обвес)
12:37 - плитка лабиринт
13:42 - плитка глаз
14:45 - плитка голографический куб
17:13 - плитка молния в четвертях круга
19:37 - плитка курсор
21:21 - плитка пасхалка
21:43 - плитки сектора круга
24:22 - плитка облачко
24:49 - плитка диагонали
26:18 - шрифт грубая каллиграфия (контраст формы)
[ТАЙМКОДЫ] с указанием разбираемой теории на плакате смотрите в описании урока.
[БЕСПЛАТНЫЙ КОНТЕНТ]
► Материалы для повторения урока: granich.design/poster-from-scratch-in-neo-geo-style
► Доска с графсистемой НеоГео: www.pinterest.ru/vadim_granich/neo-geo/
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation
У вас талант ментора.
Видео смотрятся очень хорошо 🔥
Не могли бы вы сделать ролик о том:
+ какие существуют дизайнерские системы
+ какие из них в тренде, а какие нет
+ каким на ваш взгляд, вообще не страшен временной континуум
+ где и когда, присуще применение тех или иных систем
СПАСИБО ❤️
Aleksejs Aleksejevs, благодарю)
Да, отмечу идею ролика с общим обзором графсистем.
Сейчас по вашим вопросам кратко отвечу:
1. Графсистем много. Они как покемоны. Многие еще не нашел. В Пинтересте с командой собрал некоторые доски по графидеям и графсистемам: www.pinterest.ru/vadim_granich/
2. Сейчас будет в тренде, например, neumorphism. Это скевоморфизм через призму ui дизайна.
3. Не страшно время самым нейтральным. Швейцарской графсистеме точно.
4. У многих ниш бизнеса есть свои визуальные предпочтения. Например, Нео Гео можно встретить при оформлении мероприятий.
Как студент Вадима, - талант ментора подтверждаю)
@@granich здравствуйте. Интересно было бы увидеть урок по подготовке макета к печати
Вадим, ты крутой! А был бы еще круче, если бы сделал учебник текстовый с иллюстрациями, некую выжимку по твоему подходу. Чтобы там было про графидеи, системы, про типографику, композицию, основные правила, как хорошо и как плохо. Чтобы было понятно и структурировано. Руководство по дизайну от Гранича. Я бы купил.
Про учебник подумываю)
@@granich очень надо и очень хочется. И чтобы в нем про графидеи поподробнее.
Если плакат разрабатывается для печати, то про HSB можете сразу же забыть, иначе вас ждут незабываемые "цветовые" приключения, о которых автор, почему-то, забыл упомянуть.
Технически всё здорово и понятно. Немного не хватает комментария по поводу смысловой нагрузки графических элементов (лабиринты, стрелки и т.д.).
человеку который ни разу не открывал индизайн очень трудно сделать что то подобное (
Можно ведь было не вытаскивать линии из линейки, а просто выделив всё использовать команду ctrl/cmd+5. Эти квадраты стали бы направляющими. Или так не работает?
13:40 просто снос мозга. Оказывается есть сеточные инструменты такого уровня в люстре
Да и урок в целом - просто прекрасно. Давно искала горячую комбо для блокировки слоя в люстре. Ctrl+2 спасение)
в столь небрежно названной вами "люстре", напротив каждой команды написаны не менее небрежно названные вами "горячие комбо", прям как в макдональдсе или бургеркинге.
Ой-ой зачем же ты в ручную создаёшь, как ты выразился "струны" в иллюстраторе? Там же в окне команды split into grid, которую ты используешь, галка есть add guides, просто отметь ее и получишь направляющие. Или можно Получить направляющие из выделенных объектов командной make guides 🤦
не проще ли сетку выделить и во вкладке Просмотр, Направляющие, Создать направляющие (Ctrl+5), получится сетка из направляющих.
Извините но у меня не получается выташить струны.Почему так?
Подскажите, кто-то сталкивался с проблемой, что когда переводишь элементы из иллюстратора в индизайн, то что-то случается с цветом и в индизайне он становится как-будто цмиковским на вид (случается только при перекидываннии градиентов, с заливками норм). Что в настройках нужно выкрутить, чтобы цвет градиентов правильно переводился?
п.с. Перечитал все комменты. Ответа на свой вопрос пока не нашёл
У меня такая же проблема. Нашёл решение?
расскажите про граф.системы
очень интересно
Не ожидала увидеть здесь айдентику своего университета. Спасибо за интересное видео ✨
А почему делить именно на восемь? Почему не шесть или двенадцать?
Спасибо за урок! Очень наглядно и понятно 💪
Андрей лов дизлайкнул)))
Очень подробные уроки!
Вадим, пинтерест, как мем: «Это..... просто..... охуенно!»
ваще не врубилась в логику действий, зачем вручную пилить направляющие? типа чтобы сетку показать для наглядности? типка всё равно стоит не по этой сетке, а квадраты можно шпиговать и раскрашивать одним лишь split into grid, штука с вытягиванием направляющих в AI совершенно бессмысленное действие
приветик, у меня такой вопрос. Как считаешь новейшие ноуты 2в1,такие как HP Spectre X360 могут заменить графический планшет? свои арты я рисовала всегда мышкой^^ сейчас хочу приобрести что-то качественное, и мобильное(!), чтобы можно было брать с собой, не таская несколько девайсов, работать в Illustrator, Indesign, Photoshop и т.д.(я просто по профессии еще графический дизайнер.) и при этоп рисовать стилусом (например стилус, который подходит к этому laptopу имеет 4096 степеней нажатия, а также угол наклона). Как считаешь, есть ли шансы делать нормальные работы? Или я требую чего-то, чего на рынке пока нет?
там же галочка есть "Add Guide", см. скрин - yadi.sk/i/lM5LLJ3iIeTHAA, чего было морочится вручную?
Очень крксивый макет получился, но как по мне, чисто субъективно, переполнен визуальными сложными символами и действительно, хочется глазу отдохнуть))) захотелось какие-то каадратики сделать "попроще" не такими цветными))
Гранич , Вадим , векторный проект среди растровых , целитель души после тяжелого дня на фрилансе , добрый человек . Куда ты пропал , так приятно смотреть твои ролики , где доходчиво все объяснено . Вернись пожалуйста)
Невероятно полезно,спасибо!
я строю просто стандартно открываю сетку, в настройках нужный размер ставлю, подвигаю полотно под сетку и поехали.
В иллюстраторе Ctr+5 переводит объект в направляющие, т. е. быстрее чем вытаскивать струны для сетки.
Спасибо за твои видео
А еще можно зажать ctrl + alt и с помощью стрелок копировать и перемещать направляющие на фиксированное расстояние (в настройках это preferences > general и самое первое поле для ввода)
Я в видео оставил заметку на эту тему, правда горячую клавишу не указал. Благодарю
когда можно будет записаться на курсы осознанного граф дизайна?
Когда будет следующий урок по граф системам? )
Каеф)
а в чем метафора этого плаката?
Метафора это поэтичное сравнение двух неожиданных предметов. Тут нет метафоры, тут скорее стилизация атрибутов, которые встречаются в этой теме ИТ.
Спасибо за урок, было интересно!
Спасибо!
Спасибо за столь подробный и интересный урок!
Отличный плакат!
Расскажи, как придумываешь концепции таких макетов. Здесь столько деталей! Это же можно вечность потратить на придумывание таких облачков и квадратиков
У меня с Дашей (преподавателем курса) под рукой было много референсов. Плюс насмотренность. Еще помогали определенные закономерности после исследования графсистемы. Всё это позволило сделать детализированный учебный макет. Так и собирали. Много докруток было)
Спасибо! Очень круто 😍
excellent work
Классно получилось, хоть и заплатка кривая :) возможно там бы круглая подошла лучше.
Critic да, кстати, черный круг можно было поставить
Гениально
вау! спасибо за то, что делитесь знаниями
Красиво стелишь, фраерок
дождались, наконец-то
Блин....это круто
Дарья Гурова обчалась у него и потом стала его преподавателем?
Преподавателем в моей команде. Переслушайте вступление)
Интересно, что почти в каждом плакате, сделанным в этом стиле (него гео) присутствует форма глаза. Почему именно глаз? Или это мне так попадалось, когда полезла смотреть и углубляться в тему 🤷♀️
Kate Pine, глаз это мощный символ. Всевидящее око, все дела.
@@granich Очень нравится твой подход к изучению и обучению! Ждем еще годных роликов!
сильно!
Идеально)
Шикарно! Однозначно лайк и подписка!
работаем! 💪🏽
Спасибо
Чоооотко!
На канале есть что-то в Affinity?
Нет. Он уже стал лучше Индизайна?
@@granich не знаю. Аффинити (фото, паблишер, дизайн) просто каждый из них лицензионный стоит около 50€. А чем они слабее?
@@user-nx1tv4qy1r вопрос не в чем слабее, а в чем сильнее.
@@granich в цене?
Журнал экономист обложка 2022
Точно 😁