Шаблон

Набор иконок системы проектирования

Согласованный набор значков пользовательского интерфейса, предназначенный для систем проектирования продуктов и масштабируемых библиотек компонентов.

Лучше всего подходит для проектных групп, создающих повторно используемые библиотеки компонентов и системы структурированных интерфейсов.

Согласованность значков

Набор иконок системы проектирования

01 / 08
01
Выравнивание

Выравнивание

  • 02
    Типография

    Типография

  • 03
    Система

    Система

  • 04
    Расстояние

    Расстояние

  • Последовательность
  • Сетка
  • Масштабируемость

08Согласованность значков

Предпросмотр набора иконок

Набор иконок системы проектирования

Согласованный набор значков пользовательского интерфейса, предназначенный для систем проектирования продуктов и масштабируемых библиотек компонентов.

  • Выравнивание

    Выравнивание

    Значок выравнивания

  • Типография

    Типография

    Значок типографии

  • Система

    Система

    Значок системы дизайна

  • Расстояние

    Расстояние

    Значок интервала

  • Библиотека

    Библиотека

    Библиотека иконок

  • Компоненты

    Компоненты

    Значок компонентов

  • Сетка

    Сетка

    Значок сетки

  • Цветовая палитра

    Цветовая палитра

    Значок цветовой палитры

Содержимое шаблона

Библиотека иконок для современных систем проектирования

Узнайте, где уместно это визуальное направление и как использовать шаблон в качестве отправной точки для следующего дизайна.

  1. Обзор

    Почему это визуальное направление важно

    Системы дизайна полагаются на последовательный визуальный язык, и значки являются ключевой частью этой системы. Структурированный набор значков помогает командам разработчиков поддерживать визуальную согласованность интерфейсов.

  2. Лучше всего подходит

    Где этот шаблон работает лучше всего

    • Последовательность
    • Сетка
    • Масштабируемость
  3. Как использовать

    Развивайте это визуальное направление

    Используйте этот шаблон, чтобы:

    • Создавать масштабируемые UI-системы
    • Создавать библиотеки продуктового дизайна
    • Определять направление значков для разных приложений

Часто задаваемые вопросы по шаблонам

Часто задаваемые вопросы о наборе значков системы дизайна

Ключевые вопросы об иконках в дизайн-системах.

Следующий шаг

Создайте свой собственный набор иконок системы дизайна

Используйте этот выставочный зал в качестве отправной точки, а затем создайте собственный набор значков, адаптированный к контексту вашего продукта.

  • Выравнивание
  • Типография
  • Система
  • Расстояние
  • Библиотека
  • Компоненты