Обновлённый дизайн Ютуба

Огромное спасибо за такую нереальную активность под новым видео. Внатуре, чудо ❤️

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

Особенно уродски кнопки выглядят на белом фоне. Бесят и тонкие линии, и тени, и подложка.

А что бесит или радует вас в новом дизайне?

Миссия невыполнима: ЧатГПТ

ЧатГПТ знает: как меня зовут, где я живу, мои увлечения и род деятельности. Он вычислит, что я интроверт с синдромом перфекциониста, угадает мой любимый софт и даже предположит, сколько у меня вкладок открыто в браузере. Но что ЧатГПТ не может, так это сказать дату окончания подписки на него же, потому что это... огромная тайна?!

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

Логотип Бондюэля

Год назад делал видео про самые хайповые обновления дизайна в 2024 году. Одним из таких был Бондюэль. Логотип перевели на русский и немного поигрались со шрифтом. Если хотели сохранить дух оригинала, то получилось спорно. Даже завитушка у буквы «н» не помогла. В любом случае, сегодня логотип у нас выглядит именно так.

Недавно узнал, что в 2000-ых буквы Бондюэля уже переводили. То есть, практика не новая. При помощи нейронок достал лого с банки кукурузы и поместил на белый фон. Теперь можно сравнить, какая кириллическая версия ближе к оригиналу. Как по мне, верхняя. А ещё у нее нет проблем со слишком жирной буквой «Б», как у нынешней версии. И это при том, что оригинальный логотип тоже изменился.

Что думаете вы?

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

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

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

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

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

Русский язык — слишком сложный

Часто пишу заметки про какие-то компании/бренды — и каждый раз встаю перед сложным выбором. Разберём на конкретном примере.

1. Эпл — это компания. Значит, о ней можно писать в женском роде. Типа: Эпл обновила приложение.

2. Но любая компания — это группа людей во множественном числе. Ужасно сформулировал, но вы поняли. Значит, можно написать: Эпл обновили приложение. Так ведь?

3. А ещё это бренд. Тогда допустимо употребить вариант: Эпл обновил приложение.

4. А ещё это руководство, управление и прочие слова в среднем роде. Открывается четвёртый варик: Эпл обновило приложение.

Просто жесть. Возможно, по каким-то там неизвестным мне правилам есть только одна правильная формулировка, но кажется, что подходят все.

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

Дни календаря

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

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

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

А вот Гугл не смогли решить, что делать с выходными, поэтому тупо сделали все дни одинаковыми по цвету и насыщенности.

У меня есть фаворит, но лучше вы напишите в комментах, какой варик наилучший и почему.

Цветокоррекция

Вам может показаться, что в макете много проблем. Но я вижу только одну существенную: чашка и тарелка не попадают в тон фона. Да, дизайн не претендует на реалистичность, а объект не должен идеально вписываться в сцену. Но поскольку тут вопрос решается за минуту, почему бы не решить его?

В данном случае я тупо накинул сверху посуды сплошной цвет фона в режиме наложения Hue. На сам кофе его добавлять не стал — в этом нет смысла.

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

За дизайн спасибо читателю. Я немного изменил работу, плюс-минус сохранив оригинальную идею. Вы вообще видите разницу?

Таблицы Википедии

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

Удобнее, нагляднее и интереснее было бы сгруппировать страны по количеству. Тем более, точек на карте с похожим населением много. Вот очевидные плюсы решения:

1. Можно увидеть любопытные данные, которые были не видны в оригинале. Например, стран с населением более 80 млн всего 3. А 70 и 90 млн вообще нигде нет.

2. Отступ заметнее показывает разницу между максимумом одной группы и минимумом другой.

3. Отступ, по аналогии с текстом, превращает сплошную писанину в структурированную с абзацами.

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

Не бойтесь неровного текста

Дизайнеры любят собирать ровные прямоугольники из всего, что есть в макете. Посмотрите на баннеры с шашлыком. Внизу три абзаца с разным количеством строк. Их, конечно, можно выровнять по нижнему полю холста, тогда дизайн «запрямоуголится». Но в этом нет смысла. Заголовки скачут и труднее объединяются в единую структуру.

Баннер с колбаской интереснее. Можно оставить классический вариант с выравниванием всех блоков по верхней границе. Но силуэт объекта настолько идеально обрисовывает форму текстовых блоков, что можно и выровнять их по нижней границе. Тем более, благодаря этому, колбаска увеличится.

Короче, не бойтесь нижнего неровного края. Это нормальная тема в большинстве случаев. Но иногда можно сделать по-другому, чтоб колбаска лежала удобно.

Нейросетевой Ютуб

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

Официальная версия: функция нужна, чтобы видео с низким разрешением дотянуть до HD. Но кому сегодня правда важно, чтобы архивный мем 2012 года стал чуть резче? Он и в кубиках пикселей смешной. А любые современные камеры уже снимают минимум в FullHD — там особо нечего дотягивать.

Зато появляется другой момент. Ютуб начинает незаметно дорисовывать за авторов. Платформа не спрашивает, что вы закладывали в картинку: мягкий свет, лёгкий шум, атмосферу старой мыльницы. Алгоритм просто решает как лучше.

И в какой-то момент зритель уже смотрит не ваше видео, а гибрид: наполовину вы, наполовину сгенерированная Ютубом картинка. Личный визуальный стиль автора растворяется в общем нейросетевом глянце. И если завтра алгоритм придумает новый стандарт красивой кожи или правильной цветокоррекции, он просто накатит его поверх сотен тысяч видео.

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

Исправляю дизайн кошачьего корма — новое видео на Ютубе

Мяу мрррр шшш и мяуки, фрррр мяуф и ррррр. Мяу мяу мяукогда мррррр мяумяу мяули фрррр мяуки? Мрррр мя — рррр. А мяуки ррррр — мррррр. Мяу мяу мяу, мрррр и мяумяу, фрррр мяу мрррр мяумяу мяуфррр мяумяу мяуфррр, ррррр мяумяу мяумяу мяумяу мяуфррр мяумяу мяумяу.

Мяу мяумяу Мяу из Мяумяу Мяумяу. Мяу мяумяу 5 мяумяу мяумяу мяумяу, мяумяу. Ну шо мяу — фрррр!

👉 https://youtu.be/tSY8tBUyGHc

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

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

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

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

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

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

Белый или чёрный

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

Чем выше значение, тем контрастнее, если что. Например, чёрный на белом — аж 21,0 : 1.

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

Уникальные обложки

Ситуация с обложками на Ютубе напоминает ситуацию с маркетплейсами. Спецы и клиенты уверены, что нужно делать безумно-детализированно-вылизанный дизайн. А потом смотришь обложки от Ремонтяша и понимаешь, что не можешь отличить картинки. Хотя ладно, я не могу отличить даже заголовки. Тупо включаю любой видос автора, который ещё не смотрел. Ориентируюсь чисто на красную полосочку.

Как видите, визуал вообще не мешает Ремонтяшу собирать какие-то нереальные просмотры. И это при том, что автор пилит не тупой контент.

Как думаете, в чём фишка? Почему зритель всё равно кликает на одинаковые обложки?

Итоги года от Спотифая

Анимации стали ещё более сумасшедшими и залипательными. Сервис добавил лёгкий интерактив: предлагает угадать любимого артиста из 5 предложенных.

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

Почему в минутах появилась запятая, не знаю. Вероятно, потому что я использовал приложение на английском. Или у всех так?

Короче, не перестаю восхищаться идеей Спотика. Не помню, как было в прошлом году, но в этом Яндекс подсуетился со своими итогами на 2-3 дня раньше, чтобы перебить того, у кого взял идею. Забавно, конечно.

Пару лет назад итоги начал подводить Стим. В прошлом присоединился Ютуб, если вы не знали. Что будет дальше? Итоги Тиктока? Типа «В этом году вы любили смотреть татуированного мужика, который говорит Фафа, вотафа». Блин, а ведь так и есть :(

Зимние фото

Заходишь на сайт загородного домика, а там всё ещё июль с зелёной травой и палящим солнцем. Но есть один нюанс: за окном уже декабрь.

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

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

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

Дизайн меню

Читатель скинул в чат на зацен дизайн меню. Можно предложить массу вариантов перевёрстки. А ещё можно подредактировать текст, тогда меню станет компактнее. Но глаза цепанул конкретный приём.

Читатель решил выделить цену при помощи плашек с ярким акцентным цветом. И вроде бы, работает. Но взгляните на меню с расстояния или представьте, что у вас неидеальное зрение. Для этого можно просто добавить размытие сверху. Станет понятно: чёрная цена внутри яркого зелёного сливается в единое нечитаемое пятно. Видны лишь контуры плашек.

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

Спасибо читателю за работу 🤟

Прикол обложек

Каждый раз возникают вопросы к макетам с плавающими зонами. Такое можно встретить на маркетплейсах или в соцсетях. Самая вышка — обложка канала на Ютубе. Огромное полотно 2560×1440, где полезная зона посередине, размером с почтовую марку. Маленькая область видна только на телефонах, чуть больше — на компах, а весь остальной объём — на телике.

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

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

Как выделить инфу внутри макета

Я уже показывал способы, как можно выделить объект среди других похожих. Самый аккуратный и простой варик — сделать второстепенные почти прозрачными.

И вот в последнем видео мне потребовалось выделить конкретные блоки внутри упаковок. Можно было подчеркнуть их или обвести ярким, контрастным оттенком. Но самое элегантное решение — тупо залить всю остальную часть макета основным цветом упаковки. Я вырезал масочкой главное, а верхнему слою с цветом выставил 90% непрозрачности.

Если лень обводить каждый блок идеальной маской, можно быстренько нарисовать маску пером и добавить ей размытие по краям. Как я сделал у Китикэта. Чуть менее аккуратно вышло, но всё равно норм.

Это не какое-то невероятное открытие. Но можете взять приёмчик себе в библиотеку, если раньше не использовали.

Что натворили дизайнеры в 2025 — новое видео на Ютубе

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

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

С наступающим поздравлять пока не буду. Пару постов ещё планирую написать.

👉 https://youtu.be/RbNC9mmmRQ8

Четыре в одном

Ребята, в новом видео как-то совсем уж мало внимания уделил ребрендингу Сабвея на нашем рынке. Поэтому закрепил картинку с 4 вариантами. Как думаете, это конец, или стоит ожидать новые ребрендинги?