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

Вертикальный текст О К ? Хотя бы раз вы точно видели мемы про то, как несколько вертикальных надписей случайно образуют слово. Это происходит из-за того, что два слова одинакового размера находятся на слишком близком расстоянии. В итоге между всеми буквами равные промежутки. Мозг по привычке читает их слева направо, а должен сверху вниз Вертикальные надписи — это вообще сомнительный ход. Но зацените, как автор решил побороться с проблемой. Благодаря разному размеру и тому, что выравнивание сделано не по верхней линии, текст читается безошибочно. Значит ли это, что так стоит делать в своих проектах? Конечно, нет. Но порой интересно находить логичные решения в неожиданных местах.

Разбираю дизайн обложек популярных песен — новое видео на Ютубе Вы вообще в курсе, какая песня самая популярная у нас? А может знаете, как выглядит топ мировых хитов? До подготовки к видео было примерное представление о том, какая музыка популярна. Но когда увидел результаты, просто офигел! Ещё больше офигел, когда начал сравнивать обложки русскоязычного и зарубежного топа. Как думаете, где чаще встречаются женщины: у нас или там? Где популярнее иллюстрации? И где название песни пишут на обложке по 6 раз? Ответы на эти и многие другие вопросы вы найдёте в видео. Взял ТОП-50 Спотифай и Яндекс Музыки. Не хочется опять говорить о том, что работа заняла месяц. Поэтому решил написать об этом. А ещё напоминаю, что видос стоит посмотреть ради самого смешного анекдота на планете на данный момент. 👉https://youtu.be/9Otusa5FRPk

Снова про знак рубля Зритель пишет Зачем использовать ₽, если он имеет лишние плотности в виде дополнительной черточки. Не проще ли использовать все таки Р, когда этот символ более чистый, лаконичный, и полностью понятный. Для людей интуитивно 1000 Р и 1000 ₽ равноценны в восприятии. С последним предложением спорить сложно. Я не могу отвечать за воприятие всех. Но соглашусь, что для меня оба варианта понятны. Хочется поговорить про аргумент «лишние плотности». Например, у процента есть бессмысленная чёрточка. Убрав её, вы найдёте похожий знак с двумя нулями? Выходит, палка не нужна. Доллар — это буква S. Палка образует такую же лишнюю плотность. Знак номера понятен без буквы О, и тем более без чёрточки. Собачка, мало того что является круглой версией «а», ещё и обводится кругом. При желании можно доколупаться до любого символа — и найти что-то лишнее. Да, в дизайне важна чистота, но урезания палочки в букве вряд ли серьёзно улучшит это качество. Знак валюты удобный и классный, потому что отличается от всех остальных. В сложном документе или таблице, где автор мог вложить в букву Р — ромашку, рюмку, раковину и тд, благодаря ₽ не будет путаницы. Это первый пример, который пришёл в голову, а заметка уже слишком длинная. Пишите, что думаете.

Два великих достижения Фигмы Про авто-лейаут говорить не стоит. Насколько он экономит время и психику, нужно писать в учебниках по созданию ПО. Сегодня хочется напомнить про плашку с размером области и процент интерлиньяжа. 1. Насколько же удобно удобно смотреть размер области тупо под рукой. Не нужно открывать дополнительные окна, заглядывать в верхнюю панель или ещё что похуже. А самое главное — если зажать Alt, показывается расстояние до соседнего блока. Я не смогу посчитать сколько раз за день пользуюсь этой функцией. 2. Процент интерлиньяжа — величайшая вещь. Я точно знаю, что для заголовка можно смело ставить 90-100%. Для текста меньше 110-120%. Ну а для самого мелкого 130-140%. Мне не приходится сидеть и высчитывать интерлиньяж для 24, 32, 48 кегля. Можно тупо выставить %. Даже в других программах я теперь умножаю размер шрифта прямо в нужной графе на 1,1 или 1,2, чтобы выставить расстояние между строками. Когда используешь что-то на постоянке, перестаёшь ценить клёвые функции.

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

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

Исключение в макете Бывают случаи, когда большинство пунктов текста прекрасно вмещаются в нужные блоки. Но находится такой, в котором слишком много букв. Есть три возможных варианта, как быть с таким макетом: 1. Уменьшить размер шрифта у длинного пункта. Вроде бы, ничего страшного, если один будет чуть меньше других. Но это выглядит неопрятно. А из-за размера пункт кажется наименее важным. 2. Сократить текст длинного пункта в качестве исключения. Да, какое-то неочевидное слово сократить сложно. Но в большинстве случаев с этим нет проблем. 3. Уменьшить все пункты, чтобы они были одинаковыми. Теряется более читаемый размер текста, зато ничего не скачет. Меня устраивает второй и третий вариант. Применять их нужно по ситуации.

Красота на моей руке Ношу Mi Band 8 уже больше полугода. Почти с первого дня поставил тему c картинки. Мне нравится технологичный шрифт, цвет и количество нужной инфы. Только на днях задумался о простом, но работающем приёме. Если бы все 4 цифры были залиты одним цветом, нашлись бы люди, которые прочитали их в порядке «02:98». Но благодаря цвету, две цифры образуют связанную группу. Мозг автоматически читает «09:28». Да, ничего сверхъестественного. Но иногда очевидные решения вылетают из головы. Как хорошо, что у нас есть такие заметки.

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

Как выглядит сломанный интерфейс Планшет от Сяоми позволяет выбрать расположение и количество иконок на главном экране. Максимальное количество в строке 4, но мне вот захотелось оставить только 3, а одну пропустить. В вертикальном формате всё красиво. Но при повороте в горизонтальной версии интерфейс ломается. Вроде и разумное поведение, ведь я осознанно выбрал оставить каждую четвертую ячейку пустой. Но когда поворачиваешь планшет, совсем не ожидаешь такого. Поэтому сказать, что интерфейс сломался нельзя, но выглядит он сломанным. Как решить проблему дизайнерам Сяоми? И нет, я не готов отказаться от трёх иконок в строке. Ну вот просит душа, и всё тут.

Классная идея от Эппл Когда впервые начал использовать АйОС, обратил внимание на линейки/разделители. Возможно такие попадались и раньше, но именно в интерфейсе Эппл они бросились в глаза. Линейки отделяют пункты не на всю ширину интерфейса, и не пропорциональным отступом с двух сторон. Нет, отступ сделан только слева. Позже стал замечать приём в других интерфейсах, да и сам теперь использую, если захочется. Мне нравится, что таким образом подчёркивается линия выравнивания. Причём, не вся, а только у текстовых блоков. Можно заметить особенность на пунктах с иконками. На картинке отдельно сделал акцент на видах линеек, чтобы вы чётко увидели разницу. А если не увидели, смотрите исходник в первом комментарии.

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