Запись в 29.11.2018

Как создать дизайн-систему в Sketch (Часть 4)

asvfedf 0 - комментарии
Дизайнерское агенство >> Без рубрики >> Как создать дизайн-систему в Sketch (Часть 4)

Я покажу вам, как объединить различные символы для создания настраиваемых компонентов

Создание ваших компонентов

В предыдущих частях я показал вам, как создать основы того, что станет вашей дизайн-системой в Sketch. В том числе создание базовых элементов, таких как цвет и типографика, а затем базовых символов, таких как иконки и текст, которые затем могут быть использованы при создании бесчисленного множества других символов, по мере продвижения вперед.

В этой заключительной части я хочу показать вам, как объединить символы, такие как цвет, текст, иконки, формы кнопок и состояния, чтобы собрать компоненты вашей дизайн-системы. Используя дополнительный бонус ограничений на изменение размера Sketch, чтобы сделать их адаптируемыми к изменениям размера экрана.

Обратите внимание: как я уже упоминал в предыдущих статьях, я не буду показывать вам, как создавать сотни символов или компонентов. Я просто расскажу вам о некоторых ключевых элементах.

Давайте приступим …


Связанная запись

Как junior-дизайнеру высказать свою точку зрения

Большая часть моей рабочей недели состоит из совещаний, критики дизайна и спонтанных дискуссий. Несколько лет назад их стало…

F-образный паттерн в дизайне интерфейсов

Эта статья познакомит вас с принципами F-паттерна, почему он работает и как вы можете создавать свои собственные дизайны на основе…

10 чит-кодов для проектировщиков и дизайнеров интерфейсов

Вероятно, большинство из нас начинало работать в сфере дизайна интерфейсов с минимальными знаниями или вообще без таковых. Но несмотря…