С праздником

Искренне благодарю за то, что уделяете время каналу тут и на Ютубе. Спасибо за столько слов поддержки и реакций вообще. В следующем году должно быть не менее интересно. Единственный грустный момент: в видосах стало меньше анекдотов. Но всё же удалось собрать для вас подборку из всего, что написал за год. Можете посмотреть вместо «Аншлага» или «Шутки за шуткой». Вы ж любите эти передачи? Так ведь?

Упали комменты. Телега в своём стиле. Если хотите текстово посмеяться с анекдотов в предыдущем посте, пишите здесь 😁

Разбор вашего дизайна

Ну что вы там, приколисты и приколистки? Как новый год отпраздновали? Надеюсь, что хорошо — и уже успели отойти.

Скидывайте свой дизайн с коротким описанием в комментарии к этой записи. Баннер, логотип, упаковку, сайт — что хочете. Строго в формате jpeg, png или ссылки на Behance, Dprofile. Ссылки на другие ресурсы и PDF не открываю. Самые интересные работы посмотрю сегодня в 19:00 по МСК.

Внимание. Если вы не готовы, что по вашей работе со стрима в дальнейшем будет сделан пост / короткое видео / длинное видео, не присылайте материал на разбор. Всё это во избежание неловких ситуаций с вами, заказчиками и домашними животными.

Кто не придёт, тот никогда не узнает, что я думаю про его дизайн.

👉 https://youtube.com/live/f7KMmpTJXzg?feature=share

Дизайн Телеграма

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

По следам Фигмы зачем-то пошёл Ютуб, но потом тоже быстро пришёл в себя.

У Телеги был как минимум год на то, чтобы посмотреть на чужой опыт. Увы, это не помешало сделать то, что мы видим.

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

Инверсия цвета

Зритель закинул крутой логотип-иллюстрацию с мужичком. Одна проблема — мужичок светится в темноте. А ещё у него появилась огромная седая борода.

Делать инверсию цвета персонажам можно и автоматически, но тогда получится верхний результат. Если стоит задача: сохранить светлые участки светлыми, а тени — тенями, нужно их сохранить. Всё просто. Однако, часть деталей может тупо исчезнуть. В нашем случае — волосы и кусок майки. Тут необходимо подключить ручную инверсию.

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

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

Будильник не верит в тебя

Недавно заметил, что у будильника на Айфоне и Гугл Пикселе основная кнопка — «отложить». Почему-то раньше не придавал значения, а ведь логика на первый взгляд странная. Я привык, что основная кнопка выполняет приоритетное действие. Например, на маркетплейсах — «добавить в корзину», а не «отложить на потом».

Но в случае с будильником это не ошибка. Дизайнеры интерфейсов исходят из того, что мы не встанем по первому будильнику, поэтому подсовывают наиболее вероятный и безопасный сценарий. Отложить будильник не страшно. С какого-нибудь пятого раза всё равно проснёшься. А вот если бы заметнее была кнопка «выключить», то и шанс проспать был бы выше. Отключил один будильник — и спишь себе дальше.

С другой стороны, люди по-прежнему ставят по 5 будильников на утро, чтобы точно не проспать. Получается, что пользователи всё равно не верят в функцию «отложить», а дизайнеры не верят в функцию «выключить». Короче, перед нами круговорот недоверия.

Напишите, кто встаёт по первому будильнику.

Как выровнять треугольник

Если вы занимаетесь дизайном больше 52 дней, знаете, что треугольные объекты нужно центрировать на глаз. Математически выставленный треугольник уезжает в одну из сторон. Благо — фигура простая и хорошо изученная. С опытом выставить её ровно не составит проблем.

А вот логотип с картинки — совсем другой случай. Сошлись все неудобные формы для центрирования: звезда, буква D и общий наклон. Кучу раз зумился туда-сюда, чтобы убедиться, что всё ровненько.

Если бы я нарисовал такой лого, то отдал бы результат сразу с полями внутри файла. Работникам типографий, портным и вешателям логотипов на здания стало бы проще. А может и нет.

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

Какой заголовок выбрать

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

В версии Егора вырос чайник, за что огромный респект. Но самые значительные изменения претерпел заголовок.

В оригинале акцент был на производителе и модели. В исправленной версии на уточнении того, что перед нами чайник. И вроде как, бренд — ноунейм (впервые вижу), а значит, он не сможет гарантировать качество или узнаваемость. Но дело в том, что чайник — предмет с узнаваемым силуэтом и строением. Уделять столько места бесполезному заголовку — бесполезно.

Даже ноунейм бренд в заголовке кажется более удачным. Он даёт хотя бы мнимую надежду на то, что я покупаю вещь от производителя, у которого есть офис, поддержка и гарантия. А слово «чайник» будто бы для чайников.

Большое спасибо Егору за работу. А что вы думаете о заголовке?

Слишком мелкая кнопка

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

UPD — зритель закинул в комменты наилучший вариант. Пришлось отредактировать пост. Спасибо!

Такой разный Милки вэй

Батончик Милки вэй — пример того, как бренд может жить двумя разными жизнями. Первым появился коричневый вариант в Америке, а потом уже голубо-синий в Европе.

В Европе его позиционируют как что-то лёгкое: воздушное суфле и нежное молоко, как будто съел облачко. А в Америке Милки вэй исторически другой по составу: нуга плюс карамель. Плотный и сытный — по смыслу ближе к батончику Марс.

У нас в рекламе показывают, что Милки вэй вообще не про голод, а про настроение. Акцент делают на том, что батончик никак не мешает основному приему пищи и его спокойно можно давать детям перед обедом. Визуал держится на бело-голубых цветах, воздушности и мультяшности. Сам батончик не лежит, а летает. «Милки вэй не тонет в молоке» — так говорили в одной из реклам.

В Америке Милки вэй позиционируют как сытную еду, но в сладкой форме. В рекламе это подчёркивают через работяг и тягучую карамель без мультяшности.

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

По мне, европейский вариант больше ассоциируется с названием «Млечный путь». А что думаете вы?

Оцениваю хоккейные логотипы — новое видео на Ютубе

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

А что касается хоккея, всё как обычно: я ничего в нём не понимаю, но решил разобраться в дизайне. Для этого оценил аж 40 логотипов главных команд из НХЛ и КХЛ в формате тир-листа. Но что ещё важнее: вывел сенсационную разницу между нашими логотипами и ихними.

Срочно смотрите, чтобы поддержать хоккеистов! Представляете, как им нелегко?! Ребята могут заниматься своим делом только 3 месяца в году, да и то, как повезёт. В отличии от киберспортиков, которые могут тренить вообще круглый год. Жесть 😬

👉 https://youtu.be/WiLloJx48Ck

Нейронки творят чудеса

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

После обработки лица я пошёл за шлемом и формой в нейронку. Удивительно, но нужный результат получился примерно с десятой попытки. Это быстро. Однако, всё равно пришлось совмещать голову и тело с разных картинок. Доволен ли я вторым изображением? Нет. Цвета неправильные. Из-за холодного фона чувствуется диссонанс с кожей и освещением. Пришлось работать со светом и цветом не только ползунками настроек, но и рисованием поверх. Я общался с нейронками и убедительно просил гармонизировать / аккуратно вставить / подогнать по цвету меня к фону, но получалась каша.

Нейронка может надеть на человека любую одежду за пару минут — это реально чудо. Но в реальности чудес не бывает, поэтому нужно всё допиливать руками. Даже такую банальную на первый взгляд обложку. Результат всё ещё неидеален, но сойдёт.

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

Спасибо за столько просмотров на новом видосе. Обнимаю всех, кто разрешит себя обнять ❤️

Цветовое кодирование

Помните, я говорил о том, что в базовых тир-листах перепутаны зелёный и красный цвет? Геймеры решили, что зелёный — это плохо, а красный — хорошо. В итоге очень специфическое цветовое кодирование закрепилось.

Недавно читал разбор дизайна упаковки от deziiign. Ребята как раз напомнили о другом любопытном примере с острыми вкусами. Рассмотрим на примере упаковки Лэйса.

Уверен, что для 99% людей, острота ассоциируется с моими шутками, а ещё с красным цветом. Только вот красные упаковки Лэйса не относятся к острым вкусам. И не удивительно. А каким ещё цветом можно кодировать томат и паприку? Подходят только разные тона красного или чисто нейтральные варики.

Главный герой заметки, Халапеньо — перец зелёного цвета, при этом он в разы острее паприки и уж тем более томата. Вроде и разумно сделать упаковку с ним красной, а вроде и нет. С «чили и лайм» похожая дилемма, только чуточку сложнее, т.к. появляется чили, который манит ещё больше сделать упаковку красной.

Вот и получается, что два острых вкуса — зелёные, а два неострых — красные. Живите с этим, как с тир-листами.

Разбор вашего дизайна

Ну что вы там, приколисты и приколистки? Как дела? Давайте-ка сегодня замутим стрим.

Скидывайте свой дизайн с коротким описанием в комментарии к этой записи. Баннер, логотип, упаковку, сайт — что хочете. Строго в формате jpeg, png или ссылки на Behance, Dprofile. Ссылки на другие ресурсы и PDF не открываю. Самые интересные работы будут разобраны в сегодня в 19:00 по МСК.

Внимание. Если вы не готовы, что по вашей работе со стрима в дальнейшем будет сделан пост / короткое видео / длинное видео, не присылайте материал на разбор. Всё это во избежание неловких ситуаций с вами, заказчиками и домашними животными.

Кто не придёт, тот никогда не узнает, что я думаю про его дизайн.

👉 https://youtube.com/live/M1C3xzIW2vo

Давайте без креатива

Мне вот недавно нужно было подписать док, в котором поменяли привычный порядок «фамилия, инициалы» на «инициалы, фамилия». Вместо Петров Иван Васильевич, мне нужно было написать Иван Васильевич Петров. Естественно, я по-привычке заполнил поле классическим вариантом.

Да, русский язык хорош тем, что слова можно переставлять, как угодно. Но это же документ! Хорошо, что его приняли и мне не пришлось заполнять всё заново из-за поломки привычного построения.

К чему этот пост? Кажется, что и работа дизайнера всегда связана с креативными процессами. Но это не так. Есть вещи, которые настолько удобны, привычны и отлажены, что их просто не нужно трогать.

Дизайн Телеграма: iOS vs Android

В январе дизайн Телеги обновили на Айфонах, а сегодня вот на Андроидах. Возможно, тонкие ценители типографики больше ценят тонкие шрифты в системе Эпл. Я вас понимаю, наверное. Но в остальном на Андрюше всё гораздо лучше, хотя и не без странностей.

Раньше не замечал, но нижняя и верхняя панели очень разные. На айОСе приоритет отправке файлов и голосовым, а на Андрюше явно голосовым. Если что, синяя подсветка у кнопки стоит по умолчанию. Может на айОСе люди статистически чаще отправляют файлы, а у конкурента голосовухи? Хотя, как по мне, благодаря открытости Андроида, скидывать что-то гораздо проще и удобнее.

Главное, за что стоит ценить версию Андроида — отсутствие ликвид глЭССа и дурацких разделений внутри панелек.

Ну и финал. Не знаю, в чём прикол, но насыщенность цветов на двух системах разная!?! Это ж не фотки экранов, а скрины. Как такое может быть? Видно, что на айОСе насыщеннее не только фон, но и все кнопки. Как в таком случае выглядят скрины на Самсунге или Сяоми?

Незаметный дизайн

Больше всего в дизайне я обожаю думать над незаметными штуками. Рассмотрим на свежем примере. Мне нужно было показать в брендбуке, какие градиентные цвета необходимо использовать для фирменного элемента. Я накидал три варианта визуализации. Кажется, что дело простейшее, но нужно учесть ограничения формата, размер шрифта и колонок. Самое важное — построение градиента должно быть понятно клиенту. В итоге остановился на третьем варианте. Он самый аккуратный, минималистичный и понятный.

Оценит ли клиент эту часть работы? Скорее всего, нет. Это ж просто кусочек брендбука и не более. Но главное, что мне по кайфу!

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

Текст упирается

В такую дату я, конечно же, решил послушать новый альбом известного рэпера Жоры Айсгергерта. Площадкой выбрал Ютуб. И к большому сожалению не смог насладиться звуком и текстом в полной мере. Глаза зацепились за упирающийся в края текст на обложке.

Если на композиции «Маршал» обычное построение макета работало, то на «Актрисе» поломалось из-за количества символов. Пришлось уменьшить размер шрифта. Но и этого не хватило — текст всё равно выглядит неаккуратно.

Я бы предложил перенести всю инфу о фите на новую строку после названия композиции. Тогда не придётся добавлять скобки, которые ещё и мешают нормально читать название. Ну а логотипу GAZ точно не нужно вплотную стоять рядом с текстом. Отступ сверху и снизу можно выбрать любой.

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

Разбор вашего дизайна

Решил, что хочу видеться с вами на стримах чаще раза в месяц, а именно два раза в месяц! Поэтому сегодня вечером вновь встречаемся на Ютубе.

Скидывайте свой дизайн с коротким описанием в комментарии к этой записи. Баннер, логотип, упаковку, сайт — что хочете.
Можно: jpeg, png или ссылки на Behance, Dprofile.
Нельзя: ссылки на другие ресурсы, figma-файлы и pdf.
Самые интересные работы разберу сегодня в 19:00 по МСК.

Внимание. Если вы не готовы, что по вашей работе со стрима в дальнейшем будет сделан пост / короткое видео / длинное видео, не присылайте материал на разбор. Всё это во избежание неловких ситуаций с вами, заказчиками и домашними животными.

👉 youtube.com/live/aTmNw5KDS6k?feature=share

Сухарики со вкусом чипсов

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

Само сочетание, конечно, может вызвать вопросы. Что дальше? Сухарики со вкусом чипсов или картошки-фри? Но если что, я сам ел пиццу со вкусом бургера, и вопросов она не вызвала. Что логично, ведь я заказывал её на сайте с пиццами. Как бы, ошибиться с типом продукта нельзя.

А в этом случае сложилось бинго. Сырные палочки — отдельный снэк. Так ещё и по цвету и расположению они считываются быстрее сухариков.

Хорошо, что я внимтльный.