Использование масок в Figma напоминает просмотр пейзажа через окно: вы выбираете форму и размер окна, решая, какая часть пейзажа будет видна, в то время как остальное остаётся скрытым, но неизменным.
Этот приём незаменим в UX/UI-дизайне. Например, при создании аватаров пользователей в приложении для общения круглая маска идеально вписывает фотографии профиля. В каталоге товаров квадратные маски могут единообразно оформлять изображения продуктов, придавая интерфейсу аккуратный и профессиональный вид. Маски позволяют управлять отображением элементов, не изменяя исходные изображения, благодаря чему дизайн остаётся гибким и адаптивным.
Как работают маски
Маски формируют отображение отдельных частей дизайна с помощью других слоёв — фигур, текста или изображений. Представьте маску как трафарет, наложенный поверх элементов дизайна. Видимой остаётся только та часть элемента, которая попадает под маску, остальное скрывается…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!