Глассморфизм или стекломорфизм — это эффект «матового стекла», который создается благодаря яркой подложке и специальной стилизации.
Целью такого дизайнерского решения является создание интерфейса, который выглядит стеклянными панелями, парящими в пространстве. Таким образом в дизайн пользовательского интерфейса добавляется ощущение «воздушности».
Появился стекломорфизм благодаря Apple.
Именно интерфейсы macOS вдохновили дизайнеров позаимствовать идею «парящих» элементов.
Сама Apple впервые внедрила «прозрачность» в интерфейс мобильной операционной системы iOS 7 в 2013 году. На тот момент пользователи привыкли к скевоморфизму в интерфейсах Apple и не приняли такое резкое обновление. Впоследствии Apple много раз трансформировала свои интерфейсы, придя к глассморфизму в macOS Big Sur в 2021 году. Более современные десктопные версии macOS немного утратили «прозрачность».
Вот четыре особенности глассморфизма, которые помогут не перепутать этот эффект в дизайне с другими.
Прозрачные элементы. Иконки, кнопки, окна и другие элементы пользовательского интерфейса выглядят прозрачными или полупрозрачными, как будто сделаны из матового стекла.
Тонкие границы. К элементам интерфейса в дизайнах, выполненных с применением эффекта глассморфизма, обычно добавляют тонкие границы. Эти акценты помогают выделить их форму.
Яркая подложка. Выбор ярких цветов для фона — это простой способ еще больше подчеркнуть «стеклянный» внешний вид элементов интерфейса. Такие цвета на заднем плане контрастируют с полупрозрачными элементами и создают видимое размытие вокруг элементов интерфейса. Светлые цвета также будут работать, но не дадут такой глубины.
Многослойность объектов. Дизайнерские конструкции, выполненные с применением глассморфизма, многослойны. Как правило, у них полупрозрачная основа на ярком размытом фоне. Этот многослойный стиль придает элементам интерфейса 3D-эффект.
В следующем посте, разберем как его создавать в Figma)
#сотрудничество #обучение #развитие #дизайн #обменопытом