Сборка макета
Разместить текст, формы и изображения во фрейме.
Figma
Разберитесь, как организовать макет, работать со слоями и показать переходы между экранами.
Что такое Figma
Figma — инструмент для создания и совместного обсуждения дизайн-макетов и прототипов интерфейсов.
Где пригодится
Организация элементов
Назвать слои и сгруппировать связанные части экрана.
Прототипирование
Показать переход между двумя состояниями интерфейса.
Подготовка и связанные навыки
Для первого упражнения выберите небольшой экран и определите, какую задачу должен решить пользователь. Подготовьте текст и простую схему расположения элементов.
Связанные навыки
Дизайн лендинговДизайн сайтовПроектирование интерфейсаПроектирование макета веб-дизайнаПрототипирование интерфейсовРабота с FigmaРазработка дизайна для соцсетейРазработка дизайна мобильных приложенийСбор графических ассетовСоздание дизайна блоковСоздание дизайна сайтовСоздание и настройка интерфейсовСоздание и тестирование прототипов продуктаСоздание макетовСоздание черновиков интерфейса в Figma
Курсы с Figma
Яндекс ПрактикумUX-исследования для дизайнеров
Курс для UX/UI-дизайнеров с опытом: исследования пользователей, проверка интерфейса и улучшение дизайна на основе данных.
74 000 ₽
Стоимость курса
от 3 020 ₽ / мес. на 36 мес.
Яндекс ПрактикумПродуктовый подход для дизайнеров
Курс для дизайнеров с опытом: продуктовый цикл, исследования, гипотезы, прототипирование и защита дизайн-решений.
95 600 ₽
Стоимость курса
от 3 902 ₽ / мес. на 36 мес.
Яндекс ПрактикумДизайнер в IT
Курс для начинающих: общие основы дизайна и одна специализация на выбор — графический, веб-, моушн-дизайн или дизайн интерфейсов.
118 800 ₽
Стоимость курса
от 4 850 ₽ / мес. на 36 мес.
Яндекс ПрактикумМидл менеджер проектов
Курс для менеджеров с опытом о работе с заказчиком, процессами и командой, продуктовых метриках и технической стороне IT-проектов.
92 000 ₽
Стоимость курса
от 3 755 ₽ / мес. на 36 мес.
Что важно знать об инструменте «Figma»
В Figma проектируют экраны сайтов и приложений, размещая элементы во фреймах и слоях. Компоненты помогают повторно использовать части интерфейса, а прототипы — показать переходы между состояниями.
Владение инструментом помогает собрать макет, обсудить решение с командой и передать его участникам проекта. Например, можно показать, как форма выглядит до отправки и после сообщения об ошибке.
Макет сам по себе не является работающим сайтом. При работе с файлами стоит отдельно проверять права доступа, читаемость элементов и поведение интерфейса на разных экранах.
Что посмотреть дальше
Инструменты
Программы, сервисы, языки и технологии помогают решать разные задачи. Выберите инструмент и узнайте, где его изучить.
ОткрытьДизайн лендингов
Узнайте об этом навыке и связанных с ним материалах KURSEZ.
ОткрытьДизайн сайтов
Узнайте об этом навыке и связанных с ним материалах KURSEZ.
Открыть