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

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
Заметка была бы неполной без перечисления способов победить эти стыки.

Илья в оригинальной заметке (https://ilyabirman.ru/meanwhile/all/metro-line-curves/) предлагает подвигать усики вручную на свой вкус. Проблема тут в том, что это «на свой вкус» никак не зафиксировать, и каждое скругление будет поправлено немного по-своему.

Сергей Стеблина предлагает вариант с масштабированием:
http://www.steblina.com/journal/all/estestvennye-skrugleniya/. Он позволяет единообразно и относительно шустро править все скругления, но приходится обрабатывать каждый угол.
Я давным давно написал себе скрипт для иллюстратора, который может обрабатывать хоть все углы в файле сразу по фиксированным значениям, задаваемым через ui-панельку. Я всё перекладываю из месяца в месяц планы выпустить его в публичное пространство, но надо его допилить до приличного состояния, сейчас он слишком неинтуитивный и чуткий, его использование сильно завязано на возможность получить оперативную справку с моей стороны, поэтому обитает он пока только внутри студии.
Этот скрипт настолько древний, что на фото своей студийной странички (https://www.artlebedev.ru/kefiijrw/) я на внутреннем семинаре об автоматизации весной 2016 года рассказываю о нем (да, и уже тогда обещал скоро выпустить публично скрипт). Знакомая картинка проецируется на стену.
И последнее об этом на похвастаться (или показать СИЛУ СКРИПТОВ): сейчас открыл какой-то древний исходник схемы метро и скриптом за мгновение изменил характер скруглений всех поворотов на схеме. Если попереключаться между этими двумя картинками и внимательно следить за углами, то можно заметить разницу.
This media is not supported in your browser
VIEW IN TELEGRAM
Выяснилось, что на телефонах не так просто листать картинки, чтобы заметить разницу, поэтому слепил гифку.
Так, кажется, это тоже провал.
This media is not supported in your browser
VIEW IN TELEGRAM
Вот так должно быть лучше, если кинуть файлом
ААААА
Немного замыкающее мозг управление температурой воды: есть указатель и два направления, обозначенные цветом. Но когда начинаешь добавлять горячую, сигнал получается обратным:
Возможное решение проблемы: цветовую маркировку нанести на неподвижную часть, и чтобы по этой неподвижной шкале бегал указатель
Наверное, больше не стоит лезть в душ с телефоном (не водонепроницаемым!) ради интерфейсных заметок
(только сейчас подумал, что там я в отражении так-то. Повезло вам, что оделся перед тем, как сделать фото)
По теме этого канала, наверное, тут можно только поделиться ощущением неистовой задротской оптимизации, чтобы всё выглядело относительно качественно, весило не очень много, не тормозило особо и правильно открывалось на любых устройствах (на больших экранах, конечно же, смотрится эпичней).
Это кусок странички, отвечающий за одну картинку. Всего 13 версий файлов под разные устройства, пропорции экранов, разрешения экранов, поддерживаемые браузером форматы изображений.
А это как выглядят накладываемые поверх статичных изображений гифки, чтобы всё весило как можно меньше:
https://kefiijrw.com/hypochondria/imgs/anim/20.gif
https://kefiijrw.com/hypochondria/imgs/anim/10.gif
(извините, что ссылками, но я помню, чем закончилась моя прошлая попытку кинуть сюда гифку)