Comments 10
Скейл не выставляется, если соотношение сторон залочено
Иконки не должны быть красивыми - не соглашусь)
В дизайне иконок один из самых важных параметров - Pixel Perfect, к сожалению у Вас не заметил.
Про красоту всё же останусь при своем.
Красота иконки для меня в четкой однозначной метафоре, в читаемом свето-теневом рисунке, в том, на сколько она удовлетворяет цели, помогает ориентироваться, может, добавляет измерение или невербально дополняет пункт, к которому относится.
Про пиксель пёрфект соглашусь.
Мне бы очень хотелось раскрыть эту тему подробнее, но я бы вынес свои заметки непосредственно по техническому созданию иконок в отдельную статью. Хотелось бы поделиться многими вещами, особенно на примере вот этих иконок с толщиной обводки 1,5 пикселя.
Мне выдалась классная возможность поболтать и показать немного моментов на эфире у Чикина. Это человек, который делает иконки в Бюро Горбунова и для многих известных сервисов. По ссылке сохранил пару артефактов с того стрима https://t.me/twlvtolvn/954
В рамках же этой статьи подробный рассказ не умещался в мой бюджет по времени, а обстоятельное описание нюансов увело бы нас сильно в сторону создания иконки, а не пака.
В общем да, пиксель перфект — это база. Возможно, я отредактирую и добавлю дополнительный комментарий об этом, но подробно рассказать смог только в другой статье.
Спасибо, замечание очень годное. Сразу видно технически подкованного человека)
В общем да, пиксель перфект — это база
Только похоже она работает только в низких разрешениях (hd, fhd, qhd) на 100% масштабе экрана. Где попадание в сетку видно сразу и мыльные границы бросаются в глаза.
Но если смотреть на моем 4к монике, где по умолчанию выставляется 150% масштаб, пиксель перфект уже так не работает. Иногда на сайтах можно видеть, как некоторые иконки с четким попаданием в пиксельную сетку у меня выглядит с артефактами. Например иконка меню гамбургера, две верхние полоски выглядят толщиной в два четких пикселя, а третья выглядит как что-то среднее между 1 и 2 пикселями. Бывает и так, что границы некоторых иконок выглядят лучше на hd разрешении чем у меня в 4к (если не рассматривать лесенки в скруглениях) из-за нецелочисленного масштабирования.
Кроме моего типового монитора, есть еще много разных случаев с ноутбуками, где встречается масштабирование ОС 125 и 150% и там скорей всего будут артефакты в других местах или такие же.
В случае мобильных экранов все просто, ppi там огромным и любые иконки там выглядят с ровными границами.
Спустя время, как пересел на 4к, постепенно забил на пресловутый "пиксель пёрфект", хотя по началу даже не убирал старый fullhd и смотрел как выглядит дизайн на нем. Все это теперь видится борьбой с гидрой и тратой времени, но аккуратность все таки нужна, если не в пискселях, то в пропорциях и единообразии.
Полностью соглашусь. Я так же сидел и смотрел на маке, на 2к и на ноуте фхд. Обнаружил еще одну деталь помимо того, что вы описываете. Оказалось, что есть разница в отображении, даже если закинуть иконку в разные браузеры. А вообще, мне думается, что пиксель пёрфект со временем и развитием технологий уйдет на второй план. Но пока считаю его чем-то вроде правил хорошего тона))
Я думаю, что ещё не скоро pixel perfect уйдёт в прошлое. В мире очень много "древних" экранов (и mobile и desktop). А современные кнопочные телефоны абсолютно не стремятся к повышению PPI. У часов Pebble, например, низкое разрешение вообще как одна из фишек. Да и во встраиваемой электронике дисплеи не 4К) Меня на работе за иконку без привязки отправят к психиатру) Шучу конечно, но выгорание точно заподозрят.
Кстати, про психиатра. Видели, что с первого марта начальник может отправлять сотрудников к психиатру? Если нет, загуглите, а то я не знаю, приветствуются ли тут ссылки на статьи всякие. Мы уже пошутили в чате, что теперь вместо вопроса о том, почему тут такое сомнительное решение в интерфейсе, можно будет сходить обследоваться внезапно)))
Вероятно в будущем психиатры будут работать в штате it компаний)
Кстати, по поводу красоты. Вот один из моих стилей (monochrome), где данный параметр был первоочередным (масштаб x2): https://www.behance.net/gallery/200760607/Vector-Icon-Set-Icons8-Ink-Style
Пример конечно специфический и для панели инструментов такие иконки не подойдут)
Как сделать пак иконок для продукта с нуля до готовой библиотеки и не погрязнуть в бесконечных правках