мяу-дизайн – Telegram
мяу-дизайн
2.86K subscribers
1.15K photos
91 videos
37 files
263 links
т.е. «мяу»

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
мяу-дизайн
Если попытаться описать ведение телеграм-канала одной картинкой
Если что, это картинка не только про караван отписывающихся после каждой публикации, но и про админа канала, который как эгоманьяк тщательно мониторит страничку статистики, ревностно догрызая ногти.
This media is not supported in your browser
VIEW IN TELEGRAM
В приложении доставки продуктов иконку текущего состояния заказа On the way (курьер на мопеде) вынесли наружу нижнего блока, чтобы он не занимал слишком много места, но из-за этого иконка превратилась в фантомную точку на карте. Получается путаница: на карте два одинаковых курьера, один в круге, а другой в квадрате, и только один из них показывает его местоположение, причем неправильный геопин еще и крупнее! Уф
Еще я недавно нарисовал мем, может уже встречали его в мемочных. Он настолько элитарный, что подписи на нем набраны шрифтом ALS Hauss.
А это я наблюдаю, как он быстро распространяется по интернету.
(Правило канала: можно забирать из интернета мем для публикации, только если взамен отдаешь в интернет свой).
Ну и раз это авторский канал, а не «вот наткнулся тут в интернете на приколюху, зацените», то сразу вывалю другие свои дурацкие картинки, чтобы набрать квоту на публикацию мемов из интернета:
Схема-список на экране в вагоне метро. Дизайнер решил по-максимуму использовать площадь экрана и расположить линию по диагонали, чтобы влезло больше станций (с географией это не соотносится).
Видно, что если попытаться переложить её же в более стандартные форматы отображения ветки — в линию по горизонтали или вертикали, то получится хуже: станций влезает меньше, при этом остается дофига пустого пространства (туда сразу хочется всунуть прогноз погоды).
Если же выходить за пределы головоломки «как разместить семь шариков с подписями», но не упираться в «ну вообще-то тут просто нужен экран с подходящими задаче пропорциями, ну типа как в московском метро над дверьми», то можно сделать предположение, что крупные названия станций (особенно следующей!) всё же важнее, чем показ уже пройденных станций.

Тут бы я вам лучше показал не безумные умения из фотошопа, а картинки из портфолио, но в ноябре исполнится три года, как уже готовый анонс сделанного студийного проекта на эту тему не может выпуститься (и, вероятно, уже никогда не сможет) и поэтому остается под NDA, так что сорян.
Дизайнер аналогичного экрана уже в трамвае: холд май бир.
Иногда необходимо ломать шаблон, потому что он может быть ложным советчиком в процессе понимания устройства интерфейса.

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

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

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

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

У меня случилось что-то похожее. Когда робот принуждает тебя признать мотоцикл велосипедом, чтобы он позволил тебе пройти дальше, в голове вспыхивает пучок ассоциативных связей с антиутопиями от Терминатора с его борьбой людей против машин до 1984 с его двоемыслием.
Пора присоединяться
мяу-дизайн
Ох. В это сложно поверить, но после пяти лет вялого доделывания уже упоминаемого тут скрипта кастомизации скругления углов в Иллюстраторе я его всё же доделал. Предыстория: https://news.1rj.ru/str/meow_design/451 Графоманский занудный разбор вопроса, подробности, инструкция…
This media is not supported in your browser
VIEW IN TELEGRAM
Спустя год после релиза дотянулись ручки сделать нормально и завести гитхаб-репозиторий для скрипта кастомизации скругления углов в Иллюстраторе: https://github.com/kefiijrw/Round-Corners-Customization-for-Illustrator

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