wowpro
Unlimited
- Сообщения
- 14.443
- Лайки
- 9.495
Создайте дизайн-систему с нуля в Figma
Create a Design System from scratch in Figma
awwwards - Bruno Saez
Дизайн-системы становятся настолько популярными, потому что они делают продукты более последовательными, улучшают их удобство использования и сокращают время принятия дизайнерских решений. Замечательно! Но знаете ли вы, как их построить? В этом курсе вы узнаете, что такое дизайн-система и почему она так важна, но, что наиболее важно, вы научитесь создавать ее с нуля в Figma.
В этом курсе вы узнаете, как настроить все необходимые маркеры дизайна, например, как определять правильные сетки, макеты и интервалы, управлять значками и иллюстрациями, выбирать и создавать цветовые и типографические шкалы и, наконец, как создавать наиболее часто используемые компоненты, как кнопки, поля ввода, текстовые области, флажки, переключатели… Мы также увидим, как правильно называть компоненты, используя соглашения об именах. Наконец, мы увидим, как использовать дизайн-систему и как применить ее в ваших проектах или даже в вашей компании.
По окончании этого курса вы сможете создать свою собственную полную дизайн-систему и с уверенностью применять ее в любом месте.
Хотя в этом курсе мы будем работать с Figma, процесс, который я собираюсь объяснить здесь, можно воспроизвести в другом программном обеспечении, таком как Sketch или Adobe XD, поэтому, если вы не используете Figma, не волнуйтесь, вам тоже более чем рады и вы можете изучить новый инструмент по пути. Мы будем использовать весь потенциал Figma, создавая нашу дизайн-систему с вариантами и автоматическим макетом.
Материал на английском языке
Продажник:
Скачать:
Create a Design System from scratch in Figma
awwwards - Bruno Saez
Дизайн-системы становятся настолько популярными, потому что они делают продукты более последовательными, улучшают их удобство использования и сокращают время принятия дизайнерских решений. Замечательно! Но знаете ли вы, как их построить? В этом курсе вы узнаете, что такое дизайн-система и почему она так важна, но, что наиболее важно, вы научитесь создавать ее с нуля в Figma.
В этом курсе вы узнаете, как настроить все необходимые маркеры дизайна, например, как определять правильные сетки, макеты и интервалы, управлять значками и иллюстрациями, выбирать и создавать цветовые и типографические шкалы и, наконец, как создавать наиболее часто используемые компоненты, как кнопки, поля ввода, текстовые области, флажки, переключатели… Мы также увидим, как правильно называть компоненты, используя соглашения об именах. Наконец, мы увидим, как использовать дизайн-систему и как применить ее в ваших проектах или даже в вашей компании.
По окончании этого курса вы сможете создать свою собственную полную дизайн-систему и с уверенностью применять ее в любом месте.
Хотя в этом курсе мы будем работать с Figma, процесс, который я собираюсь объяснить здесь, можно воспроизвести в другом программном обеспечении, таком как Sketch или Adobe XD, поэтому, если вы не используете Figma, не волнуйтесь, вам тоже более чем рады и вы можете изучить новый инструмент по пути. Мы будем использовать весь потенциал Figma, создавая нашу дизайн-систему с вариантами и автоматическим макетом.
Материал на английском языке
Продажник:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Скачать:
Скрытое содержимое могут видеть только пользователь группы: PRO
Скрытое содержимое для пользователей: Ferr
