Tính khả dụng trong thiết kế UI/UX.
Khóa học thiết kế UI/UX với công cụ Figma từ những giảng viên nổi tiếng trong lĩnh vực thiết kế UI/UX trên thế giới.
Bài học có sẵn phụ đề Tiếng Việt giúp bạn dễ dàng theo dõi, hãy bật nó lên để tiếp thu những kiến thức thật bổ ích
Nội dung trong bài học này:
00:00 – Figma Intro
01:56 – What is Figma? Who does the Coding?
03:55 – Course Project – What we will build?
06:23 – Getting Figma – Registration Process
08:05 – Figma Working Structure
11:14 – Figma in the Browser vs Figma App
12:40 – COURSE MATERIAL
13:53 – Setting up First Frames
16:09 – Useful Shortcuts Pan, Zoom and More
17:50 – Adding Shapes to a Frame
19:38 – Duplicating
21:07 – Drawing in Figma
23:04 – Creating Groups
25:01 – Adding and Styling Text
27:49 – Positioning Alignment and Nudging
29:14 – Changing Colour Strokes and Fills
30:47 – Creating Styles in Figma
33:46 – Working with Components and Instances make into comp and overrides
38:21 – Pages in Figma
41:32 – Creating a Simple Flowchart With a Plugins
44:49 – Figma Community Section
47:30 – Note: Before we start with auto layout
48:42 – Auto Layout Introduction
51:15 – Nested Auto Layout – Building a Nested Card
55:03 – Finishing off Our Wireframe
57:25 – Organizing our File to Start the UI Design
…
We will create a complete mood tracking App from scratch in Figma. We will start with a wireframe and turn it into a real UI design. You can follow along by using my original working file.
TO DOWNLOAD THE EXERCISE FILES, CLICK HERE:
Please note that I only teach in Figma and thus only provide Figma files. We will learn to set up a free Figma account during the first lessons and I will also show you how to import the working material.
The font I am using is a Poppins, a google font. If you have the Figma App installed (don’t worry I will also cover this in more detail), it should show automatically. If you are working with Figma in the browser, please make sure to download and install:
