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

Текст сзади Есть такой приём — размещать текст позади объекта. Иногда это смотрится по-дизайнерски: мол, играем с глубиной, создаём объём, выделяем передний план. Всё красиво, пока не пытаешься прочитать. Особенно если текст важный, а объект крупный. Начинаешь щуриться и складывать недостающее по кусочкам. И тут встаёт вопрос: мы вообще чего хотим? Чтобы человек прочитал или чтобы смотрелось прикольно? Если второе, тогда можно делать как на обложке трека «Комета». Там простительно, музыка и так всё скажет. Нескольких слов за объектом всегда будет читаться хуже. Одно ещё можно разместить, чтобы читаемость осталась адекватной. Но если это заголовок или важная фраза, то однозначно лучше не прятать сзади. А может такой приём заставляет людей вглядываться в текст, а значит обеспечивает переход к просмотру?

Как успешно сдать 10 заказов из 10 Никак. Вернее, это возможно, но одиннадцатый и двенадцатый будет провальным. Конечно, статистика взята из головы, но раскрою мысль шире. Как оценить работу сантехника? Если труба протекает, а после его работы не протекает — хорошо. Чем дольше она не протекает, тем более высокая оценка по итогу. Но важно, что базового действия по остановке протекания достаточно для положительной реакции. Дизайнер логотипов может предложить 10 вариантов на основе тщательного соблюдения брифа. А результат всё равно окажется неудовлетворительным. То есть, базового действия недостаточно! Можно подключить дизайнерскую мантру о том, что «главное — чтоб дизайн работал». Что это вообще значит при сдаче логотипа? Да даже при сдаче сайта. Классно, что дизайнер решил, что его работа работающая. Только вот заказчику это не очень интересно. Его не удовлетворило предложение, а значит никаких дальнейших проверок не будет. Успех или не успех работы держится на том, попал дизайнер во вкус заказчика или нет. Критерии оценки исполнителю до конца не ясны, ведь они в голове принимающей стороны. Базового действия недостаточно. Значит, невозможно всегда попадать в цель. Дизайнер неизбежно столкнётся с провалами. Насколько дизайн точен, настолько же абстрактен. Вот и приходится всю карьеру балансировать, периодически проваливаясь.

Как генерить чёткие PNG Всем давно понятно, что генерация базовых объектов в нейронках — это кайф. Больше не нужно часами искать приличную картинку с перцем на стоках. Сейчас вопрос решается за минуту. Но что ещё круче: можно попросить нейронку сделать объект сразу на нужном цвете. Да, потом его всё равно придётся вырезать, но есть преимущество. Большинство подходящих PNG-картинок сняты именно на белом фоне, который оставляет белые рефлексы и блики. Они отлично выглядят на белом фоне, но на любом другом будет заметно несовпадение. Раньше приходилось ещё и проходить по краям мягкой кистью, а теперь можно потратить свободное время на просмотр тиктоков.

Неудачный нейминг Прошло уже два года, как Твиттер стал Иксом. Название сменили, но новое всё никак не приживается. Многие люди по-прежнему называют его Твиттером или добавляют неловкое «бывший Твиттер». Старое название настолько мощное, что его невозможно забыть. Любой ребрендинг — это всегда встряска. Особенно, если речь не о стартапе из глубинки, а о платформе мирового масштаба. Но редизайн пережить сравнительно легко. Помните, как пару лет назад все кидались в Кинопоиск за обновление лого? Вот и я не помню, а такое было. Смена названия — это совсем другое дело. Скорее всего, некоторая часть пользователей Твиттера даже не осознавала, что на логотипе была птичка. Некоторая могла не помнить цвет иконки. Но нельзя не знать название сервиса. Это самый сильный и важный маркер узнаваемости. В итоге: ни птички, ни цвета, ни названия. Интересно, сколько лет понадобится сервису, чтобы перекрыть воспоминания людей. А пока что, сколько ни говори Икс, всё равно в голове будет Твиттер.

Комплементарный цвет Вы не раз слышали комплименты. А ещё не раз слышали про комплементарные цвета, которые расположены напротив друг друга на цветовом круге. Между ними максимальный контраст, а ещё они прекрасно сочетаются. Во всех графических редакторах есть режим наложения Difference. Если его применить к белому цвету поверх не нейтрального, можно получить инверсию. И вот всю свою дизайнерскую жизнь я думал, что инвертированный цвет и есть комплементарный. Это ж логично. В цифры никогда не вглядывался, но сегодня решил проверить. Оказывается, что цвета отличаются. Получить реальный комплементарный таким простым способом не выйдет. Режим Difference инвертирует не только тон, но и насыщенность с яркостью. Простых ответов не существует, как и всегда. Поэтому остаёмся на плагинах-шмагинах.

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

Фотки от нейронки Натренировал нейронку на своих фотках. Загрузил примерно 20 штук. Если честно, теперь не могу вспомнить, какая фотка реальная. Может вы подскажете?

Как двигать пиксели узнаете сами Неоднократно встречал в дизайнерских блогах мысль, типа «я вот делюсь этим и этим, а как двигать пиксели узнаете сами». Обычно, эта фраза переводится как «Нифига практического в картинках я вам не покажу. Будьте готовы читать простыни о том, как выстроить здоровые отношения в офисе, как понять боли заказчика, как не завалить тестовое». Всё это конечно прекрасно и жутко интересно. Только вот я считаю, что учить двигать пиксели в 100 раз важнее. Игорь Штанг с Михаилом Капанагой сделали топовый материал про таблицы. Встречал ли я ещё хоть один материал про таблицы хотя бы на чуточку такой же толковый и прикладной? Нет. Зато я встречал 100 статей про то, как устроиться в Яндекс и выстроить классный график работы. В итоге: условно 3 человека умеют делать таблицы, зато 100 знают, как устроиться в Яндекс. Базару нет, все эти посты-рассуждения от мыслителей, наверное, тоже практические. Только вот до большинства мыслей дизайнер действительно может и должен дойти САМ! Причём, естественным путём. А если человеку не показать, как делать грамотную таблицу, он этого не узнает в принципе. Если что, я сам читаю дизайнеров-мыслителей, от которых по факту получил ноль пользы. Претензий к ним нет. Нужен и такой контент. У меня есть претензия к конкретной теме из заголовка.

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

Сила простоты Всё, что мы понимаем сходу, без гугла и умственного пота, автоматически кажется нам правильным и вообще заслуживающим доверия. Мозг закипит, если основательно обдумывать каждую встреченную фразу на баннере. Именно поэтому слоганы и заголовки работают лучше, когда в них минимум слов, чуть ритма, а иногда рифма. Получается почти поговорка. Компания могла написать так: «Карта с программой накопительных бонусов за каждую покупку». Вроде всё по делу, но клиенты зависают на втором слове и решают, что это какая-то корпоративная чушь. «Купил — баллы получил» не вызывает вопросов. Вспомним классику. Как вам слоган «Когда устал — съешь батончик и взбодрись»? Логично, но совсем не цепляет. Другое дело: «Не тормози, сникерсни». Немного абсурдно, зато весело и запоминается на года. Ещё один плюс в копилку коротких заголовков — возможность набрать их более крупными буквами.

Разбор вашего дизайна Скидывайте свой дизайн с коротким описанием в комментарии к этой записи. Баннер, логотип, упаковку, сайт — что хочете. Строго в формате jpeg или png. Самые интересные работы будут разобраны сегодня в 20:00. Две важности: 1. Если вы не пришли на стрим, ваша работа будет пропущена. 2. Если хотите отправить сайт или длинную презентацию, крепите конкретный блок или страницу. Копаться в огромном файле Фигмы не очень просто. Сами понимаете :) Кто не придёт, тот никогда не узнает, что я думаю про его дизайн и не поздравит меня с праздником. 👉https://youtube.com/live/3BFzEeAcJBw?feature=share

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