Графсистема НеоГео. Пошаговая верстка макета

แชร์
ฝัง
  • เผยแพร่เมื่อ 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 - шрифт грубая каллиграфия (контраст формы)

ความคิดเห็น • 76

  • @granich
    @granich  3 ปีที่แล้ว +1

    [ТАЙМКОДЫ] с указанием разбираемой теории на плакате смотрите в описании урока.
    [БЕСПЛАТНЫЙ КОНТЕНТ]
    ► Материалы для повторения урока: granich.design/poster-from-scratch-in-neo-geo-style
    ► Доска с графсистемой НеоГео: www.pinterest.ru/vadim_granich/neo-geo/
    ► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation

  • @aleksejsaleksejevs7818
    @aleksejsaleksejevs7818 4 ปีที่แล้ว +39

    У вас талант ментора.
    Видео смотрятся очень хорошо 🔥
    Не могли бы вы сделать ролик о том:
    + какие существуют дизайнерские системы
    + какие из них в тренде, а какие нет
    + каким на ваш взгляд, вообще не страшен временной континуум
    + где и когда, присуще применение тех или иных систем
    СПАСИБО ❤️

    • @granich
      @granich  4 ปีที่แล้ว +8

      Aleksejs Aleksejevs, благодарю)
      Да, отмечу идею ролика с общим обзором графсистем.
      Сейчас по вашим вопросам кратко отвечу:
      1. Графсистем много. Они как покемоны. Многие еще не нашел. В Пинтересте с командой собрал некоторые доски по графидеям и графсистемам: www.pinterest.ru/vadim_granich/
      2. Сейчас будет в тренде, например, neumorphism. Это скевоморфизм через призму ui дизайна.
      3. Не страшно время самым нейтральным. Швейцарской графсистеме точно.
      4. У многих ниш бизнеса есть свои визуальные предпочтения. Например, Нео Гео можно встретить при оформлении мероприятий.

    • @stacy_isa
      @stacy_isa 4 ปีที่แล้ว +1

      Как студент Вадима, - талант ментора подтверждаю)

    • @Uf-x-tre-161-heh
      @Uf-x-tre-161-heh 4 ปีที่แล้ว

      @@granich здравствуйте. Интересно было бы увидеть урок по подготовке макета к печати

  • @mfromeng
    @mfromeng 4 ปีที่แล้ว +13

    Вадим, ты крутой! А был бы еще круче, если бы сделал учебник текстовый с иллюстрациями, некую выжимку по твоему подходу. Чтобы там было про графидеи, системы, про типографику, композицию, основные правила, как хорошо и как плохо. Чтобы было понятно и структурировано. Руководство по дизайну от Гранича. Я бы купил.

    • @granich
      @granich  4 ปีที่แล้ว +2

      Про учебник подумываю)

    • @mfromeng
      @mfromeng 4 ปีที่แล้ว

      @@granich очень надо и очень хочется. И чтобы в нем про графидеи поподробнее.

  • @eugenes4599
    @eugenes4599 ปีที่แล้ว +1

    Если плакат разрабатывается для печати, то про HSB можете сразу же забыть, иначе вас ждут незабываемые "цветовые" приключения, о которых автор, почему-то, забыл упомянуть.

  • @slavat5682
    @slavat5682 4 ปีที่แล้ว +8

    Технически всё здорово и понятно. Немного не хватает комментария по поводу смысловой нагрузки графических элементов (лабиринты, стрелки и т.д.).

  • @smile2344
    @smile2344 4 ปีที่แล้ว +4

    человеку который ни разу не открывал индизайн очень трудно сделать что то подобное (

  • @holubkseniia
    @holubkseniia 4 ปีที่แล้ว +2

    Можно ведь было не вытаскивать линии из линейки, а просто выделив всё использовать команду ctrl/cmd+5. Эти квадраты стали бы направляющими. Или так не работает?

  • @stacy_isa
    @stacy_isa 4 ปีที่แล้ว +6

    13:40 просто снос мозга. Оказывается есть сеточные инструменты такого уровня в люстре
    Да и урок в целом - просто прекрасно. Давно искала горячую комбо для блокировки слоя в люстре. Ctrl+2 спасение)

    • @essencedesign3414
      @essencedesign3414 2 ปีที่แล้ว +1

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

  • @niknik6196
    @niknik6196 4 ปีที่แล้ว +1

    Ой-ой зачем же ты в ручную создаёшь, как ты выразился "струны" в иллюстраторе? Там же в окне команды split into grid, которую ты используешь, галка есть add guides, просто отметь ее и получишь направляющие. Или можно Получить направляющие из выделенных объектов командной make guides 🤦

  • @vladimirkhaltaev5608
    @vladimirkhaltaev5608 4 ปีที่แล้ว +1

    не проще ли сетку выделить и во вкладке Просмотр, Направляющие, Создать направляющие (Ctrl+5), получится сетка из направляющих.

  • @Susanna-e6e
    @Susanna-e6e หลายเดือนก่อน

    Извините но у меня не получается выташить струны.Почему так?

  • @TheBezdaha
    @TheBezdaha 4 ปีที่แล้ว +1

    Подскажите, кто-то сталкивался с проблемой, что когда переводишь элементы из иллюстратора в индизайн, то что-то случается с цветом и в индизайне он становится как-будто цмиковским на вид (случается только при перекидываннии градиентов, с заливками норм). Что в настройках нужно выкрутить, чтобы цвет градиентов правильно переводился?
    п.с. Перечитал все комменты. Ответа на свой вопрос пока не нашёл

    • @vovazhilka43
      @vovazhilka43 3 ปีที่แล้ว

      У меня такая же проблема. Нашёл решение?

  • @saml.623
    @saml.623 4 ปีที่แล้ว +2

    расскажите про граф.системы
    очень интересно

  • @The_Anna_Chronicles
    @The_Anna_Chronicles 2 ปีที่แล้ว +1

    Не ожидала увидеть здесь айдентику своего университета. Спасибо за интересное видео ✨

  • @antimczenko
    @antimczenko 3 ปีที่แล้ว +1

    А почему делить именно на восемь? Почему не шесть или двенадцать?

  • @ЯнаЯсенчук-р4г
    @ЯнаЯсенчук-р4г 4 ปีที่แล้ว +2

    Спасибо за урок! Очень наглядно и понятно 💪

  • @yurisamarin8200
    @yurisamarin8200 4 ปีที่แล้ว +2

    Андрей лов дизлайкнул)))

  • @zfDenis
    @zfDenis 2 หลายเดือนก่อน

    Очень подробные уроки!

  • @DoFurther
    @DoFurther 4 ปีที่แล้ว

    Вадим, пинтерест, как мем: «Это..... просто..... охуенно!»

  • @Лияова-к9ш
    @Лияова-к9ш 4 ปีที่แล้ว

    ваще не врубилась в логику действий, зачем вручную пилить направляющие? типа чтобы сетку показать для наглядности? типка всё равно стоит не по этой сетке, а квадраты можно шпиговать и раскрашивать одним лишь split into grid, штука с вытягиванием направляющих в AI совершенно бессмысленное действие

  • @tischka5090
    @tischka5090 4 ปีที่แล้ว

    приветик, у меня такой вопрос. Как считаешь новейшие ноуты 2в1,такие как HP Spectre X360 могут заменить графический планшет? свои арты я рисовала всегда мышкой^^ сейчас хочу приобрести что-то качественное, и мобильное(!), чтобы можно было брать с собой, не таская несколько девайсов, работать в Illustrator, Indesign, Photoshop и т.д.(я просто по профессии еще графический дизайнер.) и при этоп рисовать стилусом (например стилус, который подходит к этому laptopу имеет 4096 степеней нажатия, а также угол наклона). Как считаешь, есть ли шансы делать нормальные работы? Или я требую чего-то, чего на рынке пока нет?

  • @le-genda
    @le-genda 4 ปีที่แล้ว

    там же галочка есть "Add Guide", см. скрин - yadi.sk/i/lM5LLJ3iIeTHAA, чего было морочится вручную?

  • @ladylivnirog4315
    @ladylivnirog4315 4 ปีที่แล้ว

    Очень крксивый макет получился, но как по мне, чисто субъективно, переполнен визуальными сложными символами и действительно, хочется глазу отдохнуть))) захотелось какие-то каадратики сделать "попроще" не такими цветными))

  • @andrywhite9654
    @andrywhite9654 4 ปีที่แล้ว

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

  • @shiruku9296
    @shiruku9296 4 ปีที่แล้ว +1

    Невероятно полезно,спасибо!

  • @kanata1chan
    @kanata1chan 4 ปีที่แล้ว

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

  • @lalaibalalai393
    @lalaibalalai393 4 ปีที่แล้ว +4

    В иллюстраторе Ctr+5 переводит объект в направляющие, т. е. быстрее чем вытаскивать струны для сетки.
    Спасибо за твои видео

    • @dxrpz1669
      @dxrpz1669 4 ปีที่แล้ว

      А еще можно зажать ctrl + alt и с помощью стрелок копировать и перемещать направляющие на фиксированное расстояние (в настройках это preferences > general и самое первое поле для ввода)

    • @granich
      @granich  4 ปีที่แล้ว

      Я в видео оставил заметку на эту тему, правда горячую клавишу не указал. Благодарю

  • @dk.4158
    @dk.4158 4 ปีที่แล้ว

    когда можно будет записаться на курсы осознанного граф дизайна?

  • @assetzhanaliyev1620
    @assetzhanaliyev1620 4 ปีที่แล้ว

    Когда будет следующий урок по граф системам? )

  • @MCKazachenka
    @MCKazachenka 4 ปีที่แล้ว +1

    Каеф)

  • @Тёмыч-ъ6и
    @Тёмыч-ъ6и 10 หลายเดือนก่อน

    а в чем метафора этого плаката?

    • @granich
      @granich  10 หลายเดือนก่อน

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

  • @LikoKZN
    @LikoKZN 2 ปีที่แล้ว

    Спасибо за урок, было интересно!

  • @Max-nt5ps
    @Max-nt5ps 4 ปีที่แล้ว +1

    Спасибо!

  • @EkaVL
    @EkaVL 4 ปีที่แล้ว

    Спасибо за столь подробный и интересный урок!

  • @artur_ry
    @artur_ry 2 ปีที่แล้ว

    Отличный плакат!

  • @sashareiher
    @sashareiher 4 ปีที่แล้ว +3

    Расскажи, как придумываешь концепции таких макетов. Здесь столько деталей! Это же можно вечность потратить на придумывание таких облачков и квадратиков

    • @granich
      @granich  4 ปีที่แล้ว +1

      У меня с Дашей (преподавателем курса) под рукой было много референсов. Плюс насмотренность. Еще помогали определенные закономерности после исследования графсистемы. Всё это позволило сделать детализированный учебный макет. Так и собирали. Много докруток было)

  • @prybyl_
    @prybyl_ 4 ปีที่แล้ว

    Спасибо! Очень круто 😍

  • @yeyao8770
    @yeyao8770 4 ปีที่แล้ว

    excellent work

  • @critic5277
    @critic5277 4 ปีที่แล้ว

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

    • @granich
      @granich  4 ปีที่แล้ว +1

      Critic да, кстати, черный круг можно было поставить

  • @redtoner6916
    @redtoner6916 4 ปีที่แล้ว

    Гениально

  • @anastasia_kon
    @anastasia_kon 4 ปีที่แล้ว

    вау! спасибо за то, что делитесь знаниями

  • @nesterov-dmitriy
    @nesterov-dmitriy 4 ปีที่แล้ว

    Красиво стелишь, фраерок

  • @greggus5403
    @greggus5403 4 ปีที่แล้ว

    дождались, наконец-то

  • @maksimpetrikov8752
    @maksimpetrikov8752 4 ปีที่แล้ว

    Блин....это круто

  • @alyu6351
    @alyu6351 4 ปีที่แล้ว

    Дарья Гурова обчалась у него и потом стала его преподавателем?

    • @granich
      @granich  4 ปีที่แล้ว

      Преподавателем в моей команде. Переслушайте вступление)

  • @katepine8913
    @katepine8913 4 ปีที่แล้ว

    Интересно, что почти в каждом плакате, сделанным в этом стиле (него гео) присутствует форма глаза. Почему именно глаз? Или это мне так попадалось, когда полезла смотреть и углубляться в тему 🤷‍♀️

    • @granich
      @granich  4 ปีที่แล้ว +1

      Kate Pine, глаз это мощный символ. Всевидящее око, все дела.

    • @katepine8913
      @katepine8913 4 ปีที่แล้ว

      @@granich Очень нравится твой подход к изучению и обучению! Ждем еще годных роликов!

  • @parsec1027
    @parsec1027 4 ปีที่แล้ว

    сильно!

  • @11Laura92
    @11Laura92 4 ปีที่แล้ว

    Идеально)

  • @mrsam2822
    @mrsam2822 3 ปีที่แล้ว

    Шикарно! Однозначно лайк и подписка!

    • @granich
      @granich  3 ปีที่แล้ว

      работаем! 💪🏽

  • @khomaldi
    @khomaldi 4 ปีที่แล้ว

    Спасибо

  • @BUDOKZ
    @BUDOKZ 4 ปีที่แล้ว

    Чоооотко!

  • @user-nx1tv4qy1r
    @user-nx1tv4qy1r 4 ปีที่แล้ว

    На канале есть что-то в Affinity?

    • @granich
      @granich  4 ปีที่แล้ว

      Нет. Он уже стал лучше Индизайна?

    • @user-nx1tv4qy1r
      @user-nx1tv4qy1r 4 ปีที่แล้ว

      @@granich не знаю. Аффинити (фото, паблишер, дизайн) просто каждый из них лицензионный стоит около 50€. А чем они слабее?

    • @granich
      @granich  4 ปีที่แล้ว

      @@user-nx1tv4qy1r вопрос не в чем слабее, а в чем сильнее.

    • @user-nx1tv4qy1r
      @user-nx1tv4qy1r 4 ปีที่แล้ว

      @@granich в цене?

  • @asteriumworld2638
    @asteriumworld2638 3 ปีที่แล้ว

    Журнал экономист обложка 2022

    • @granich
      @granich  3 ปีที่แล้ว

      Точно 😁