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

Поделиться
HTML-код
  • Опубликовано: 17 окт 2024
  • Типографика - примеры из практики. Разбираю в этом уроке примеры типографики, с которыми лично сталкивался. Полезно для графических дизайнеров. #типографика #урок #примеры
    Этот урок сделан, как демонстрация нашего учебного подхода.
    Курсы и мастер-классы смотрите на сайте Школы: granich.design/
    Блог Школы:
    Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:
    • VK-паблик: granichvk
    • TG-канал: t.me/granichannel
    • Insta: / granichgram
    • Энциклопедия Графдизайна (уйма референсов!): www.pinterest....
    Допссылки:
    → 2 часть: • Типографика - уроки ди...

Комментарии • 100

  • @granich
    @granich  5 лет назад +1

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

  • @СергейТокарев-р3в
    @СергейТокарев-р3в 7 лет назад +167

    Девятку уместнее спрятать и сделать меньше чем знак процента, еще и потому, что это ставка по ипотеке, и цифра в 6% явно привлекательнее чем 6,9%. Так что тут есть и маркетинговый ход)

    • @granich
      @granich  7 лет назад +8

      Сергей Токарев , супер, я об этом не подумал)

    • @markonon7220
      @markonon7220 7 лет назад +17

      а я тоже именно об этом сразу подумала, что 9 маленькая и когда едешь на машине её можно и не заметить

    • @СерыйСтронг
      @СерыйСтронг 7 лет назад +22

      Наверное у Вадима просто нет ипотеки )

    • @stacyrem7429
      @stacyrem7429 7 лет назад +2

      думаю, Вы правы) видела несколько похожих примеров с этой же "уловкой"...

    • @Harrogath12
      @Harrogath12 7 лет назад +3

      Да, если бы это была скидка - то девятка в этом случае была бы важна, и прятать ее не следовало бы.

  • @mrsam2822
    @mrsam2822 3 года назад +8

    По старым видео видно как человек вырос за 3 года. Особенно радует что не удалил видео. Пример своей верстки действительно паршивенький )

  • @бурдоша
    @бурдоша 2 года назад +1

    Ваш канал - находка!

  • @maximtitov7294
    @maximtitov7294 7 лет назад +18

    Тоже захотелось покритиковать немножко, хоть и близко не верстальщик. Критиковать же проще чем делать. :)
    Что сразу бросилось в глаза в Вашем примере:
    1) В каждом пункте используется 2 цвета (один из них черный), кроме одного (опережая MIT и Berkley)
    2) Везде используются цифры, кроме одого (Китай третья страна)
    3) Все пункты начинаются с цифр, кроме одного (Китай третья страна), из-за этого скорость чтения сильно замедляется
    4) Размеры прямоугольников разношерстные, не прослеживается ритм.
    5) Из-за разных стилей хочется прочитать "7 учебных программ китайских вузов топ-50 находится в списке мира", пробел не сильно спасает.

  • @Vikizza
    @Vikizza 10 месяцев назад

    Дай Бог вам здоровья и успехов повсеместно! Очень качественный материал, отлично ложится на какие-то базовые знания. Многие вещи стали понятнее.

  • @Елена-ютб
    @Елена-ютб 4 месяца назад

    Очень интересно! Благодарю!

  • @AlexViktorovich2008
    @AlexViktorovich2008 7 лет назад +8

    Блин, я вот вообще с этим никогда не сталкивался, а теперь понимаю, что здесь куча интересных тонкостей. Спасибо за видео, очень познавательно)))

  • @lanasvet6313
    @lanasvet6313 3 года назад

    Благодарю, Вадим, что делитесь с нами своими наработками и умениями!

  • @artgld
    @artgld 5 лет назад +19

    22:14 Не ну это реально жесть. Такой хаос, будто это 8 разных примеров одного текста и требуется выбрать один понравившейся.

  • @Kitsts
    @Kitsts 5 лет назад

    СПАСИБО огромное. По вашим видео в дизайн въезжать - одно удовольствие)

  • @valentinebyvchev142
    @valentinebyvchev142 7 лет назад +7

    Вадим, добрый вечер!
    Вот это видео просто бомба:))
    Не когда не всматривался в текста но, теперь благодаря Вам буду мысленно.

    • @granich
      @granich  7 лет назад +1

      Рад, что изменил ваш внутренний взор)

  • @toon2toon804
    @toon2toon804 6 лет назад +4

    Супер интересный формат видео! Побольше бы таких!!!)

  • @Dirtmiy
    @Dirtmiy 7 лет назад +71

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

    • @granich
      @granich  7 лет назад +3

      Сеньор Гравитошка, не хочу слушать помидор)

    • @Dirtmiy
      @Dirtmiy 7 лет назад +47

      Вадим Гранич, вполне заслуженный помидор.
      Самая главная ошибка разместить все восемь вариантов на одном развороте. По отдельности они еще имеют право на жизнь, но собрать их на одной странице - страшный сон для дизайнера. Вы уж меня извините.
      Искать мелкий мусор в чужом дизайне - всегда полезно, но еще важнее вовремя заметить подобные вещи в своей работе.
      Как только Вы начали расхваливать свой макет не выдержал и выключил. Самопохвалы тут не спасут. Работу в топку. Займитесь самоанализом.

    • @LobanovSpace
      @LobanovSpace 5 лет назад

      :D

    • @igorerovenko
      @igorerovenko 5 лет назад +2

      Одному мне показалось, что это был стёб?

    • @rasykite
      @rasykite 3 года назад +1

      100% согласен с помидором

  • @ХристинаШар
    @ХристинаШар 7 лет назад +1

    Спасибо! Супер! То что надо, когда ты еще не в теме, как начинающему дизайнеру! Молодец!!! Давай больше таких примеров и низкий тебе поклон.)

    • @granich
      @granich  7 лет назад +2

      Спасибо) Коплю сейчас материал на второй такой урок)

  • @ludoz1342
    @ludoz1342 7 лет назад +3

    Спасибо за видео ) Очень прикольно рассказываешь, как всегда круто 😉

  • @olgarumspain
    @olgarumspain 6 лет назад +5

    Шикарные примеры👍🏼 теперь точно хочу на дизайн. И всегда хотела))) но надо же было сначала отучиться на экономиста 😂

    • @granich
      @granich  6 лет назад +2

      Я на менеджера отучился и международную экономику)

    • @АртёмКоцюба-я2ю
      @АртёмКоцюба-я2ю 4 года назад

      Такая же история )

    • @ViktoriiaLesina
      @ViktoriiaLesina 3 года назад

      Переводчик, который теперь учится на дизайнера на месте))

  • @antimczenko
    @antimczenko 6 лет назад +29

    Вообще, не понял достеба до буквы "д" конкретно в "спаровском" случае, ибо был использован псевдорукописный шрифт, в котором такая буква "д" вполне допустима, если не закономерна. чай в прописях учили так писать..

  • @megaanatolij
    @megaanatolij 4 года назад

    Думала ... отвлекусь хотя-бы на время от твоего курса по осознанному графдизайну.... , зайду на RUclips, найду что-нибудь , где не надо мозги напрягать...🤣🤣🤣 А в итоге..., опять тебя слушаю !!! 🥰 Спасибо за классную команду кураторов !!! Они так нам помогают !!!!❤

  • @АртёмВарданян-г8х
    @АртёмВарданян-г8х 4 года назад +1

    Спасибо за качественное видео!!!

  • @marinastockaya9727
    @marinastockaya9727 4 года назад

    Очень интересно и полезно 👍👍👍 Спасибо! 😚

  • @MarishkaGrecheva
    @MarishkaGrecheva 7 лет назад

    спасибо! не представляете насколько вовремя!

    • @granich
      @granich  7 лет назад

      Marina Grecheva , а почему так вовремя для вас?)

    • @MarishkaGrecheva
      @MarishkaGrecheva 7 лет назад +1

      Вадим Гранич готовлюсь к соревнованиям по граф.дизайну и жутко не хватает знаний о типографике :)

  • @aliexpert3939
    @aliexpert3939 7 лет назад +5

    Интересные примеры, хотелось бы увидеть урок о подборе гарнитур.

  • @alexanderchkan9068
    @alexanderchkan9068 3 года назад

    Супер! Очень просто и понятно)

    • @granich
      @granich  3 года назад

      работаем! 💪🏽

  • @kirasunshine7197
    @kirasunshine7197 7 лет назад

    Отличный урок, спасибо=)
    Ждем еще)

  • @LobanovSpace
    @LobanovSpace 5 лет назад

    Отлично! То что нужно

  • @alxstruk
    @alxstruk 7 лет назад +18

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

    • @granich
      @granich  7 лет назад +5

      Александр Стрюковатский , если у заказчика магазин "всё по 41 рублю", то да, они часто используют дермадизайн. Там покупатели это ожидают, и это окей)

    • @alxstruk
      @alxstruk 7 лет назад +2

      Смешно то, что это магазин сантехники среднего и высокого ценового сегмента. Переломить мнение хозяина я не смог, сейчас общаюсь с ним через маркетологов.

  • @slavak592
    @slavak592 7 лет назад +18

    Shower Gel - хорошее решение, потому что абсолютно прямоуголные формы не интересны

  • @Саня-у3и
    @Саня-у3и 4 года назад +1

    спасибо за курсы :)

  • @fedoborod8890
    @fedoborod8890 7 лет назад +1

    Спасибо! Клёво.
    Факты об образовании в Китае на 22:06 довольно спорно, но интересно.
    1-е место, 2-е место повторяется по тексту, когда читаешь - какая-то билиберда.
    Хоть крупные вещи выхватываются в первую очередь, читаем мы всётаки слева-направо, сверху-вниз.

    • @granich
      @granich  7 лет назад

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

  • @АндрейТула-в5н
    @АндрейТула-в5н 3 года назад

    Гранич, привет! У меня нормальный логотип для Ютуба? Ничего в этом не понимаю, но сделал сам.

  • @larisaburmistrova6801
    @larisaburmistrova6801 7 лет назад +1

    Спасибо!Как всегда на уровне!Да,было бы познавательно посмотреть как делалась аватарка.

  • @АртёмРулёв-б8л
    @АртёмРулёв-б8л 4 года назад

    Подскажите, пожалуйста, что это за прога, показывающая зажатые на клавиатуре клавиши и позволяющая рисовать по экрану?

  • @ОльгаОльга-и9р2г
    @ОльгаОльга-и9р2г 7 лет назад +2

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

    • @granich
      @granich  7 лет назад

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

    • @СветаВ-ф8м
      @СветаВ-ф8м 5 лет назад

      @@granich это скорее у заказчиков совковое видение (помните газетки, да? с мелким шрифтом и заполнением каждого квадратного см) или же стремление "на всем экономить", опять же из прошлого, больше инфы впихнуть в стандартный макет. И не всем же удается донести))

  • @phenix27rus
    @phenix27rus 7 лет назад

    Добрый день, подскажите. В моём случаи, заказчик попросил нарисовать (для печати) стилизованную меловую доску, в видео затрагивался момент про стилизованный шрифт под мел. Как быть, чтоб выглядело вкусно?

  • @homehome9737
    @homehome9737 7 лет назад

    Спасибо!

  • @Kernhold
    @Kernhold 6 лет назад

    было очень интересно

  • @victoriamirabellamarch
    @victoriamirabellamarch 7 лет назад

    Спасибо, отличное видео)

  • @larkdesign9280
    @larkdesign9280 7 лет назад +2

    По поводу примера со старбакса. Вы говорите про пробелы в тексте с описанием состава салата, но если бы они были у'же то последняя строка бы втянулось и выглядело бы это вообще никак. А если кегль делать больше, то придётся и размер остальных надписей делать тоже больше. Если есть какой то вариант, как сделать по другому, при этом используя те же гарнитуры, то пожалуйста отпишите. Очень интересует этот вопрос. Спасибо за видео!

    • @granich
      @granich  7 лет назад

      Qinta Sentia вместо запятых поставить какие-нибудь символы, типа кружков, которые больше места займут)

    • @larkdesign9280
      @larkdesign9280 7 лет назад

      оперативный ответ, спасибо)

  • @НатальяСмирнова-ж5т
    @НатальяСмирнова-ж5т 2 года назад +1

    Воздух в композиции при грамотном подходе никогда ее не портит. Это по поводу Shower Gel. И вообще, заполнять пространство на 100% - это не всегда хорошо.

  • @1998tolik
    @1998tolik 5 лет назад +3

    класный стеб

  • @igorerovenko
    @igorerovenko 5 лет назад

    Мне это видео напомнило номер ДАЛС про хвалителей русского кинематографа.

  • @Raniya9015
    @Raniya9015 6 лет назад

    я бы хотела посмотреть на видео, как вы сделали обложку с вашей фоткой, как я знаю, вроде нельзя больше трех фонтов использовать, но у вас красиво смотриться

  • @luttle_lu
    @luttle_lu 2 года назад

    12:50 % вверху, чтоб сделать из нуля новогоднюю игрушку

  • @Кылыч-д7г
    @Кылыч-д7г 7 лет назад +16

    В биг маке правая часть пустует, как будто слово "никак" должно упасть, но не падает... 👎 нет целостности и баланса!

  • @nv9587
    @nv9587 4 года назад +10

    Пример твоей типографики прям совсем - не очень. Хаос полнейший, нет цельности

  • @chechibo283
    @chechibo283 5 лет назад +2

    на счет процентов - так есть чудная иллюзия что это 6 процентов, а не 7, поскольку в нас заложено округлять. Цены 0,95 или 99 аналогичный трюк

  • @be11er0font2
    @be11er0font2 7 лет назад

    Шрифт на брошюре "Спара" набран заглавными. Это заглавная прописная. Шрифт DS Eraser Cyr.

  • @vasto1
    @vasto1 7 лет назад

    Спасибо, оч наглядно получилось!) Да, сделайте урок по аватарке, если будет время. Для меня до сих пор загадка: как же ПОДБИРАТЬ эти шрифты? Особенно если в голове ещё нет базы любимых шрифтов в которых уверен. Просто перебирать все подряд, и смотреть, как получается? Ещё бывает, что надпись, к примеру, на русском, а шрифты не все поддерживают кириллицу. В итоге подставляется какой-то другой шрифт...(стандартный?) И это оч путает.

  • @54adownight41
    @54adownight41 7 лет назад

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

    • @stacyrem7429
      @stacyrem7429 7 лет назад

      Я о том же подумала)

  • @deenahoo
    @deenahoo 4 года назад

    Нашел лучшего фриланс бота для поиска работы на биржах
    1. Выбираешь биржи (фл ру, веб ланс и другие)
    2. Выбираешь ключевые слова.
    3. Получаешь все заявки с этих бирж где есть эти ключи
    @t - это прямая ссылка
    Вот тупо адрес бота в телеге @freelance_parser_ru_bot
    Пипец как удобно. Не надо искать заказы вручную по всем площадкам, фильтрить и всё такое)

  • @megrezzergem4905
    @megrezzergem4905 4 года назад

    А есть уже видео о недавней аватарке и подбора гарнитуры?

  • @lotosland
    @lotosland 6 лет назад

    Мелкий текс читаемый для глаза прохожих?

  • @ElenaBabicheva
    @ElenaBabicheva 4 года назад +4

    Ой нет. Типографика - не Ваш конёк. Во всяком случае была в 2017-м. Свой пример с 22-й минуты - жесть жестокая. Дальше смотреть не смогла. Другие пару видео с канала пересылала знакомым.

  • @instakotik
    @instakotik 4 года назад

    20:21 это наборный шрифт Фаернайт

  • @userula
    @userula 4 года назад

    ты открываеш мне глаза чувак
    отдуши

  • @Harrogath12
    @Harrogath12 7 лет назад

    Shower gel если не растягивать, то просто отцентрировать можно было бы

  • @eduard7537
    @eduard7537 7 лет назад +22

    Никогда не делайте так как, сделал автор в своей работе...

    • @granich
      @granich  7 лет назад +5

      Edu Ard или делайте, все на ваше усмотрение и вкус)

  • @philipp_surname
    @philipp_surname 3 года назад +2

    23:25 сижу и... честно читать не хочу. вижу много букв, цветные, разный текст - глаз цепляется и мозг соображает "как это прочитать?" ну и отказывается вообще прочитывать о чем речь.
    для брошюры 4 цвета текста, разные начертание и размеры - это *дикий перебор.* каждый блок в отдельности ОК! но в целом я смотрю как на страницу рекламы в газете или банеры - которым и не надо сочетаться друг с другом, а каждый кричит о своем содержимом. короче каша и легче скипнуть. для информационного текста это провал (то что потонцеальный читатель из-за того что некомфортно вообще отказывается читать)

  • @artemkhaleev9108
    @artemkhaleev9108 Год назад

    Посмотрел только половину, позже остальное посмотрю. Во всех примерах шрифты набраны ПРОПИСНЫМИ. Создается впечатление, что это обязательное условия для рекламы. Так ли это?

  • @evon2543
    @evon2543 4 года назад +3

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

  • @sergeykolesnikov3198
    @sergeykolesnikov3198 5 лет назад +1

    Мне одному кажется слишким большим расстояние (кернинг) между А и У в ВАУ?

  • @ИринаПоляева-г8х
    @ИринаПоляева-г8х 3 года назад

    "Самопальный креатив..." 😂😅

    • @granich
      @granich  3 года назад

      хехехе :)

  • @christina_mei
    @christina_mei 5 лет назад

    Сейчас бы такой процент на ипотеку

  • @yehorlis2316
    @yehorlis2316 4 года назад +1

    о нет, девятка точно не про композицию, а про маркетинг

  • @vbifusful
    @vbifusful 5 лет назад +1

    «Большая буква в слове должна быть только в начале. Никаких других вариантов» - дизайнер явно не знает про CamelCase

    • @granich
      @granich  5 лет назад +1

      Мы тУт_с_ребЯтАмИ из 2008_ПеРедАем_приФФетик

  • @MrBerbetenok
    @MrBerbetenok 6 лет назад

    привет! мне кажется в 6.9 процентов, там акцент не на то что, процент квадратный и 9тку и так видно, а на то что человек такой о 6% беру, хотя там дружочек, у нас тут семь процентиков, просто мы заебатые маркетологи как стив ждопс, в общем акцент на целые, замануха, десятичные оставим для юристов.

  • @АндрейФедотов-ъ3п
    @АндрейФедотов-ъ3п 5 лет назад +1

    Ну такое. Я не профи - но местами несогласен

  • @alem4893
    @alem4893 5 лет назад

    мегафон и транспарант вообще то разные слова по значению. Транспарант это плакат на палке а мегафон это громкоговоритель или рупор