Проектирования систем в Figma - Видеоуроки

Design System in Figma
Duration 02:56:38
Открыть все курсы от designcode.io

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

С тех пор мы прошли долгий путь. Сегодня этот мгновенный подход к сотрудничеству оказался полезным для создания единой и надежной Системы Проектирования. Все существует в Интернете, и Figma в полной мере использует его, объединяя все для дизайнеров и разработчиков.

Что такое Проектирования Систем ?

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

Она начинается со стилей и компонентов в Figma, а затем перемещается в библиотеку команды, чтобы, наконец, стать компонентами кода, которые существуют в месте, на которое легко ссылаться, вносить вклад и управлять версиями, например, в git-хранилище.

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

Полный список уроков Развернуть / Свернуть
  • Урок 1. Design System in Figma 00:10:15
  • Урок 2. Basic Layout and Techniques 00:19:50
  • Урок 3. Constraints and Adaptive Layout 00:15:14
  • Урок 4. Styles and Team Library 00:22:02
  • Урок 5. Components and Nesting 00:18:44
  • Урок 6. Booleans and Shapes 00:13:41
  • Урок 7. Icons and Vector Network 00:30:30
  • Урок 8. Export, Inspect and Code in Figma 00:26:03
  • Урок 9. Multiplayer and Commenting in Figma 00:08:37
  • Урок 10. Prototyping and Interaction 00:11:42
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 26.03.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 21 урок
leveluptutorials Mastering Figma
В этом курсе мы будем изучать Figma. Figma - это мой новый любимый интсрумент для разработки дизайнов, у которого есть много интересных фич, таких как кросс-платформенность, тоесть работает на Windows. Maс и Linux, а также действительно полезный функционал как в Google Docs collaboration (совместная работа). Также мне нравится его современный интерфейс и постоянные апдейты новых фич. Одним словом, Figma реально крутая штука, которую я использую...
Duration 03:37:49
36 2

Последнее добавленное

React JS и Redux Bootcamp - Освойте React Веб-разработку

React JS и Redux Bootcamp - Освойте React Веб-разработку

en
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Автоматизированное тестирование с WebdriverIO

Автоматизированное тестирование с WebdriverIO

en
Мне потребовались годы, чтобы остановиться на концепции автоматизации тестирования. Все, что я пробовал, казалось впечатляющим, но никогда не соответствовало реальному использованию. Затем я наткнулся на WebdriverIO, и все это изменилось. Из-за его удивительных особенностей и простоты в дизайне...
React с Firebase

React с Firebase

en
Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию...
Создаем приложение React Native для iOS и Android от начала до конца

Создаем приложение React Native для iOS и Android от начала до конца

en
Если вы уже знакомы с React, то React Native - отличный способ создавать мобильные приложения для iOS и Android. Конечно, веб-приложения и мобильные приложения сильно отличаются друг от друга, но этот курс служит вашим руководством.
Полное введение в React, v5

Полное введение в React, v5

en
В дополнение к обновлению всех инструментов до последних и самых лучших версий Complete Intro to React v5 реструктурировал семинар, чтобы больше сосредоточиться на обучении основным принципам React, не жертвуя при этом какими-либо инструкциями по инструментарию. В этом двухдневном тренинге Брайан...
The Web Developer Bootcamp

The Web Developer Bootcamp

en
Единственный курс, который вам нужен для изучения веб-разработки - HTML, CSS, JS, Node и многое другое! Привет! Добро пожаловать в The Web Developer Bootcamp, единственный курс, который вам нужен для изучения веб-разработки. Существует множество вариантов онлайн-обучения разработчиков...
chat
logo