Tin mới nhất

Menu

Browsing "Older Posts"

Bài Viết Về Chủ Đề " Design System "

Chia Sẻ Khóa Học Xây Dựng Design System Trong Figma Từ Đầu - Làm Chủ UI UX [Khóa 6267 A]

26 tháng 12 2024 / No Comments

Hướng dẫn từng bước về cách tạo tất cả các phần của Design System bằng Figma - Các nguyên tắc thiết kế, Token và Theming.

Những gì bạn sẽ học được:

  • ✓ Xây dựng Design System đầu tiên của bạn trong Figma từ đầu.
  • ✓ Design Principles + Purpose Statement của Design System của bạn.
  • ✓ Xây dựng Color System, Typography System, Layout/Grids và nhiều hơn nữa.
  • ✓ Tạo các Button +Form với trạng thái của chúng cùng với các Bigger Component.
  • ✓ Sử dụng nâng cao các Swap-able Component, Icon bên trong các button và form.

Nếu bạn là UI UX Designer và không sử dụng một Design System khi thiết kế, thì bạn sẽ trở nên lỗi thời sau vài năm. Nâng cao trò chơi thiết kế của bạn lên CẤP ĐỘ CHUYÊN NGHIỆP với Design System này cùng Figma. Khóa học này sẽ hướng dẫn bạn từng bước và sẽ dạy bạn các ví dụ thực tế về cách bắt đầu tạo một Design System. 7 bước bạn cần thực hiện để tạo một Design System là gì? Làm thế nào để bạn kết hợp các team design, development, marketing và manager của mình lại với nhau để tạo ra các nguyên tắc thiết kế.

Trong khóa học này, bạn sẽ học tất cả các lý thuyết cùng với các ví dụ thực tế về các Design System, các component, benefit và output của chúng.

Bạn sẽ học về:

  • ✓ Design Principles và cách thực hiện.
  • ✓ Purpose Statement trong Design System.
  • ✓ Thiết kế đầu tiên hoặc tạo một Design System đầu tiên.
  • ✓ Tokens, Values và cách sử dụng theming dark và light trong Design System.
  • ✓ Generate Color System với color scales và color styles.
  • ✓ Tạo Typography system với Type Scales và Styles.
  • ✓ Icon System, Grids và Layout System.
  • ✓ Buttons, Chips và Info bars với Swappable Icons.
  • ✓ Sử dụng nâng cao Auto layout, Components và Variants trong Figma.
  • ✓ Xem cách chúng tôi sử dụng Spacing System trong Figma.
  • ✓ Sử dụng Emojis và tạo Hyperlinks bên trong các Figma page/file.

5 Bài tập để bạn thực hành và cho tôi xem Design System của bạn bằng cách sử dụng Figma file links.

Vậy hãy cùng học các kỹ năng Figma cấp độ chuyên nghiệp để tạo ra một design system và có được công việc mơ ước của bạn với tư cách là một UX UI Designer.

Mục lục:

  • ✓ 01 - Giới thiệu về Design Systems.
  • ✓ 02 - Các Component của Design System.
  • ✓ 03 - Xâu dựng Design System trong Figma - Từng bước.

Khóa học này dành cho ai:

  • ✓ UI Designer.
  • ✓ UX Designer.
  • ✓ Web Developer.
  • ✓ Web Designer.
  • ✓ Graphic Designer.
  • ✓ Product Manager.


NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU 



Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.