Дизайн Тарантино

Недавно в сотый раз пересматривал «Бесславных ублюдков». Раньше не обращал внимания на титры. А тут они весьма необычные.

Я как-то писал, что выравнивать заголовок текстового блока по горизонтальному центру — фигово. Теряется очевидная связь информации. А когда между блоками такое огромное расстояние, тем более.

Дизайнеры титров знали этот факт, поэтому использовали не только отточие, но ещё и фигурные скобки. Костыли, но рабочие.

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

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

Сколько мегапикселей в вашей камере

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

Никто не задумывался, что в камере есть параметры и поважнее. А кто-то даже не знал, что такое мегапиксели, зато слово звучало круто. Например, диафрагма f/1.6 важнее, чем заоблачное число мегапикселей. Но объяснить это большинству людей — задача не из простых.

Приём с мегапикселями отлично работает в ситуации, когда похожих товаров настолько много, что сложно конкретизировать выгоду. Как показать, что наш телефон лучше других? Указать 41 Мп. Пусть теперь конкуренты покажут, сколько у них.

Если вам показалось, что заигрывание с мегапикселями закончилось 10 лет назад, то вы заблуждаетесь. В прошлом году Xiaomi выпустили телефон с камерой аж 200 Мп.

Есть и громкий обратный пример: в 2013 году HTC сделали модель One с камерой 4 Ультрапикселя. Людей испугало не только низкое число, но и непонятная приставка «ультра». По итогу камера действительно оказалась фиговой. Кажется, что это решение стало для компании роковым.

Короче, держите свои мегапиксели при себе. Лучше пусть это будет сюрпризом. Ведь и засмеять могут.

Что не так с дизайном премии Оскар

Пока все обсуждают, достойна ли Анора премии, мы обсудим дизайн таблички с номинантами.

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

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

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

1. Заголовок поставить по центру сверху. Логотип тогда пойдёт вниз. Он всё равно дублируется на каждой табличке.

2. Если не нравится предыдущее размещение лого, подойдёт составной заголовок.

3. Использовать выравнивание по левой стороне. С ним дизайн станет более дизайнерским. Поля до края макета можно увеличить.

По одной этой табличке можно было записать целое видео, но хватит и целой заметки.

Тренд на строчные буквы

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

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

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

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

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

Разбираю дизайн зубной пасты — новое видео на Ютубе

Однажды дизайнер спросил у заказчика: «Какую боль мы должны закрыть в нашем проекте?». Заказчик ответил: «Зубную».

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

Да, материал не самый длинный, но внутри очень много инфы о вёрстке, фотографиях и работе с текстом. Короче, обо всём необходимом для работы с упаковкой.

Я показал видео 10 стоматологам, они сказали, что пломбу на пятёрке нужно менять.

👉 https://youtu.be/wynb2WzXTHo

Неэкономная упаковка батареек

Зафигачить упаковку одинакового размера для разного количества батареек — это вау. Производитель обладает либо лишними деньгами, либо бесконечным запасом бумаги и пластика.

Любой бизнес заинтересован в том, чтобы сэкономить деньги. Краска, бумага, пластик — всё стоит денег. Это ж очевидно. Или я чего-то не понимаю и срезать кусок будет дороже, чем оставить упаковку как есть?

Манипуляция или случайность

На восприятие информации можно повлиять дизайном. На карточке товара указано, сколько продуктов заменяет БАД. Но разделитель по центру создаёт неправильную логическую цепочку. Можно подумать, что 3 капсулы заменяют миндаль, шпинат и авокадо вместе взятые.

На самом деле здесь 4 позиции противопоставляются друг другу. В 200 граммах миндаля магния столько же, сколько в 3-х капсулах. И так со всеми остальными продуктами.

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

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

Кино важнее музыки и игр?

Если понадобится список самых высокооцененных фильмов, даже не особые любители кино вспомнят про IMDB и Кинопоиск.

С играми дело сложнее. На ум приходит лишь международный список лучших от Метакритика. К сожалению, многие игры в нём практически неизвестны нашему игроку. Но должно же быть что-то локальное? Погуглив, удалось найти лишь топы от Канобу, Игромании и ДТФ, но не уверен, что они актуальные и репрезентативные.

Хуже всего ситуация с музыкой. Есть несколько англоязычных ресурсов с топами, но они максимально странные. Да, в 2025 году нет единого адекватного сайта, где можно посмотреть самые высокооцененные песни. С самыми прослушиваемыми вопросов нет. Но это не то же самое. Какой-нибудь «Форсаж 10» популярнее фильма «Кирпич», но рейтинг у него ниже. То есть, популярность ≠ оценка.

Если вы хотите сказать, что оценки в играх и музыке будут неинтересны пользователям, ошибаетесь. Рилсы в стиле «10 лучших книг в моей жизни» собирают кучу просмотров. А уж про топ-100 Кинопоиска и IMDB слышал весь интернет. Позиции фильмов в списке вызывают реакцию и обсуждение, чем нефигово продвигают сервисы. Ладно там культурная ценность, но почему никто из крупных игроков не сделал это ради денег? К более мелким вопросов нет. Если запариться, можно найти рейтинги от пабликов и блогеров, но это совершенно другой масштаб влияния.

Не старый, а опытный, винтажный и олдскульный

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

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

Вместо «старая мебель» — «винтажная мебель». Это позволяет подчеркнуть историческую ценность и стиль, а не просто возраст. Винтаж — не просто старое, а нечто с характером, что может стать изюминкой интерьера.

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

Снова про дизайн пасты

Под последним видосом прилетели комменты о том, что наличие или отсутствие фтора не является вкусом пасты. Относятся они к Парадонтаксу.

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

Если сам производитель называет это вкусом, то почему мы должны умничать? Мы что, умные что ли?

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

Скидывайте свой дизайн с коротким описанием в комментарии к этой записи. Баннер, логотип, упаковку, сайт — что хочете. Строго в формате jpeg, png или ссылкой на Фигму. Самые интересные работы будут разобраны сегодня в 20:00.

Важно:

1. Если вы не пришли на стрим, ваша работа будет пропущена.

2. Если хотите отправить сайт или длинную презентацию, крепите конкретный блок или страницу. Копаться в огромном файле Фигмы не очень просто. Сами понимаете :)

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

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

Фотошоп против Ворда

Всегда путался в функции «отразить изображение по горизонтали или вертикали». Формулировки в Фотошопе, Фигме и других графических редакторах неочевидны.

Видишь «отразить по горизонтали» — и начинаешь гадать: это значит, что изображение перевернется слева направо или сверху вниз? Недавно увидел альтернативу в Ворде — и офигел. Оказывается, надписи можно сделать понятнее.

Видишь «отразить слева направо» — и точно понимаешь результат. Никаких сложностей, никаких лишних кликов. Я знаю, что многие путают лево и право, но никто не путает лево и право с верхом и низом. Текст понятен абсолютно всем.

Что интересно, удобная формулировка встречается именно в русскоязычной версии программы. В Фотошопе и Ворде на английском всё идентично: flip horizontal — отразить по горизонтали. Респект локализаторам Ворда за то, что не просто перевели функцию на русский, а сделали её понятнее.

DИ3AИN KOSMETИKИ

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

Сначала я подумал, что это набор случайных символов. Мало ли, при печати что-то сломалось. Но уже через пару секунд допёр, что YGOLЬ — это УГОЛЬ.

Я специально проверил другие упаковки от производителя. Приём вроде бы встречается только здесь. Предполагаю сразу две причины появления YGLЯ:

1. Шрифт не поддерживает кириллицу. Г можно нарисовать, перевернув L. Как это сделали с мягким знаком из Р. Но остальные буквы гораздо сложнее: У и Л нужно прям рисовать.

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

Было бы интересно узнать реальную историю этого дизайна 🤔

Как насчитать 76 лет опыта

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

Если вы в профессии 1 год, а коллега 4, то в сумме получится 5 лет общего стажа. А если в команде 10 человек с опытом от одного до десяти лет, то может выйти и 76 лет.

С одной стороны, количество может выглядеть впечатляюще. А с другой, сложение лет работы никак не отражает реальную компетентность команды. Опыт одного профессионала с 10-летним стажем и опыт десяти человек с 1 годом работы — не одно и то же.

Спасаю дизайн премии Оскар — новое видео на Ютубе

Недавно выходила заметка про то, как можно переделать табличку с номинантами на премию Оскар. Я показал вам только 3 базовых варианта, но в черновиках осталось ещё 17. В итоге, собрался приличный материал для видео про дизайнерские сетки, отступы и выравнивания. Уже интересно!

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

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

👉 https://youtu.be/yndjMYWMRZs

Числа в заголовке

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

Если проект позволяет потратить время на задротства, то можно вручную отодвинуть строчку с числами. Заказчику и потребителю будет пофиг. Зато дизайнер-перфекционист внутри порадуется.

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

Два неожиданных открытия

Первое. На днях заметил, что в поиске Гугла появилась вкладка с короткими видео. Причём находит не только шортсы с Ютуба, но и рилсы с Инсты, и тиктоки. А поиск мог бы отдавать предпочтения только шортсам, чтобы продвигать свою площадку. По факту, получился агрегатор коротких видео. Удобно, если нужно быстро найти что-то в видеоформате без лишних переходов из одного приложения в другое.

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

Неконкретное объявление

Увидел объявление формата А4 о поиске сотрудника для пиццерии. Вплотную не подходил, но ещё издалека разглядел три огромных бесполезных слова.

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

Мелкая надпись «вакансия» и огромная «повар» занимают меньше места, чем три средних по размеру слова. Но толку от них в разы больше.

Слово «вакансия» или «ищем», «требуется», «нужен» можно даже убрать. Из контекста листочка А4 и пункта про ЗП понятно, что речь про вакансию. Но это не точно.

Оригинальный вариант применим, если открыты сразу несколько вакансий. Хотя, и в этом случае можно сократить заголовок до 1-2 слов. Размер текста увеличится, а заметить его с расстояния станет проще.

Тучи сгустились над Эпл

Внутри погодного приложения от Эпл есть карта осадков. Обратите внимание на подбор цветов.

Тучи ассоциируются либо с синим, либо с серым. У Эпла синий является доминантным. Молодцы, не прошляпились. А вот цвета для увеличенного количества осадков — странные. Жёлтый намного ближе к белому фоновому цвету, а значит ближе к норме. Белый для экстремальных осадков — это вообще как? Да, внутри области синего цвета жёлтое или белое пятно выделяется. Но можно ли понять его угрозу без легенды слева — вопрос.

Решение Яндекса гораздо понятнее без всяких подписей. Чем чернее туча, тем жёстче осадки.

Может длинное видео записать про сравнение погодных приложений?

Нейросеть обманула меня

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

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

Я указал Дипсику на эту ошибку. Он признал оплошность и стал оправдываться, почему Эпл до сих пор использует устаревший приём.

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

Спотифай на Айфоне — кал!

В проигрывателе Спотика на заблокированном экране Айфона нет кнопки «Добавить». Слева тупо бестолковое пустое место, хотя его хватит и на две кнопки.

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

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

Нет, я не верю в то, что это маркетинговый ход. Типа, чтоб я погрузился в приложение, как можно глубже и остался внутри. Не верю в это, потому что на заблоченном экране Андроида плюсик есть! И на свёрнутом проигрывателе тоже. На Гугл Пикселе точно. Розовым цветом отмечено расположение кнопки «Добавить».

Если вы не знали, Телеграм на АйОСе — это кал 10 из 10. На Андроиде приложение работает в разы лучше. Интересно, сколько ещё предстоит таких печальных открытий.