[MASTER] Thiết kế giao diện người dùng Figma học hỏi trong quá trình thực hành

Figma, hoàn hảo để sử dụng các thành phần!

🙆🏻‍♀ Chào mừng bạn đến với chuyến bay hạng Figma của chúng tôi 🙆🏻‍♂

Chào mừng :) Hành trình lớp Figma của chúng ta bắt đầu ngay bây giờ.

Xin chào. Đây là 'Yeonnam-dong Lee Jae-yong', người sẽ cùng học lớp Figma với các bạn. Tôi là người sáng tạo trên YouTube và hiện đang giảng dạy FIGMA, SKETCH, ADOBE XD và UI/UX cho các nhà thiết kế cả trực tuyến và ngoại tuyến trong nhiều lớp thiết kế khác nhau.

Ưu điểm của lớp học ngoại tuyến là bạn có thể vừa học vừa thở, nhưng dường như luôn có một sự tiếc nuối dai dẳng rằng bạn không thể hít thở cùng những người ở xa. Inflearn đã chuẩn bị một giải pháp giúp bạn có thể dễ dàng và thuận tiện tham gia các bài giảng Figma mọi lúc, mọi nơi.

"Sự khác biệt giữa người bắt đầu và người không bắt đầu giống như sự khác biệt giữa trời và đất."

🗒 FIGMA, đầy đủ các mặt hàng của Mỹ được ưa chuộng tại Hoa Kỳ

Figma gần đây đã thu hút sự chú ý của nhiều nhà thiết kế quốc tế như một công cụ thiết kế thay thế cho Sketch và AdobeXD. Bởi vì bạn có thể tạo ra các nguyên mẫu chất lượng cao chỉ bằng các thao tác đơn giản, mà không cần phải mã hóa khó khăn hay giao diện người dùng phức tạp như Framer. Bạn có thể tạo ra các kết quả thiết kế cấp cao mà không cần sử dụng plugin và công cụ dựa trên trình duyệt cho phép cộng tác thời gian thực, đồng bộ hóa thời gian thực và các chức năng chuyển giao để tạo điều kiện thuận lợi cho sự cộng tác suôn sẻ giữa các nhà thiết kế và nhà phát triển.

Những người dùng YouTube nước ngoài cũng đang chuyển sang dùng Figma.

🌈 Bậc thầy lớp Figma

Xin chào. Figma là một công cụ thiết kế mới chạy trên trình duyệt. Mặc dù đã nhiều năm trôi qua kể từ khi ra mắt nhưng đây vẫn là một công cụ thiết kế chưa được phổ biến rộng rãi ở Hàn Quốc.

Có nhiều nhu cầu về các công cụ thiết kế mới và bây giờ là lúc bạn phải chọn công cụ phù hợp với mình và tự thiết kế nó, thay vì phải ép mình làm quen với nó.

Một công cụ thiết kế tốt không cải thiện chất lượng thiết kế hay nâng cao kỹ năng, nhưng nếu sử dụng tốt, nó có thể bù đắp những thiếu sót của nhà thiết kế.

Có rất nhiều công cụ khác nhau và có thể khó quyết định sử dụng công cụ nào dựa trên công ty, cá nhân, môi trường và mối quan hệ cộng tác của bạn. Về cơ bản, đây giống như thời kỳ Chiến Quốc đối với các công cụ thiết kế.

Chúng ta hãy cùng nhau bắt đầu và hoàn thành để không bị tụt hậu trong quá trình xây dựng kỹ năng trong giai đoạn chuyển tiếp này và biến những kỹ năng đó thành của riêng mình.

• 🎓Lớp 01 - Sử dụng 100% các thành phần của Figma
  
  
  

Trong quá trình thiết kế màn hình dựa trên THIẾT KẾ VẬT LIỆU, bạn sẽ học cách xử lý nhiều trường hợp khác nhau như một thành phần duy nhất để duy trì tông điệu và cách thức chung của ứng dụng.

• 🎓Lớp 02 - Thiết kế và thành phần đáp ứng

Chúng tôi phát triển các thành phần phản hồi để các thành phần có thể được thay đổi kích thước và sử dụng tùy theo tình huống.

Nội dung trên hệ thống lưới là quá trình học cách áp dụng lưới vào từng thành phần và kết hợp chúng bằng cách sử dụng chức năng lưới có thể áp dụng riêng cho từng khung hình.

• 🎓Lớp 03 - Bố trí tự động

Tính năng Auto Layout được giới thiệu trong Figma cung cấp một cách mới để dễ dàng tạo các nút đơn giản và xây dựng các thành phần thẻ.

• 🎓Lớp 04 - Làm việc nhanh hơn và hiệu quả hơn! - Cũng bao gồm các plugin
  
  

Chúng ta cũng sẽ xem xét nhiều plugin giúp việc thiết kế bằng Figma trở nên dễ dàng và nhanh hơn.

• 🎓Lớp 05 - Thành phần và Lớp phủ Nguyên mẫu

Tìm hiểu về các tính năng tạo mẫu khác nhau và cách áp dụng tạo mẫu vào các thành phần của bạn.

🙌 Những gì bạn cần để tham gia khóa học này!

Bạn sẽ cần một chiếc PC hoặc máy tính xách tay đã cài đặt Figma.

Figma là một công cụ thiết kế miễn phí.
Tải xuống miễn phí và nhanh tay đăng ký!

🙋🏻‍♂️ Tôi có một câu hỏi!!

H. Đây là lần đầu tiên tôi học thiết kế. Có khó không?

A. Đây là bài giảng mà ngay cả những người không chuyên về thiết kế cũng có thể dễ dàng lắng nghe. Lớp học này được cung cấp ở các cấp độ từ cơ bản đến trung cấp.

B. Khóa học nâng cao này dựa trên giả định rằng bạn đã có hiểu biết cơ bản về Figma và là phần tiếp theo của khóa học cơ bản.

H. Tại sao học Figma lại tốt?

A. Figma không phải là một công cụ thiết kế cũ. Việc sử dụng khung thay vì bản vẽ có nghĩa là Figma thiết kế theo hướng "chuyển động" khác với các công cụ thiết kế truyền thống. Các tương tác nhỏ trở nên quan trọng hơn và hiệu ứng chuyển tiếp có thể mang lại khả năng sử dụng tốt hơn.

H. Có thể sử dụng máy tính chạy Windows không?

A. Figma là một công cụ chạy trên trình duyệt. Có sẵn cho mọi hệ điều hành. Nó hoạt động trên Mac, Linux, Windows, Chrome, v.v. :)

Xin chào! Mọi người đều là 'Yeonnam-dong Lee Jae-yong'

Tôi đã viết một cuốn sách về ứng dụng phác thảo có tên là Delicious Sketches vào năm 2017. Đây là một bài viết kém, không bán được nhiều như thời gian tôi bỏ ra 😢😢 Khi điều hành một công ty CNTT, tôi đã biết đến các công cụ thiết kế và với tư cách là một nhà thiết kế, tôi thích chia sẻ kiến ​​thức tích lũy được và tạo ra những ý tưởng tốt hơn trong khi hoàn thành nội dung tôi đã tự thiết kế thành một dịch vụ ứng dụng thực tế. Tôi cảm thấy điều đó.

Gần đây, tôi đã viết một cuốn sách có tên là FIGMA Guidebook và tôi sẽ giải thích nội dung của cuốn sách :) Đây là bài giảng trực tiếp từ tác giả!

Tôi hoàn toàn hiểu được cảm giác choáng ngợp khi lần đầu tiên bạn sử dụng Figma. Nếu bạn làm theo từng bước một cách chậm rãi, bạn sẽ sớm quen dần và trở nên giống như một chuyên gia.

Bắt đầu ngay bây giờ. Có một sự khác biệt rất lớn giữa những người bắt đầu và những người không bắt đầu.