SberDesign
1.57K subscribers
130 photos
3 videos
17 links
Дизайн экосистемы Сбера
Download Telegram
Соблюдение пропорций градиентов, цветов и изображений сохраняет целостность восприятия суббрендов экосистемы Сбера.
Дизайн-система Сбера предусматривает вариативность пиктограмм. Трёхмерные пиктограммы — объёмные иконки, выполнены в изометрии с добавлением трёхмерности и свечения. В центральной части композиции располагаются два объекта, которые формируется образ иконки. Объекты должны пересекаться и быть контрастными друг другу.
Для того, чтобы сложная пиктограмма легко считывалась, объекты в ней должны быть контрастны друг другу. Мы используем светлые, средние и тёмные тона для объектов в пиктограмме, добавляя в них эффекты свечения.
Добавление дополнительных слоев с разной степенью прозрачности и режимом наложения overlay позволяет придать объем фигурам и расставить акценты в пиктограмме. Чтобы избежать искажений цвета, нужно располагать объекты с режимом overlay над объектами со сплошной заливкой.
This media is not supported in your browser
VIEW IN TELEGRAM
В продуктах Сбера часто встречается трёхмерная графика. Сюжеты и ракурсы зависят от контекста применения иллюстрации. А объединяет их подход к материалам и пропорциям. В иллюстрациях используются объекты правильных пропорций, без искажений. Материалы — матовые, без сильных бликов и фактур. Для визуального усложнения графики отдельные объекты могут быть выполнены из другого материала — как металлическая дужка у замка с ключом.