Типографика - примеры из практики.
HTML-код
- Опубликовано: 21 фев 2017
- Типографика - примеры из практики. Разбираю в этом уроке примеры типографики, с которыми лично сталкивался. Полезно для графических дизайнеров. #типографика #урок #примеры
Этот урок сделан, как демонстрация нашего учебного подхода.
Курсы и мастер-классы смотрите на сайте Школы: granich.design/
Блог Школы:
Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:
• VK-паблик: granichvk
• TG-канал: t.me/granichannel
• Insta: / granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest.ru/vadim_granich/
Допссылки:
→ 2 часть: • Типографика - уроки ди...
![Почему простые числа образуют спирали? [3Blue1Brown]](http://i.ytimg.com/vi/DxntHp7-wbg/mqdefault.jpg)
![Роберт Сапольски - Депрессия [Vert Dider]](http://i.ytimg.com/vi/_UtA0dwGoUQ/mqdefault.jpg)
![Finesse2Tymes - Pretty Ricky [Official Music Video]](http://i.ytimg.com/vi/xIoP_mhYRT0/mqdefault.jpg)
[БЕСПЛАТНЫЙ КОНТЕНТ]
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation
Девятку уместнее спрятать и сделать меньше чем знак процента, еще и потому, что это ставка по ипотеке, и цифра в 6% явно привлекательнее чем 6,9%. Так что тут есть и маркетинговый ход)
Сергей Токарев , супер, я об этом не подумал)
а я тоже именно об этом сразу подумала, что 9 маленькая и когда едешь на машине её можно и не заметить
Наверное у Вадима просто нет ипотеки )
думаю, Вы правы) видела несколько похожих примеров с этой же "уловкой"...
Да, если бы это была скидка - то девятка в этом случае была бы важна, и прятать ее не следовало бы.
По старым видео видно как человек вырос за 3 года. Особенно радует что не удалил видео. Пример своей верстки действительно паршивенький )
Блин, я вот вообще с этим никогда не сталкивался, а теперь понимаю, что здесь куча интересных тонкостей. Спасибо за видео, очень познавательно)))
22:14 Не ну это реально жесть. Такой хаос, будто это 8 разных примеров одного текста и требуется выбрать один понравившейся.
Тоже захотелось покритиковать немножко, хоть и близко не верстальщик. Критиковать же проще чем делать. :)
Что сразу бросилось в глаза в Вашем примере:
1) В каждом пункте используется 2 цвета (один из них черный), кроме одного (опережая MIT и Berkley)
2) Везде используются цифры, кроме одого (Китай третья страна)
3) Все пункты начинаются с цифр, кроме одного (Китай третья страна), из-за этого скорость чтения сильно замедляется
4) Размеры прямоугольников разношерстные, не прослеживается ритм.
5) Из-за разных стилей хочется прочитать "7 учебных программ китайских вузов топ-50 находится в списке мира", пробел не сильно спасает.
Ваш канал - находка!
Варианты из жизни - на пять с плюсом, а вот практический пример - хуже некуда!
Размеры пляшут, хоровод из цвета, хаос и беспорядок. Срочно перенесите его в первую часть видео.
Сеньор Гравитошка, не хочу слушать помидор)
Вадим Гранич, вполне заслуженный помидор.
Самая главная ошибка разместить все восемь вариантов на одном развороте. По отдельности они еще имеют право на жизнь, но собрать их на одной странице - страшный сон для дизайнера. Вы уж меня извините.
Искать мелкий мусор в чужом дизайне - всегда полезно, но еще важнее вовремя заметить подобные вещи в своей работе.
Как только Вы начали расхваливать свой макет не выдержал и выключил. Самопохвалы тут не спасут. Работу в топку. Займитесь самоанализом.
:D
Одному мне показалось, что это был стёб?
100% согласен с помидором
Благодарю, Вадим, что делитесь с нами своими наработками и умениями!
Супер интересный формат видео! Побольше бы таких!!!)
СПАСИБО огромное. По вашим видео в дизайн въезжать - одно удовольствие)
Вадим, добрый вечер!
Вот это видео просто бомба:))
Не когда не всматривался в текста но, теперь благодаря Вам буду мысленно.
Рад, что изменил ваш внутренний взор)
Отличный урок, спасибо=)
Ждем еще)
Спасибо! Супер! То что надо, когда ты еще не в теме, как начинающему дизайнеру! Молодец!!! Давай больше таких примеров и низкий тебе поклон.)
Спасибо) Коплю сейчас материал на второй такой урок)
Дай Бог вам здоровья и успехов повсеместно! Очень качественный материал, отлично ложится на какие-то базовые знания. Многие вещи стали понятнее.
Спасибо за видео ) Очень прикольно рассказываешь, как всегда круто 😉
Очень интересно! Благодарю!
Спасибо за качественное видео!!!
Интересные примеры, хотелось бы увидеть урок о подборе гарнитур.
Вообще, не понял достеба до буквы "д" конкретно в "спаровском" случае, ибо был использован псевдорукописный шрифт, в котором такая буква "д" вполне допустима, если не закономерна. чай в прописях учили так писать..
Очень интересно и полезно 👍👍👍 Спасибо! 😚
спасибо за курсы :)
спасибо! не представляете насколько вовремя!
Marina Grecheva , а почему так вовремя для вас?)
Вадим Гранич готовлюсь к соревнованиям по граф.дизайну и жутко не хватает знаний о типографике :)
Отлично! То что нужно
Спасибо!Как всегда на уровне!Да,было бы познавательно посмотреть как делалась аватарка.
Спасибо, отличное видео)
Shower Gel - хорошее решение, потому что абсолютно прямоуголные формы не интересны
Думала ... отвлекусь хотя-бы на время от твоего курса по осознанному графдизайну.... , зайду на RUclips, найду что-нибудь , где не надо мозги напрягать...🤣🤣🤣 А в итоге..., опять тебя слушаю !!! 🥰 Спасибо за классную команду кураторов !!! Они так нам помогают !!!!❤
Супер! Очень просто и понятно)
работаем! 💪🏽
Шикарные примеры👍🏼 теперь точно хочу на дизайн. И всегда хотела))) но надо же было сначала отучиться на экономиста 😂
Я на менеджера отучился и международную экономику)
Такая же история )
Переводчик, который теперь учится на дизайнера на месте))
Спасибо!
было очень интересно
У меня есть заказчик который требует плохой типографики. Мотивирует это тем, что они хотят казаться ближе к народу.
Я выравнивал шрифты, делал так чтобы в макете все было выровнено относительно друг друга и всегда получал 100500 правок.
А один раз он позвонил и я психанув сделал небрежно и это было принято без единой правки))))
Александр Стрюковатский , если у заказчика магазин "всё по 41 рублю", то да, они часто используют дермадизайн. Там покупатели это ожидают, и это окей)
Смешно то, что это магазин сантехники среднего и высокого ценового сегмента. Переломить мнение хозяина я не смог, сейчас общаюсь с ним через маркетологов.
Воздух в композиции при грамотном подходе никогда ее не портит. Это по поводу Shower Gel. И вообще, заполнять пространство на 100% - это не всегда хорошо.
Спасибо! Клёво.
Факты об образовании в Китае на 22:06 довольно спорно, но интересно.
1-е место, 2-е место повторяется по тексту, когда читаешь - какая-то билиберда.
Хоть крупные вещи выхватываются в первую очередь, читаем мы всётаки слева-направо, сверху-вниз.
Поэтому важно креативную типографику не пихать куда попало без разбора, потому что да, это уже не обычный текст и она занимает больше времени на восприятие. Но она и интереснее.
Пример твоей типографики прям совсем - не очень. Хаос полнейший, нет цельности
класный стеб
Нашел лучшего фриланс бота для поиска работы на биржах
1. Выбираешь биржи (фл ру, веб ланс и другие)
2. Выбираешь ключевые слова.
3. Получаешь все заявки с этих бирж где есть эти ключи
@t - это прямая ссылка
Вот тупо адрес бота в телеге @freelance_parser_ru_bot
Пипец как удобно. Не надо искать заказы вручную по всем площадкам, фильтрить и всё такое)
на счет процентов - так есть чудная иллюзия что это 6 процентов, а не 7, поскольку в нас заложено округлять. Цены 0,95 или 99 аналогичный трюк
Добрый день, подскажите. В моём случаи, заказчик попросил нарисовать (для печати) стилизованную меловую доску, в видео затрагивался момент про стилизованный шрифт под мел. Как быть, чтоб выглядело вкусно?
заказчики тоже ужасно боятся пустого места, на визитке даже готовы прайс разместить, лишь бы не было никакого воздуха. иногда кажется им даже межбуквенное пространство нервы трепет :)))))))))
дизайнер лаш в детстве мечтал работать офтальмологом, но передумал - и это было верное решение) спасибо вам за подборку - очень крутой обзор был.
Ольга Ольга , боязнь воздуха = отсутствие вкуса. Тут уже нужно заказчику объяснять чего он хочет - провинциального дизайна или современных веяний.
Рад, что вам видео понравилось)
@@granich это скорее у заказчиков совковое видение (помните газетки, да? с мелким шрифтом и заполнением каждого квадратного см) или же стремление "на всем экономить", опять же из прошлого, больше инфы впихнуть в стандартный макет. И не всем же удается донести))
я бы хотела посмотреть на видео, как вы сделали обложку с вашей фоткой, как я знаю, вроде нельзя больше трех фонтов использовать, но у вас красиво смотриться
Подскажите, пожалуйста, что это за прога, показывающая зажатые на клавиатуре клавиши и позволяющая рисовать по экрану?
Спасибо, оч наглядно получилось!) Да, сделайте урок по аватарке, если будет время. Для меня до сих пор загадка: как же ПОДБИРАТЬ эти шрифты? Особенно если в голове ещё нет базы любимых шрифтов в которых уверен. Просто перебирать все подряд, и смотреть, как получается? Ещё бывает, что надпись, к примеру, на русском, а шрифты не все поддерживают кириллицу. В итоге подставляется какой-то другой шрифт...(стандартный?) И это оч путает.
Мне это видео напомнило номер ДАЛС про хвалителей русского кинематографа.
В биг маке правая часть пустует, как будто слово "никак" должно упасть, но не падает... 👎 нет целостности и баланса!
Шрифт на брошюре "Спара" набран заглавными. Это заглавная прописная. Шрифт DS Eraser Cyr.
По поводу SPAR, я так понимаю задумка с процентами вверху была с целью показать ноль, как елочную игрушку, там же выше на картинке елка, а процент это крепление игрушки :)
Я о том же подумала)
23:25 сижу и... честно читать не хочу. вижу много букв, цветные, разный текст - глаз цепляется и мозг соображает "как это прочитать?" ну и отказывается вообще прочитывать о чем речь.
для брошюры 4 цвета текста, разные начертание и размеры - это *дикий перебор.* каждый блок в отдельности ОК! но в целом я смотрю как на страницу рекламы в газете или банеры - которым и не надо сочетаться друг с другом, а каждый кричит о своем содержимом. короче каша и легче скипнуть. для информационного текста это провал (то что потонцеальный читатель из-за того что некомфортно вообще отказывается читать)
12:50 % вверху, чтоб сделать из нуля новогоднюю игрушку
По поводу примера со старбакса. Вы говорите про пробелы в тексте с описанием состава салата, но если бы они были у'же то последняя строка бы втянулось и выглядело бы это вообще никак. А если кегль делать больше, то придётся и размер остальных надписей делать тоже больше. Если есть какой то вариант, как сделать по другому, при этом используя те же гарнитуры, то пожалуйста отпишите. Очень интересует этот вопрос. Спасибо за видео!
Qinta Sentia вместо запятых поставить какие-нибудь символы, типа кружков, которые больше места займут)
оперативный ответ, спасибо)
Shower gel если не растягивать, то просто отцентрировать можно было бы
20:21 это наборный шрифт Фаернайт
Гранич, привет! У меня нормальный логотип для Ютуба? Ничего в этом не понимаю, но сделал сам.
Ой нет. Типографика - не Ваш конёк. Во всяком случае была в 2017-м. Свой пример с 22-й минуты - жесть жестокая. Дальше смотреть не смогла. Другие пару видео с канала пересылала знакомым.
А есть уже видео о недавней аватарке и подбора гарнитуры?
Мне одному кажется слишким большим расстояние (кернинг) между А и У в ВАУ?
ты открываеш мне глаза чувак
отдуши
Мелкий текс читаемый для глаза прохожих?
Сейчас бы такой процент на ипотеку
Никогда не делайте так как, сделал автор в своей работе...
Edu Ard или делайте, все на ваше усмотрение и вкус)
о нет, девятка точно не про композицию, а про маркетинг
Вообще не понимаю зачем делать вот эту околесицу с хрен пойми как стилизованными словами. Просто потому, что «Я - дизайнер, я так вижу»? Креатив креативом, но совсем уж в дебри своих фантазий уходить не надо.
привет! мне кажется в 6.9 процентов, там акцент не на то что, процент квадратный и 9тку и так видно, а на то что человек такой о 6% беру, хотя там дружочек, у нас тут семь процентиков, просто мы заебатые маркетологи как стив ждопс, в общем акцент на целые, замануха, десятичные оставим для юристов.
"Самопальный креатив..." 😂😅
хехехе :)
мегафон и транспарант вообще то разные слова по значению. Транспарант это плакат на палке а мегафон это громкоговоритель или рупор
«Большая буква в слове должна быть только в начале. Никаких других вариантов» - дизайнер явно не знает про CamelCase
Мы тУт_с_ребЯтАмИ из 2008_ПеРедАем_приФФетик
Посмотрел только половину, позже остальное посмотрю. Во всех примерах шрифты набраны ПРОПИСНЫМИ. Создается впечатление, что это обязательное условия для рекламы. Так ли это?
Ну такое. Я не профи - но местами несогласен