Course Information
- 22 May 2024 (Wed) - 5 Jun 2024 (Wed) 7:00 PM - 10:00 PM
Course Overview
igma 是現時最熱門的設計軟件之一。根據調查報告,Figma 已經超越了 Sketch 成為業界使用工具第一名。它的即時同步與協作功能,讓設計師們能夠即時尋求團隊夥伴對於設計稿的反饋,減少大量溝通成本並能快速迭代設計。從設計到規格交付整個流程都直接整合在同一個工具裡,不需要像以往一樣切換不同工具,也大幅提升工作效率。
Feva Works 特別推出《Certificate in Interactive Design using Figma Professional》重點教授 Figma 如何設計不同種類設計,詳細講解當中設計概念,操作方式,動態過場等技巧。有志投身設計行業不容錯過。
What You’ll Learn
課程內容
Module 1 - Basic skills on Figma
Installing & signing up for Figma
Ways to Subscribe a plan (students are required to join Figma Professional subscription)
Create, Open & Save file
Drawing Shapes
Text and fonts
Spacing & Alignment
Using Frames
Basic Auto Layout
Create Fill, Stroke & Effects Styles
Useful plugins for Figma
Module 2 – Advance Scrolling Effects
Responsive Auto Layout (Wrap)
Horizontal and Vertical Scroll Effects with Auto Layout
Parallax Effect on Scrolling
Module 3 - Image Slider Animation
Building Image Slider with Auto Layout
Create button component variant
Building interactive prototype on thumbnails
Building interactive prototype on large image slider
Building eCommerce product size picker
Module 4 – Building Functional Text Input Prototype
Designing the input field
What’s a Variable
Creating string variable in the field
Prototype the active state for input
Adding keyboard interactions
Adding interactive Delete text function
Building a prototype with login name on welcome screen
Module 5 – Prototype eCommerce Shopping cart checkout
Design & Prototype an interactive counter
Create Conditional expressions in prototype
Set variables for price
Create checkbox component with Boolean variable