mutim digital — дизайн и маркетинг

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

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

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

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

Итоги года от Спотифая Анимации стали ещё более сумасшедшими и залипательными. Сервис добавил лёгкий интерактив: предлагает угадать любимого артиста из 5 предложенных. В финальном слайде наконец-то убрали знак номера, оставив просто цифры. У меня вон любимый артист 60 juno с цифрами в начале — и норм, ничего не путается. Пустующее кучу лет место заткнули любимым жанром — тоже здравая мысль. Почему в минутах появилась запятая, не знаю. Вероятно, потому что я использовал приложение на английском. Или у всех так? Короче, не перестаю восхищаться идеей Спотика. Не помню, как было в прошлом году, но в этом Яндекс подсуетился со своими итогами на 2-3 дня раньше, чтобы перебить того, у кого взял идею. Забавно, конечно. Пару лет назад итоги начал подводить Стим. В прошлом присоединился Ютуб, если вы не знали. Что будет дальше? Итоги Тиктока? Типа «В этом году вы любили смотреть татуированного мужика, который говорит Фафа, вотафа». Блин, а ведь так и есть :(

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

Белый или чёрный На сочных цветах с картинки белый текст мне кажется более читабельным, чем чёрный. Но если глянуть значения в контраст-чекере Фигмы и других подобных ресурсах, выяснится, что чёрный читается лучше. Чем выше значение, тем контрастнее, если что. Например, чёрный на белом — аж 21,0 : 1. Так какой цвет выбрать? Правильного ответа нет. Субъективно, чёрный на таких сочных цветах кажется мне грязным. Поэтому планирую полагаться только на чуйку. А какой текст читается лучше по вашему?

Разбор вашего дизайна Ну что вы там, приколисты и приколистки? Как дела? Давайте-ка сегодня стрим замутим. Скидывайте свой дизайн с коротким описанием в комментарии к этой записи. Баннер, логотип, упаковку, сайт — что хочете. Строго в формате jpeg, png или ссылки на Behance, Dprofile. Ссылки на другие ресурсы и PDF не открываю. Самые интересные работы будут разобраны сегодня в 19:00 по МСК. Внимание. Если вы не готовы, что по вашей работе со стрима в дальнейшем будет сделан пост / короткое видео / длинное видео, не присылайте материал на разбор. Всё это во избежание неловких ситуаций с вами, заказчиками и домашними животными. Кто не придёт, тот никогда не узнает, что я думаю про его дизайн. 👉https://youtube.com/live/8JGuo_LMqRI?feature=share

Исправляю дизайн кошачьего корма — новое видео на Ютубе Мяу мрррр шшш и мяуки, фрррр мяуф и ррррр. Мяу мяу мяукогда мррррр мяумяу мяули фрррр мяуки? Мрррр мя — рррр. А мяуки ррррр — мррррр. Мяу мяу мяу, мрррр и мяумяу, фрррр мяу мрррр мяумяу мяуфррр мяумяу мяуфррр, ррррр мяумяу мяумяу мяумяу мяуфррр мяумяу мяумяу. Мяу мяумяу Мяу из Мяумяу Мяумяу. Мяу мяумяу 5 мяумяу мяумяу мяумяу, мяумяу. Ну шо мяу — фрррр! 👉https://youtu.be/tSY8tBUyGHc

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

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

Таблицы Википедии В очередной раз стало любопытно посмотреть население конкретной страны. Гугл показал количество, а уже из него я попал в Вики-таблицу со списком из 245 штук. Когда листаешь их, глазам и мозгу тяжело. Удобнее, нагляднее и интереснее было бы сгруппировать страны по количеству. Тем более, точек на карте с похожим населением много. Вот очевидные плюсы решения: 1. Можно увидеть любопытные данные, которые были не видны в оригинале. Например, стран с населением более 80 млн всего 3. А 70 и 90 млн вообще нигде нет. 2. Отступ заметнее показывает разницу между максимумом одной группы и минимумом другой. 3. Отступ, по аналогии с текстом, превращает сплошную писанину в структурированную с абзацами. В общем, не вижу ни одного минуса. Скроллинг не должен вызвать трудности. Пара людей, конечно, может подумать, что разбиение на группы привязано не к количеству населения, а к чему-то иному. Но ориентироваться на пару людей не буду. Особенно, когда в заголовке статьи и таблице сказано о чём она.