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

m

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

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

m

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

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

m

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

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

m

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

Текст упираетсяВ такую дату я, конечно же, решил послушать новый альбом известного рэпера Жоры Айсгергерта. Площадкой выбрал Ютуб. И к большому сожалению не смог насладиться звуком и текстом в полной мере. Глаза зацепились за упирающийся в края текст на обложке. Если на композиции «Маршал» обычное построение макета работало, то на «Актрисе» поломалось из-за количества символов. Пришлось уменьшить размер шрифта. Но и этого не хватило — текст всё равно выглядит неаккуратно.Я бы предложил перенести всю инфу о фите на новую строку после названия композиции. Тогда не придётся добавлять скобки, которые ещё и мешают нормально читать название. Ну а логотипу GAZ точно не нужно вплотную стоять рядом с текстом. Отступ сверху и снизу можно выбрать любой.Чтобы не попасть в такую ситуацию в своих макетах, заранее определите максимально возможное количество символов в строке.

m

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

Незаметный дизайнБольше всего в дизайне я обожаю думать над незаметными штуками. Рассмотрим на свежем примере. Мне нужно было показать в брендбуке, какие градиентные цвета необходимо использовать для фирменного элемента. Я накидал три варианта визуализации. Кажется, что дело простейшее, но нужно учесть ограничения формата, размер шрифта и колонок. Самое важное — построение градиента должно быть понятно клиенту. В итоге остановился на третьем варианте. Он самый аккуратный, минималистичный и понятный.Оценит ли клиент эту часть работы? Скорее всего, нет. Это ж просто кусочек брендбука и не более. Но главное, что мне по кайфу!Безусловно, каждый из вариантов можно погонять с точки зрения скруглений или другой незначительной декоративной фигни, но на базовом уровне — это база. Если знаете иные, варианты, скидывайте в комменты. Глядишь, составим, своеобразную библиотеку шаблонов.

m

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

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

m

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

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

m

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

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

m

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

Цветовое кодированиеПомните, я говорил о том, что в базовых тир-листах перепутаны зелёный и красный цвет? Геймеры решили, что зелёный — это плохо, а красный — хорошо. В итоге очень специфическое цветовое кодирование закрепилось.Недавно читал разбор дизайна упаковки от deziiign. Ребята как раз напомнили о другом любопытном примере с острыми вкусами. Рассмотрим на примере упаковки Лэйса.Уверен, что для 99% людей, острота ассоциируется с моими шутками, а ещё с красным цветом. Только вот красные упаковки Лэйса не относятся к острым вкусам. И не удивительно. А каким ещё цветом можно кодировать томат и паприку? Подходят только разные тона красного или чисто нейтральные варики.Главный герой заметки, Халапеньо — перец зелёного цвета, при этом он в разы острее паприки и уж тем более томата. Вроде и разумно сделать упаковку с ним красной, а вроде и нет. С «чили и лайм» похожая дилемма, только чуточку сложнее, т.к. появляется чили, который манит ещё больше сделать упаковку красной.Вот и получается, что два острых вкуса — зелёные, а два неострых — красные. Живите с этим, как с тир-листами.

m

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

Нейронки творят чудесаЧтобы не фоткаться заново для каждой обложки, однажды я сделал кучу фоток самого себя с разными эмоциями на телефон. Благо, качество нынче отличное. Но что будет хромать вечно, так это цвета. Вы можете идеально выставить баланс белого и экспозицию, но вы никогда не получите нормальную кожу по итогу. Придётся в любом случае заниматься цветокоррекцией.После обработки лица я пошёл за шлемом и формой в нейронку. Удивительно, но нужный результат получился примерно с десятой попытки. Это быстро. Однако, всё равно пришлось совмещать голову и тело с разных картинок. Доволен ли я вторым изображением? Нет. Цвета неправильные. Из-за холодного фона чувствуется диссонанс с кожей и освещением. Пришлось работать со светом и цветом не только ползунками настроек, но и рисованием поверх. Я общался с нейронками и убедительно просил гармонизировать / аккуратно вставить / подогнать по цвету меня к фону, но получалась каша.Нейронка может надеть на человека любую одежду за пару минут — это реально чудо. Но в реальности чудес не бывает, поэтому нужно всё допиливать руками. Даже такую банальную на первый взгляд обложку. Результат всё ещё неидеален, но сойдёт.На всякий уточню. Наверняка можно было тупо сгенерить себя в форме с нуля и потом не заниматься ерундой в редакторах. Но мне не нравится такая модель. Простите. Я не готов запариваться над видео целый месяц, чтобы потом на обложку помещать нейро-киборга.Спасибо за столько просмотров на новом видосе. Обнимаю всех, кто разрешит себя обнять ❤️