Иван Емелюшкин рассказал, как лучше реализовывать эффект размытия в дизайне приложений для iOS и Android, а также дал советы о том, как правильно передать макет разработчикам, чтобы получить нужный результат.
Советы из статьи:
- Чтобы избежать недопонимания, спросите у разработчика, какие варианты размытия доступны, а затем выберите из предложенных вариантов
- На Android размытие чаще всего может быть только статичным. Разработчик делает скриншот экрана, а затем применяет к нему фильтры. Чтобы передать такое размытие в разработку, используйте в Figma Layer Blur, а не Background Blur
- Начиная с iOS 13 разработчикам доступно 11 видов размытия для светлых и тёмных тем. Чтобы разработчик не ошибся, укажите в описании, какое именно размытие вы имели в виду
- На iOS есть специальный стиль для иконок и текста на размытом фоне, который называется Vibrancy. Этот эффект как бы выжигает текст из размытым фона и нужен для того, чтобы текст читался с любым фоном под ним
Иван также подготовил шаблон, в котором собраны все варианты размытия для iOS.
#статья@zhurnalus_lite
