ИКОНКИ
YANDEX CLOUD
002
002
ИКОНКИ YANDEX CLOUD
О ПРОЕКТЕ
В начале 2026 года Yandex Cloud обновлял визуальный язык продукта. За три недели нашей команде нужно было разработать 34 иконки в двух размерах, параллельно формируя принципы нового стиля.
Позиция
Lead designer
Команда
1 дизайнер
Клиент
Яндекс
01
Задача
Главной особенностью проекта стала высокая степень неопределённости.
На старте у нас были существующие метафоры сервисов, несколько примеров
и общее направление, но не было полноценной системы правил для ежедневной работы.
Требования менялись по ходу проекта, поэтому часть иконок приходилось пересобирать
и повторно согласовывать с командой Yandex Cloud. Процесс требовал гибкости
и постоянной синхронизации.
Мы создавали библиотеку одновременно с правилами, по которым она должна была работать
02
Исследование
Метафоры сервисов уже существовали, поэтому мы не искали новые образы, а переосмысляли знакомые символы внутри нового визуального языка. Для этого анализировали предыдущую библиотеку, первые примеры новых иконок и визуальные референсы.
Главной целью было сохранить узнаваемость сервисов и привести их к единому стилю.
03
Визуальный язык
Самой сложной задачей было найти простой принцип, который помогал бы всей команде понимать границы нового визуального языка. Такой метафорой стала деталь, вырезанная из цельного листа металла: если форму нельзя было представить вырезанной таким способом, значит, она не соответствовала стилю.
Этот принцип изменил подход к проектированию иконок. Вместо того чтобы строить их из линий и контуров, мы начинали с цельной формы и постепенно убирали всё лишнее.
Новый стиль строился не из линий, а из цельной формы
04
Процесс
После того как основные принципы стали понятны, мы превратили их в рабочий процесс и зафиксировали внутренние правила: работу с метафорами, последовательность этапов и критерии перехода между ними.
Документ стал опорой для команды и помогал сохранять единый стиль и качество иконок, даже когда официальный гайдлайн продолжал развиваться.
01
Анализ
Изучаем метафору сервиса и требования клиента
02
Референсы
Собираем визуальные ориентиры нового стиля
03
Эскизы
Проверяем несколько вариантов композиции и формы
04
Ревью
Выбираем решение и согласовываем направление
05
16×16 px
Отрабатываем силуэт, баланс и читаемость
06
640×640 px
Адаптируем форму для крупного размера, добавляя детали
07
Финализация
Проверяем, оформляем и передаем результат клиенту
05
сначала 16px
Каждая иконка создавалась в двух размерах: 16 × 16 px и 640 × 640 px.
Работу всегда начинали с маленькой версии.
После её утверждения создавали большую. Это было не простое масштабирование: менялись пропорции, толщина линий и радиусы скруглений, появлялись дополнительные детали. Большая версия становилась самостоятельной иллюстрацией, сохраняя характер маленькой.
Маленький размер
проверял главное: силуэт, композицию и читаемость.
За три недели команда из двух человек разработала 34 иконки в двух размерах
для разных сценариев использования.
Для меня главным результатом стали
не только готовые иконки, но и опыт построения процесса в ситуации, когда сама дизайн-система ещё находилась в разработке.
Простые принципы, понятный процесс
и постоянный диалог с клиентом помогли сохранить целостность библиотеки
и выполнить проект в сжатые сроки.
