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

Итоги Спотифая Ежегодно сервис выкатывает персональную подборку с подведением итогов. Можно глянуть, каких артистов активнее всего слушал. Сколько раз играла любимая песня. Ну или суммарное время прослушивания всей музыки. В общем, много любопытной инфы. На удивление, в телефоне сохранился скриншот из далёкого 2020. Можно сравнить дизайн двух экранов. Вот основные изменения: — Графика на фоне стала гораздо экспериментальнее. Вместо простого градиента летают сумасшедшие фигуры. — Убрав дополнительную рамку, получилось увеличить размер шрифта. Читать удобнее. — Заголовки блоков стали меньше, чтобы сконцентрировать внимание на основных пунктах. — «Топ жанров» пропал. Учитывая, что их придумывают каждый день, это нормальная затея. — Зачем-то помимо номера позиции добавили знак №, который только мешает. — Сломался русский язык. Строка «Завидуют» падает относительно цифры. Забавно. Ну а с точки зрения маркетинга — это просто гениальный ход. Ничего сложного в том, чтобы сделать систему подсчёта лайков и времени прослушивания, нет. Она наверняка и так ведётся на фоне для всяких рекомендаций. Но поскольку пользователи об этом не знают, инфу можно подать, как приятный бонус в конце года. В итоге Спотифай не прикладывает особых усилий, а пользователи сами рекламируют сервис, показывая результаты друзьям в сторис и каналах. Рэспэкт Спотифаю

Хорошего дизайна много не бывает Всех нас посещают периоды, когда нет вдохновения создавать крутой дизайн. А все наработки кажутся приевшимися и хочется чего-то нового. Для таких случаев есть канал Петра Дабу. Он создал одну из крупнейших дизайн-галерей morrre.dsgn в Инсте и является главным жюри Dprofile. За последние 7 лет отсмотрел и проанализировал десятки тысяч проектов со всего мира, чтобы выбрать лучшие. В своём канале Пётр исследует дизайн русскоязычного рынка. Не просто публикует красивые картинки, а разбирает приёмы, используемые в проектах. Объясняет, почему они работают. Это создаёт дополнительную ценность контенту, потому что дизайнер должен не просто смотреть на красоту, а понимать механизмы её достижения. А ещё канал открыт для гостевых публикаций. Каждый, у кого есть интересный проект, может поделиться им с многотысячной аудиторией единомышленников. Заходите, ведь там море пользы для дизайнеров — t.me/morrre_dsgn

Красивые тени Во-первых, огромное спасибо за столько поддержки под новым видосом. Какое-то невероятное количество тёплых слов ❤️ Во-вторых, сегодня опять про тени, но не те, что на лице. Пару месяцев назад, когда Фигму обновляли, добавили новые режимы наложения: Plus Darker и Plus Lighter. Почему-то про них мало говорят, а зря. В большинстве случаев тени рисуют в режиме Multiply / Умножение. Это проверенный годами базовый способ. Но на некоторых цветах, например салатовом и жёлтом, результат сероватый. Есть недостаток насыщенности. Новый Plus Darker как раз и добавляет её в идеальном количестве. В Фотошопе есть режим, похожий на 99%. Называется Linear Burn. Приятно, что и Фигма наконец-то дошла до подобного. Наиболее отчётливо разница заметна на двух первых цветах. На синем чуть меньше. На розовом практически незаметна. А как дела у вас на экранах?

Угадываю цену косметики по дизайну — новое видео на Ютубе Можно ли по дизайну товара определить его стоимость? Кажется, что ответ очевиден — да. На дешёвой упаковке: насыщенные цвета, кривая вёрстка и много тонких косяков. На дорогой: сдержанные цвета, выверенная вёрстка и минимум деталей. Ну а на средней — всё средне. Ага! Как бы не так! В новом видео решил затестить новый формат. Есть 10 категорий косметики. В каждой 3 товара: дешёвый, средний и дорогой. Бренды неизвестны, цена само-собой тоже. Есть только дизайн и профессиональная чуйка. Нужно догадаться, к какой категории относится каждая упаковка. Кажется, на русском языке такого дизайнерского контента ещё не было. Получилось живо, весело и интерактивно. Если вам понравится формат видео, обязательно дайте знать в комментариях. 👉https://youtu.be/t1K64exOG3U

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

Рандомные размеры Часто в блоках с сотрудниками компании можно увидеть странную ситуацию. Вроде бы, фото сделаны в одном помещении с плюс-минус одинаковыми условиями, но из-за рандомных размеров головы они не выглядят едино. Лицо первой дамы рассматривается без проблем. Над парнем торчит ненужный белый кусок. А у дамы в зелёной футболке, этой самой футболки больше, чем лица. Если фотографии сделаны в одинаковых условиях или пытаются так выглядеть, головы стоит привести к плюс-минус одному размеру. И заодно выравнять глаза по одной линии. У каждого человека свои индивидуальные параметры и пропорции, поэтому сравнять их на 100% не получится. Но можно близко подобраться значению. Таким образом не будет перевеса — рассмотреть лица одинаково легко. Бывают разные задачи. Иногда при помощи размеров или различия ракурсов нужно показать какую-то эмоцию. Заметка не про такие фото.

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

Формат даты Вновь задумался о том, что формат даты «День. Месяц. Год» неудобный, хотя для нас привычный и для отдельных случаев норм. Но формат «Год. Месяц. День» гораздо логичнее. На любом отрезке времени, коротком или длинном, сортировка в первую очередь по году. Даже если будут интересовать данные за конкретный день и месяц, без него два числа бессмысленны. 3 сентября бывает каждый год. Есть даты, в которых год не нужен. Например, на афише или в буклете с акциями. Их обычно не размещают за год до события. Хотя бывают неудобные случаи. Например, если афишу повесили в ноябре, а на ней мартовское мероприятие. Стой и думай: прошлогодняя, или на будущее. Но даже здесь месяц логичнее писать перед днём. Месяцев всего 12, а в каждом ещё по 30 дней. Узнав месяц, уже можно подумать, свободен ли день. Вот ещё пример. Допустим, я храню папки с фотографиями — и в один момент захотел их посмотреть. День вспомнить будет тяжело, месяц проще, а год проще простого. В будущих заметках обсудим знаки препинания в дате 🔥

Дата основания в логотипе В логотипы зарубежных компаний, особенно американские, любят добавлять дату основания. К традиции вопросов нет. Забавляет, когда дату пишут в своём первом лого. Допустим, компания появилась в 2001 и добавила инфу об этом, а на дворе 2024. Глядя на число, появляется уверенность в опытности. 23 года на плаву — внушительно. Ребята явно повидали разное. Какую эмоцию должна вызвать дата 2023 в логотипе сегодня? Ну классно, что компании один год. На этом всё. Безусловно, найдутся и те, кто подумает: «О, молодые! Хочу обратиться к ним!». Но подозреваю, что таких людей крайне мало. Скорее, дата не даст вообще ничего. Если уж и писать число, то хотя бы лет через 5. Пусть это будет второй или третий логотип. Дата даст конкурентное преимущество. Кстати, не знаю, каким образом лучше всего писать год на русском. Поэтому на картинке сразу несколько вариантов. Это ещё одна тема для обсуждения.

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

Новый логотип Ягуара Пока все обсуждают его, предлагаю глянуть на предыдущую версию, от которой отказались. Авто-производители любят использовать сплюснутые буквы в лого. Может это какая-то метафора скорости. Типа, как на фотках движущихся машин сбоку с линиями размытия. Из-за них тачка выглядит ещё горизонтальнее. Есть вариант, что такие буквы просто смотрятся необычно и красиво, а никакие другие причины для использования не нужны. Меня устраивает любой вариант. Другое дело, что буквы Ягуара выглядят, как сжатый по вертикали обычный шрифт. Я попытался вернуть его в обычное состояние. Это не 100% попадание, но правдоподобное. Если я прав, интересно, как принималось такое решение. Почему не нарисовали изначально сплюснутые буквы? А может это удивительный шрифт, который выглядит нормально при любом растяжении?

Как показать дизайн буклета Когда презентуете работу заказчику или даже на разбор другому дизайнеру, подумайте о его удобстве. Уже не первый раз вижу, как евробуклет показывают без линий сгиба. Без них тяжело разобраться, как будет выглядеть конечный дизайн. Достаточно добавить небольшой чёрный градиент в режиме «умножение» поверх. Непрозрачность не более 10%. Да, это не очень правдоподобное падение света. Но наглядность в этом случае важнее. Иногда благодаря линиям могут вылезти и странные моменты, как например с пунктами 1,2,3,4 на картинке. Было ли задумано, что прямая часть выходит за рамки сгиба? Дополнительный повод проверить себя. Бывают случаи, когда визуализация требует много сил и времени, но в случае с буклетом градиент отнимет не больше 3 минут.