Основи UI/UX дизайну та робота з Figma

Інтерфейс користувача; відповідає за зовнішній вигляд та взаємодію

Це сукупність елементів коду, які забезпечують функціональність

• Опис програмного забезпечення

• Виключно створення графічних елементів

Досвід користувача, що стосується взаємодії з продуктом

Додатковий компонент інтерфейсу

Pen Tool

• Frame Tool

Prototype Tool

Яскравість кольорів

Зручність використання

Наявність анімацій

Готовий вебсайт

Чорновий макет інтерфейсу для показу структури

Інструмент для анімації

Простота, інтуїтивність, зручність

Яскравість, кольоровість, велика кількість анімацій

Швидкість розробки, низька ціна

• Складність, унікальність, інтерактивність

• Повна версія готового продукту

Попередній етап проектування, що відображає функціональність інтерфейсу

Інструмент для програмування

• Система для тестування користувачами

Інструменти малювання та форми

• Віджети для автоматизації коду

• Моделі для анімацій

Системи для управління проєктами

Вибрати інструмент для малювання фігури, наприклад, прямокутник, і додати текст

Використовувати шаблони для кнопок з бібліотеки

Завантажити кнопку з інтернету

Вставити готову картинку кнопки

Компоненти, які складаються з декількох елементів інтерфейсу та дозволяють їх повторно використовувати

• Окремі фрагменти тексту

Спеціальні функції для роботи з анімаціями

Стилі для текстів у різних частинах інтерфейсу