Làm việc hiệu quả bằng cách sử dụng các thành phần và Bố cục tự động
Tạo và chia sẻ nguyên mẫu
Có quá muộn để học Figma bây giờ không? Không! Từ kiến thức cơ bản đến thực hành, tất cả trong một bài giảng✌️
Từ cách sử dụng Figma đến các kỹ năng thực tế! 👯
Giờ là thời đại của làm việc từ xa! Với nhu cầu ngày càng tăng về một công cụ cộng tác UI tối ưu cho thời đại này , sự quan tâm đến Figma cũng tăng theo. Với thị phần bùng nổ của Figma, không ngoa khi nói rằng giờ đây nó đã trở thành công cụ thiết yếu cho các nhà thiết kế UI. Tuy nhiên, ngay cả khi bạn chỉ tham gia một khóa học nhập môn, việc áp dụng ngay vào thực tế thường rất khó khăn.
Khóa học nàydành cho người mới bắt đầu, nhưng cũng là một khóa học nâng cao, giúp bạn rèn luyện các kỹ năng thực hành! Vì khóa học bao gồm các tính năng của Figma ngay từ đầu, ngay cả những người mới sử dụng công cụ này cũng có thể tham gia. Hãy cùng nhau học hỏi cho đến khi bạn sẵn sàng hoàn thành một dự án UI với Figma nhé.💪
Các tính năng độc đáo của khóa học này ✨
Một lớp học thực hành nơi bạn học bằng cách làm theo
Ví dụ thực tế
Mẹo sử dụng thực tế
Tôi giới thiệu điều này cho những người này 🙋♀️
Pirin
Người mới bắt đầu muốn học Figma
Dự án
Bất kỳ ai cần làm việc trên một dự án UI với Figma
Tràn đầy đam mê
Những người thực hành sử dụng các công cụ khác nhưng quan tâm đến Figma
Học cái này 📚
🌿Bài 1: Giới thiệu về Figma
Các tính năng và sự khác biệt của Figma so với các công cụ UI khác
Hướng dẫn màn hình Figma
Lịch sử phiên bản
Dự án nhóm, mời các thành viên trong nhóm
Ứng dụng di động Figma
🌿Thiết lập khung hình sông thứ 2
Chuẩn bị cho công việc: Lưới bố trí, Đường hướng dẫn
Tận dụng cộng đồng: Sử dụng các tài nguyên như Bộ công cụ UI
🌿3Công cụ tạo hình dòng sông
Hình chữ nhật, Đường thẳng, Mũi tên, Hình elip, Đa giác, Ngôi sao, Đặt hình ảnh
Tô / Nét
Hiệu ứng: Bóng đổ, Làm mờ
Sử dụng phong cách: Màu sắc, Hiệu ứng
Sử dụng mặt nạ
Tạo nhóm
🌿Bài 4 Văn bản
Hộp văn bản
Sử dụng Plugin: Content Reel
Sử dụng Style
Thực hành sử dụng Khung và Văn bản
🌿Bài 5: Công cụ vẽ
Cách sử dụng Bút
Boolean
Thay đổi kích thước bằng công cụ Scale
Thực hành sáng tạo biểu tượng
🌿Thành phần thứ 6
Chuyển đổi các thành phần chung thành các thành phần: tiêu đề, chân trang
Cài đặt ghi đè thành phần
Tạo thành phần nút
Hàm biến thiên
🌿Bài 7 Bố cục tự động
Thành phần nút sử dụng Bố cục tự động: Một nút tự động thay đổi kích thước
Biến thể cửa sổ bật lên sử dụng Bố cục tự động
Chức năng xuất: Lưu toàn màn hình (khung hình, lát cắt, tài nguyên hình ảnh để phát triển)
Tìm kiếm theo lớp
Menu tài nguyên
Thay đổi bố cục tự động
Thuộc tính Boolean
Figma Jam: Tiện ích điều hướng
🌿 8.Xuất tài nguyên hình ảnh cho Android
Sử dụng Plugin: Xuất tài nguyên Android
Tạo hình ảnh 9Patch
🌿Nguyên mẫu thứ 9(1)
Cuộn ngang: Lăn thẻ
Cuộn dọc: màn hình dài, chỉ định vùng cố định
Chuyển đổi màn hình: Điều hướng đến, Quay lại, Hoạt ảnh thông minh
Lớp nổi
Hiệu ứng di chuột qua
🌿 Bài 10Nguyên mẫu (2): Thành phần tương tác
Cuộn ngang và dọc: Màn hình bản đồ
Thành phần tương tác: Tạo hộp kiểm, công tắc, v.v.
Thêm hình thu nhỏ vào tệp thiết kế của bạn
Câu hỏi dự kiến Hỏi & Đáp 💬
H. Tôi có thể thành thạo Figma chỉ bằng cách tham gia khóa học này không?
Sau khi học khóa học này, bạn sẽ có thể áp dụng kiến thức của mình vào thực tế.
H. Bài giảng này có giúp các nhà lập kế hoạch thiết kế màn hình không?
Các ví dụ trong bài học này sẽ áp dụng trên màn hình có thiết kế, nhưng bạn cũng có thể sử dụng các tính năng tương tự khi tạo bản thiết kế màn hình.
H. Tôi có thể sử dụng Figma trên Windows không?
Figma hoạt động trên mọi nền tảng, bao gồm Mac và Windows, bất kể hệ điều hành. Thậm chí bạn có thể chạy Figma trên trình duyệt mà không cần cài đặt ứng dụng.
Giới thiệu Người chia sẻ kiến thức ✒️
Ahn Myeong-cheol, Infix / Quản lý nhóm thiết kế sáng tạo
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Tôi cần sử dụng Figma để cộng tác dự án.
Tôi tò mò về Figma, công cụ thiết kế phổ biến nhất hiện nay.