Зміст курсу
UI/UX з Figma
UI/UX з Figma
1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
Форми
Малювання фігур
Навчіться створювати фігури за допомогою інструментів, таких як прямокутник, еліпс, багатокутник, лінія або зірка. Натисніть і перетягніть, щоб вільно намалювати фігуру, утримуючи Shift для обмеження пропорцій (наприклад, ідеальний квадрат або коло) або Alt/Option для розширення фігури від центру.
Регулювання розмірів і пропорцій
- Використовуйте значок ланцюга в панелі макета, щоб обмежити або роз'єднати пропорції під час зміни розміру фігур;
- Регулюйте непрозорість, щоб змінити прозорість фігури;
- Змініть радіус кутів для закруглених країв, з можливістю встановлення окремих значень для окремих кутів, якщо це потрібно.
Додавання заливок і обведень
Фігури можна налаштувати за допомогою:
- Заливки: застосовуйте суцільні кольори, градієнти або регулюйте непрозорість заливки;
- Обведення (межі): налаштуйте положення (всередині, центр, зовні), товщину (вага) і стиль (суцільний, пунктирний, крапковий). Ви також можете налаштувати параметри тире і проміжків для створення власних візерунків;
- Лінії: включають додаткові параметри, такі як початкові та кінцеві точки (наприклад, стрілки, кола).
Ефекти та покращення
Додайте ефекти до фігур для покращення візуального вигляду:
- Тіні та внутрішні тіні для глибини;
- Розмиття та розмиття фону для полірованого вигляду.
Редагування векторних фігур
Щоб редагувати векторну фігуру:
- Двічі клацніть на фігурі або натисніть значок Редагувати об'єкт у панелі дизайну, щоб увійти в режим ізоляції;
- Використовуйте інструмент вигину, щоб створювати криві та налаштовувати векторні точки за потреби;
- Вийдіть з режиму редагування, клацнувши на порожньому просторі або натиснувши кнопку X.
Дотримуючись цих технік, ви можете створювати та налаштовувати фігури з точністю та креативністю.
Якщо ви хочете дізнатися більше про векторну графіку та растрові зображення, рекомендую ознайомитися з розділом Растр проти Вектора у курсі Основи Adobe Illustrator.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 3