В современной Digital индустрии дизайн играет очень важную роль. За редким исключением, каждому проекту необходима команда из сильных специалистов по дизайну. Они работают с пользовательским опытом (UX) и пользовательским интерфейсом (UI) чтобы обеспечить популярность приложения.
Специалисты по UI/UX имеют серьезную квалификацию сразу в нескольких сферах, умеют работать с разработчиками и налаживать контакт с клиентом. А главное - умеют использовать формы, цвет, другие визуальные элементы так, чтобы пользователю было приятно пользоваться вашим проектом, а ориентироваться в нем было легко и интуитивно понятно.
Это сложный процесс, требующий большого количества технологий и дополнительных средств для оптимизации. Без них срок разработки дизайна длился бы в десятки раз дольше, чем сейчас.
Один из важнейших инструментов - это Figma. Она появилась на рынке несколько лет назад и уже захватила рынок, заняв нишу Adobe Photoshop в этой сфере.
Это графический редактор, который позволяет создавать презентации, логотипы, интерфейсы для мобильных и десктоп приложений, а также для сайтов, и другую графическую продукцию.
Если вы собираетесь работать в сфере UI/UX дизайна, занимаетесь разработкой приложений или уже работаете маркетологом, директором или проджект-менеджером - вы обязаны знать этот инструмент.
Мы подобрали лучшие курсы по Figma, а также бесплатные материалы и дополнительные ресурсы для обучения
✅ Лучшие онлайн-курсы по Figma для начинающих — обучение для начинающих
- Мини-курс анимация в Figma от Chulakov School
- Основы дизайна в Figma от Яндекс Практикум
Не забудь подписаться на наш Телеграм канал! Каждый день мы публикуем бесплатные лекции, уроки, мастер-классы, интенсивы.
Не можешь выбрать профессию? На Eddu.pro — подборка бесплатных тестов для профориентации. Узнай свои сильные стороны и выбери направление. Подробнее на сайте.
1. Figma с нуля от CONTENTED (сайт школы)
Время на обучение: две недели (при занятиях от 4 до 8 часов в неделю), свободный график
💵 Цена: от 14 тысяч ₽ до 23 334 ₽ (действует скидка)
Формат: онлайн, записи уроков + практическая самостоятельная работа + фидбэк ментора + нетворкинг
По окончании курса: сертификат
Особенности: лучший вариант для новичков
🔥Промокод: GEEK — Дополнительно -5% по промокоду
Программа
- Интерфейс. Основные возможности программы
1.1. Что такое Frame
1.2. Group
1.3. Работа с эффектами
1.4. Основные инструменты. Shape tool, Drawing
1.5. Практическая работа по нескольким направлениям. Экспорт проекта
- Основы дизайна
2.1. Дизайн-система. Что это и как создать
2.2. Стили, текст, тени
2.3. Теория цвета
2.4. Компоненты
2.5. Как создать кликабельный прототип
2.6. Адаптивный дизайн
2.7. Организация командной работы
2.8. Финальный проект
Чему научитесь
- Уверенно пользоваться Фигмой
- Создавать логотипы, другую графическую продукцию
- Применять принципы UI/UX дизайна в работе
Плюсы:
- Бесконечный доступ к материалам курса
- Несколько работ в портфолио
- Материал подается простым языком
- Рекомендуем почитать отзывы: большинство студентов довольны выбором
Минусы:
- Нет
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
2. Figma с нуля до PRO от Skillbox (сайт школы)
Время на обучение: два месяца
💵 Цена: от 4 796 до 6 852 ₽ в месяц (рассрочка на полгода)
Формат: онлайн, теория + практические задания + обратная связь куратора
По окончании курса: сертификат
Особенности: расширенная подробная профессиональная программа подготовки
🔥Промокод: GEEK — Скидка до 60% на обучение
Программа
- Вводный модуль. Профессия дизайнер интерфейсов
1.1. Установка, настройка рабочего инструментария
1.2. Правильное использование геометрических фигур
1.3. Работа со слоями
1.4. Настройка текстового поля
- Продвинутая работа с иконками, иллюстрациями, изображениями
2.1. Иконка (ICON). Процесс создания. Обработка картинок
2.2. Процесс создания макета с нуля
- Применение компонентов
3.1. Панель настроек. Эффективное использование
3.2. Интерактивный прототип
3.3. Коммуникация с заказчиком. Эффективный поиск заказов. Первый шаг
- UI Kit
4.1. Стандартизация элементов UI
4.2. Зачем дизайнеру использовать библиотеки. Как создать собственную
4.3. Модульная сетка
- Продвинутый уровень дизайна
5.1. Auto Layout. Объединение макетов. Функция Variants
5.2. Адаптация элементов интерфейса под различные платформы
5.3. Экран. Работа с деревом страниц
5.4. Branches
5.5. Система обновления версий. Организация командной работы
- Оптимизация процесса разработки, дополнительные аспекты
6.1. Использование плагинов. Figma Jam. Правки
6.2. Анимация
6.3. Особенности подготовки макета к этапу разработки
Чему научитесь
- Использование Figma на профессиональном уровне
- Адаптивный дизайн
- Интерактивные элементы, анимация
- Создание компонентов, библиотек стилей
- Командная работа над проектов
- Сотрудничество с разработчиками
Плюсы:
- Материалы курса доступны даже после завершения обучения
- Преподаватели - профессиональные дизайнеры с крупным реальным опытом работы
- Бонус: доступ к курсу по английском языку на 12 месяцев
- Является частью крупного курса по веб-дизайну, можете сразу продолжить обучение
Минусы:
- Не обнаружены
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
3. Основы Figma от ЛОГОМАШИНА (сайт школы)
Время на обучение: 10 уроков, 2 недели;
💵 Цена: 17 148₽ или в рассрочку на год от 1 429₽/мес.;
Формат: видеоуроки, финальный экзамен;
Особенности: обратная связь от куратора.
🔥Промокод: GEEKHACKER — Скидка 50% на все годовые курсы школы. СКИДКА НЕ СУММИРУЕТСЯ С ДРУГИМИ АКЦИЯМИ ШКОЛЫ
Программа
- Знакомство с интерфейсом Figma.
- Создание проекта, добавление иконок.
- Обработка изображений.
- Дополнение проекта текстом.
- Редактирование элементов.
- Подготовка макета к верстке.
Чему научитесь
- Создавать в Figma баннеры, рекламные креативы, презентации, планы проектов, макеты сайтов, посты для соцсетей.
- Редактировать, обрабатывать изображения.
- Готовить макет для верстки.
Плюсы:
- Проект в портфолио.
- Начать обучение можно бесплатно.
- Скидка.
- Отсрочка платежа на месяц.
Минусы:
- Не найдены.
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
Еще курс по теме от Логомашина:
Недорогой интенсив рассчитан на подготовку начинающих веб-дизайнеров, владеющих Figma, навыками создания маркетплейсов и лендингов. В процессе обучения вас сопровождает куратор, который тщательно проверяет и комментирует домашние задания. Благодаря малой длительности лекций (15 - 20 минут) учиться легко даже загруженному человеку. По завершении учёбы составите портфолио и получите именной сертификат.
4. Основы продуктового дизайна: Figma от ProductStar (сайт школы)
Время на обучение: два месяца
💵 Цена: от 39 тыс. ₽ до 78 тысяч ₽
Формат: онлайн, теоретическая информация + выполнение домашних заданий + их проверка от преподавателя + крупные проекты
По окончании курса: сертификат
Особенности: интенсивная программа обучения
🔥Промокод: EDDUPRO — Скидка 62% на заказ
Программа
- Введение. Знакомство с программой
1.1. Основные элементы интерфейса
- Кривые
2.1. Что это и как правильно использовать
2.2. Продвинутое использование кривых
- Подробное рассмотрение дизайна
3.1. Создание интерфейса. Эскизы элементов
3.2. Отрисовка
- Локальная библиотека
4.1. Что это и для чего нужна
4.2. Значение для оптимизации процесса работы
- Создание прототипов
5.1. Что такое прототип и каково его значение
5.2. Анимация. Подходы и этапы создания
5.3. Адаптация анимации
- Констрейнт (Constraints)
- Components
- Библиотеки. Варианты. Подробное рассмотрение
- Комьюнити дизайнеров.
9.1. Особенности и преимущества
9.2. Официальные сообщества и мероприятия
- Командная работа
- Процесс разработки макета
- Подготовка финального проекта.
Чему научитесь
- Использовать инструменты Figma
- Работать в команде
- Создавать макет и готовить его к процессу разработки
- Использовать основные принципы продуктового дизайна
Плюсы
- Бесконечный доступ к материалам курса
- Преподаватели - действующие профессионалы
- Крупное сообщество студентов
- Фидбэк от преподавателей
Минусы
- Короткая программа, недостаточно для трудоустройства
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
5. Мини-курс анимация в Figma от Chulakov School (сайт школы)
Время на обучение: четыре месяца
💵 Цена: от 4 990 ₽ до 7 тысяч ₽
Формат: онлайн, видеоуроки + практические задания
По окончании курса: сертификат
Особенности: узкоспециализированная программа, подойдет для опытных специалистов
Программа
- loader. Switcher Control
- Segment Control
- Selector. Pop Up
- Слайдер. Создание кнопок. Input
- Работа с меню. Context. Burger
- Пагинация
Чему научитесь
- Создание микро анимаций
- Работа с интерактивными элементами
- Создание анимации для UI
- Анимация прототипов
Плюсы
- Отлично раскрывает свою тему
Минусы
- Не обнаружены
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
6. Основы Figma от Бруноям (сайт школы)
Время на обучение: один месяц
💵 Цена: от 17 900 ₽ по скидке (если успейте до конца акции)
Формат: онлайн, теоретические материалы + практическая работа + помощь наставника
По окончании курса: сертификат / удостоверение о повышении квалификации
Особенности: свободный график обучения, личный ментор всегда готов помочь
🔥Промокод: GEEK — Скидка 15% на курсы
Программа
- Вводный модуль. Как правильно учиться. Введение в профессию
1.1. Основные причины неудач
1.2. Советы от профессионалов. Как учиться быстрее, лучше
- Базовые уроки по Figma
2.1. Настройка, установка
2.2. Основные инструменты
2.3. Что такое фрейм, как его использовать
2.4. Построение, применение сложных и простых геометрических фигур
- Графические элементы
3.1. Работа с масками
3.2. Изображения, шрифты
- Продвинутый модуль по Figma
4.1. Что такое Auto Layout, как его эффективно использовать
4.2. Компонент. Вариант
4.3. Оптимизация разработки с UI Kit
4.4. Модульная сетка. Figma Mirror
4.5. Полезные плагины
- Веб-дизайн
5.1. Прототипы. Процесс создания, реализации
5.2. Интерактивные элементы
5.3. Макеты сайта. Как создать. Паттерны, советы
Чему научитесь
- Создание графических элементов
- Обработка фотографий
- Прототипирование макетов
- Цвет, шрифты, изображения
- Создание масок, эффектов (effects)
- Особенности работы с векторными объектами
- Создание макета веб-сайта
- Эффективное обучение
Плюсы
- Кураторы проверяют все домашние задания
- Нет ограничений по количеству сообщений преподавателю. Вам всегда ответят
- Наставнику можно писать даже после завершения курса
- Есть бесплатный блок по правилам эффективной организации учёбы
- Доступна бесплатная консультация. Вам помогут сделать правильный выбор курса
- Поддержка при трудоустройстве
Минусы
- Отсутствуют
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
7. Основы дизайна в Figma от Яндекс Практикум (сайт школы)
Время на обучение: три недели (обучение десять часов в неделю)
💵 Цена: 9500 ₽ за курс.
Формат: онлайн, свободный график, теоретические лекции + дополнительные материалы + самостоятельная работа
По окончании курса: свидетельство об обучении
Особенности: упор на принципы работы с UI
Программа
- Вводный модуль
1.1. Знакомство с дизайном
1.2. Причины популярности инструмента Figma
1.3. Как проходит обучение
- Базовый курс по применению Figma
2.1. Интерфейс
2.2. Организация совместной работы в команде
2.3. Настройка рабочего пространства
- Дизайн. Принципы, практика
3.1. Типография
3.2. Колористика, композиция
3.3. Редакция дизайн-макетов
- Дизайн. Уровень 2
4.1. Продвинутые темы в дизайне
4.2. Создание логотипа
4.3. Правила разработки рекламного баннера. практическая работа
- Дизайн. Уровень 3
5.1. Что такое UI. Как создать незабываемый пользовательский опыт
5.2. Дизайн интерфейса. Процесс создания
5.3. Community. Auto Layout
5.4. Интерактивные элементы
5.5. Одностраничный лендинг. Главный экран приложения
5.6. Крупный практический проект
- Защита дипломной работы
Чему научитесь
- Базовый дизайн
- Создание логотипов
- Уверенная работа с Figma
Плюсы
- Обратная связь
- Большое количество практической работы
- Удобная организация учебы с помощью платформы сервиса
- Есть бесплатный вводный модуль
- Решите продолжить учебу на Практикуме - сделают скидку
Минусы
- Не найдены
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
8. Создание сайта в Figma от Interra (сайт школы)
Время на обучение: не ограничена, ее определяет ваше время и темп обучения
💵 Цена: от 10 до 25 тысяч ₽ (действует скидка)
Формат: онлайн, теоретические уроки + выполнение практических заданий
По окончании курса: сертификат
Особенности: отлично подойдет для новичков
Программа
- Вводный модуль. Об особенностях работы дизайнера
1.1. Чем занимается веб дизайнер
1.2. Принципы построения UI
1.3. Посадочная страница. Что это, как создать
- Figma. Базовые уроки
2.1. Интерфейс, основные возможности
2.2. Работа с фотографиями и другими графическими элементами
2.3. Иконки. Интеграция
2.4. Landing Page
- Композиция и типографика
3.1. Что это, какое значение имеет. Принципы, практика, особенности
3.2. Плагины. Оптимизация процесса работы
3.3. Создание собственного прототипа лендинга
- Карьерный блок
4.1. Как создать портфолио
4.2. Принципы хорошего резюме
4.3. Поиск заказчиков. Работа на биржах фриланса
4.4. Самопрезентация и деловая коммуникация
Чему научитесь
- Работать в Фигме
- Оптимизировать процесс создания прототипа с помощью плагинов
- Искать заказчиков
- Правильно оформлять резюме и портфолио
- Применять правила и принципы дизайна в работе
Плюсы
- Бесконечный доступ к материалам программы
- В конце обучения вам дадут план дальнейшего профессионального развития
- Крупный карьерный блок
Минусы
- Не обнаружены
Отзывы (Акции, Скидки, Промокоды) школы💖
Полная информация 👈
Еще курсы по теме от других школ:
9. Figma для UI/UX дизайнера от Бауманский учебный центр Специалист
Длительность: 24 академических часа
Стоимость: 21 550 ₽
Формат: на выбор студента, дистанционно или очно в вечерней, выходной или дневной группе
Документ об окончании: удостоверение об обучении + диплом о повышении квалификации + сертификат международного образца
Особенности: крупный профессиональный курс
10. Супер Figma от Cloud Lessons
Длительность: 16 академических часов
Стоимость: 24 990 ₽
Формат: онлайн, теоретические материалы + практические задания + чат с куратором и обратная связь других студентов
Документ об окончании: сертификат
Особенности: фокус на подготовке к поиску работы, карьерный центр
11. Motion дизайн в Figma. Анимации макета и главные правила UX от Udemy
Длительность: не ограничена, зависит от вашего темпа, свободный график
Стоимость: 5 990 ₽
Формат: онлайн, видеоуроки + дополнительные теоретические материалы + домашние задания
Документ об окончании: сертификат
Особенности: отлично подойдет для новичков
12. Веб-дизайн в Figma от шейпов до интерфейсов от Praktika.school
Длительность: неделя
Стоимость: от 990 ₽ до 6 990 ₽ (в зависимости от подписки)
Формат: онлайн, по свободному графику, видеоуроки + домашние задания + дополнительная информация
Документ об окончании: отсутствует
Особенности: в стоимость входит доступ к остальным курсам платформы
13. Курс Figma для Веб дизайнера - с нуля до профессионала от BeONmax
Длительность: не ограничена, зависит от вас
Стоимость: от 149 ₽ до 882 ₽ (зависит от типа подписки)
Формат: видеоуроки + самостоятельное обучение на практике
Документ об окончании: сертификат
Особенности: отлично подойдет для освоения основ
14. Дизайн интерфейсов в Figma от Pentaschool
Длительность: три месяца
Стоимость: от 19 тысяч ₽ до 30 тысяч ₽
Формат: онлайн, видеоуроки (скринкасты) + самостоятельная практическая работа
Документ об окончании: сертификат
Особенности: до конца сентября действует скидка 35%, успейте записаться!
15. Веб-дизайн и дизайн интерфейсов в Figma от Breezly
Длительность: зависит от вашего графика, состоит из 43 уроков и нескольких практических работ
Стоимость: от трех до девяти тысяч ₽
Формат: онлайн, теоретические материалы + домашние задания
Документ об окончании: сертификат
Особенности: часть курса доступна бесплатно
16. Онлайн-курс по Figma от IRS Academy
Длительность: три академических часа
Стоимость: 1 699 ₽
Формат: онлайн, занятия + домашние задания + обратная связь от экспертов
Документ об окончании: сертификат
Особенности: короткий вводный курс
17. Веб-дизайн в Figma с нуля до результата! Основы UX/UI Web Design от Stepik
Длительность: не ограничена, свободный график обучения
Стоимость: 1 990 ₽
Формат: онлайн, видео уроки + самостоятельная работа
Документ об окончании: сертификат
Особенности: рассчитан на новичков, дает только базовые навыки
Бесплатные курсы
1. Основы Figma от Нетология
Длительность: зависит от вашего темпа обучения, состоит из трех лекций
Формат: онлайн, записи лекций, практическая работа
Документ об окончании: отсутствует
Особенности: в этом бесплатном курсе основы figma нетологии теория демонстрируется на практике, создадите два проекта в портфолио
2. Дизайн на Figma от Contented
Длительность: около трех дней, зависит от вашего темпа учёбы
Формат: онлайн, обучение по теоретическим материалом по свободному графику
Документ об окончании: отсутствует
Особенности: основы излагаются кратко, на ярких примерах практических кейсов
3. UI-дизайнер: практические навыки дизайнера интерфейсов от Федеральный проект Содействие занятости
Длительность: 144 академических часа (около двух месяцев)
Формат: онлайн, лекции + крупные практические проекты + домашние задания
Документ об окончании: удостоверение о повышении квалификации
Особенности: полноценная профессиональная программа, необходимо соответствовать требованиям (наличие среднего профессионального или высшего образования и т.д.)
4. Figma от Академия IT Онлайн образование
Длительность: не ограничена, зависит от вашего графика
Формат: подборка базовых онлайн уроков
Документ об окончании: отсутствует
Особенности: для прохождения необходима регистрация
5. Курс по работе в Figma от Школа Тильды
Длительность: не ограничена
Формат: онлайн, теория + практика
Документ об окончании: отсутствует
Особенности: является вводным курсом к профессиональным программам школы
6. Уроки Figma от Disarto
Длительность: не указана, состоит из 34 уроков продолжительностью по 20-40 минут
Формат: подборка виидеоуроков на YouTube
Документ об окончании: отсутствует
Особенности: вышел в 2019 году, мог частично утратить актуальность
7. Figma от Наука Дизайна
Длительность: состоит из 15 видео по 10 - 30 минут
Формат: YouTube-плейлист
Документ об окончании: не предусмотрен
Особенности: некоторые материалы курса могут быть неактуальными
8. Figma: от установки до презентации проекта от Puzzle Brain
Длительность: не ограничена
Формат: онлайн, теоретические материалы + практическая работа
Документ об окончании: отсутствует
Особенности: краткий авторский бесплатный курс
Видео на Youtube
Полезные ссылки
Руководства и официальные ресурсы
Да, это полноценный учебник по работе в данном редакторе. В PDF формате собрана вся наиболее важная информация, которая поможет вам быстро сориентироваться в возможностях Фигма и улучшить свои навыки работы. Важно отметить, что он находится еще на пробном этапе, постоянно дополняется и редактируется. Однако уже является один из лучших источников для самостоятельного обучения. Вас ждет 264 страницы структурированной, актуальной информации и много учебных модулей, каждый из которых хорош по своему качеству
Завершаем наш список официальных источников этим крупным материалом в школе Тильды. Он не является полноценным обучающим курсом, скорее простым вводным руководством для новичков. В нем вы узнаете о том, для чего может пригодиться Фигма, как организовать в ней работу команды, как установить и настроить и т.д. В общем, автор ответит на все интересующие вас вопросы перед началом полноценного обучения
Обучающие ресурсы
Начнем с официального ресурса разработчика на YouTube. На этом канале вы найдете все последние новости об этой технологии, различные конференции, туториалы и другую полезную информацию. Узнавать информацию из первых уст всегда удобнее, поэтому рекомендуем хотя бы изредка заходить на канал и смотреть обновления, а также перелистывать в поисках интересующих вас особенностей использования
Это ютуб-канал практикующего фрилансера с многолетним стажем. Алексей - опытный профессионал своего дела, он может поделиться важной информацией по работе веб-дизайнера, а также рассказать о работе на различных фриланс биржах, самопрезентации и т.д. Если собираетесь работать в сфере дизайна - подписка обязательна. Новые видео выходят регулярно, и все они качественные - точно не пожалеете
Это отличная подборка, которая обязательно пригодится начинающим. Автор в серии видеороликов раскрывает базовые темы технологии, например интерфейс программы, его основные возможности, а также создание первого проекта. Если переходите с другого редактора на Фигма или являетесь абсолютным новичком - рекомендуем посмотреть
Особенностью этого плейлиста с уроками является его неупорядоченность. Вы можете начать обучение буквально с любого урока, каждый из них охватывает конкретную узкоспециализированную тему или функцию. Можете смотреть ролик и сразу же практиковаться, повторяя действия автора. Таким образом, можете получить базовые навыки обращения с приложением
Интерактивные обучающие ресурсы
Это еще один ресурс от разработчика. На этот раз, официальный веб-сайт. Здесь вы найдете обучающие материалы, туториалы на английском языке. Вы можете зарегистрироваться, присоединиться в официальному сообществу дизайнеров, других пользователей Figma, регулярно следить за обновлениями, новыми функциями и полезными советами
Отличная платформа на русском языке, где вы так же можете найти полезные уроки по интересующей вас теме. На данный момент вы можете посмотреть более пятидесяти публикаций. Авторы - практикующие специалисты, регулярно публикуют новые материалы по конкретной теме
Книги
- «100 главных принципов дизайна. Как удержать внимание» . Сьюзан Уэйншенк
Это настоящая классика в индустрии дизайна. Работая с Figma, вам нужно будет использовать его принципы для создания действительно качественной продукции, привлечения внимания клиентов.
Автор рассказывает не о простых советах, а о фундаментальных понятиях человеческого мышления, восприятия мира. Как вызвать у пользователя интерес, как вызвать у него нужную реакцию, заставить полюбить ваш продукт - об этом повествует С.Уэйншенк. Это книга, которая будет помогать вам на протяжении всей карьеры дизайнера
- «Эмоциональный веб-дизайн» . Аарон Уолтер
Плавно переходим к более узкоспециализированной литературе, рассчитанной именно на профессионалов веб-индустрии. В данном случае автор рассказывает о принципах, которые помогут создать с пользователем именно эмоциональную связь, построить с ним долгосрочные отношения, создать исключительно позитивную ассоциацию, дать только положительные эмоции
- «UX-дизайн. Практическое руководство по проектированию опыта взаимодействия» . Расс Унгер
Переходим к UX-дизайну. Его задачей является создание пользовательского опыта, наилучших эмоций, впечатлений. И эта часть является как раз самой сложной в процессе создания дизайна.
В этом издании автор раскрывает стратегические, тактические подходы, методики, процедуры, полезные советы, которые помогут вам создать качественный UX. Универсальная, важнейшая книга для любого специалиста - рекомендуем прочитать
- «Пользовательский интерфейс» . Илья Бирман
Завершаем наш список учебниками по UI. В этом случае просто отличное издание, которое подойдет как новичкам, так и специалистам. Причем не только дизайнерам, но и редакторам, разработчикам и руководителям
Его фишка в том, что автор описывает наиболее важные темы в дизайне простым языком, он делится своим личным опытом и дает практические советы.
- «Refactoring UI» . Adam Wathan, Steve Schoger
И закрываем эту подборку не менее качественным изданием по дизайну пользовательского интерфейса, но уже на английском языке. Автор также делится своим личным опытом - без излишней академичности, избытка терминов и т.д.
Вы узнаете, как правильно организовать процесс дизайна, как расставить приоритеты элементов интерфейса, какие ошибки чаще всего допускают специалисты, как вам их избежать.
Очень рекомендуем почитать и время от времени перечитывать. Со временем вы будете расти в профессиональном плане, что позволит с точки зрения нового опыта взглянуть на классические принципы, ошибки
(FAQ) Часто задаваемые вопросы
Figma, что это за программа?
Figma — это онлайн-программа для дизайна интерфейсов, сайтов и приложений. В ней можно создавать макеты, рисовать элементы (кнопки, меню, иконки) и делать интерактивные прототипы, чтобы показать, как будет работать готовый продукт. Главное преимущество — работа в браузере без установки, а также возможность совместного редактирования в реальном времени, как в Google Docs.
Программа популярна среди дизайнеров, разработчиков и стартапов, потому что она удобная, бесплатная для личного использования и позволяет быстро тестировать идеи. Figma заменяет сложные графические редакторы вроде Photoshop, когда дело касается дизайна цифровых продуктов.
Сколько времени нужно, чтобы изучить Figma?
Важно отметить, что Фигма - это относительно простая технология, для освоения которой потребуются только базовые навыки владения компьютером.
Однако чтобы ее освоить на профессиональном уровне нужно подойти к обучению серьезно, регулярно практиковаться, повышая навыки.
Чаще всего, процесс обучения занимает минимум 10 недель. Если будете заниматься около десяти часов в неделю, учиться новым функциям, постоянно практиковаться - вы сможете овладеть Фигмой на хорошем уровне.
Пределов знания Фигмы просто не существует, почему и повышать навыки владения ею можно практически до бесконечности
Кому нужно знать Figma?
В первую очередь, этой технологией должны в совершенстве владеть веб-дизайнеры. На данный момент, для создания UI/UX Figma занимает лидирующие позиции среди специалистов.
Мобильным разработчикам, а также веб-программистам и проджект-менеджерам тоже рекомендуется знать ее на базовом уровне, понимать особенности применения для эффективной работе в команде. Да, они не используют ее на постоянном уровне, но взаимодействуют с дизайнерами. Для корректной разработки продукта разработчик должен понимать UI-термины, чему и способствует изучение Figma
Реклама. Информация о рекламодателе по ссылкам в статье.
