강의

멘토링

로드맵

Design

/

UI/UX

Tạo MVP bằng Hệ thống thiết kế thành phần nguyên tử Figma

Đây là lớp học mà bạn sẽ hoàn thành MVP từ khâu lập kế hoạch đến thiết kế bằng hệ thống thành phần nguyên tử. Bạn sẽ có thể hiểu và sử dụng các thành phần thiết kế.

(5.0) 1 đánh giá

50 học viên

  • Hagiro
피그마UI
피그마클래스
아토믹디자인
디자인 시스템
Figma
Atomic Design
Design System
Mobile App Design

Dịch cái này sang tiếng Việt

  • cơ bản về figma

  • hệ thống thành phần

  • Lập kế hoạch MVP

  • quy trình linh hoạt

  • Thiết kế nguyên tử

Xây dựng MVP với Hệ thống thành phần thiết kế nguyên tử của Figma



Chúng ta đang sống trong thời đại mà AI có thể thiết kế, sao chép và lập trình chỉ trong một giây.
Một nhà thiết kế chỉ biết thiết kế / một nhà lập kế hoạch chỉ biết lập kế hoạch / một nhà phát triển chỉ biết phát triển
Chúng ta không thể tồn tại trong thời đại AI nữa.


Làm thế nào để tôi có thể trở nên "không thể thay thế"?
Tìm hiểu các phương pháp linh hoạt để tạo MVP và xác minh giả thuyết một cách nhanh chóng và hiệu quả.

Cuối cùng , một sản phẩm (MVP) không có kế hoạch chỉ là một cái vỏ bọc. Bảy trong số mười dịch vụ sẽ biến mất trong vòng năm năm. Điều này là do việc lập kế hoạch, thiết kế, phát triển và mô hình kinh doanh đều là những thực thể riêng biệt.


Nếu bạn có được kỹ năng tạo MVP nhanh chóng bằng cách sử dụng hệ thống thành phần của figma,
Bạn sẽ có thể tạo ra một sản phẩm mỗi tháng!
Tôi cũng đang sử dụng bộ thành phần Figma do tôi tạo ra để liên tục ra mắt sản phẩm, đôi khi trong vòng một tháng, đôi khi trong vòng một quý. Hãy xem MVP của Ha-Ro .

Tôi giới thiệu điều này cho những người này

Các nhà thiết kế UI hiện tại/tương lai muốn học cách sử dụng Figma và các thành phần.

Những nhà sản xuất muốn tìm hiểu toàn bộ quy trình sản xuất sản phẩm và gia tăng giá trị của chúng

Các chuyên gia khởi nghiệp đầy tham vọng/hiện tại muốn tạo ra MVP


Sau giờ học

  • Figma cho phép bạn lập kế hoạch và thiết kế MVP cho thiết bị di động của mình.

  • Thay vì chỉ sao chép lại một thứ gì đó, bạn có thể hiểu tại sao mình nên làm theo cách đó.

  • Tận dụng tối đa các tính năng độc đáo của Figma và ngừng việc nghiền ngẫm.

  • Bạn sẽ có thể hiểu và sử dụng các thư viện UI và hệ thống thiết kế nguyên tử.

  • Bạn có thể nhanh chóng nắm bắt được bản chất của toàn bộ quy trình thiết kế và lập kế hoạch dịch vụ Agile/Lean Startup.

  • Ngay cả khi bạn không phải là nhà thiết kế, bạn vẫn có thể vẽ khung lưới trong Figma.

  • Điều này sẽ cho phép bạn sử dụng mã nguồn mẫu của cộng đồng Figma một cách thoải mái hơn.

Các tính năng của khóa học này

Tìm hiểu cách xác định vấn đề, phác thảo và quy trình thiết kế của một nhà thiết kế có 10 năm kinh nghiệm.

Tỷ lệ lý thuyết và thực hành là phù hợp.

Các ví dụ thiết kế khá đẹp

Tôi sẽ cung cấp cho bạn một mẫu thành phần mà bạn có thể sử dụng để tạo MVP ngay lập tức.

Tìm hiểu về những điều này

Chắc chắn là bạn không còn xây dựng nó theo từng lớp nữa chứ?

Bạn đang vẽ khung trước rồi mới thêm đối tượng sao? Bạn vẫn đang thiết kế bằng nét vẽ, phải không? Nếu bạn sử dụng Auto Layout nhưng chưa hiểu hết về nó, bạn có thể tìm hiểu một số mẹo hữu ích.

Nó bắt đầu bằng shift + a, không phải R hoặc A.

Các thành phần Biến thể, Hoán đổi thể hiện, Boolean và Nguyên tử

Tìm hiểu những kiến thức cơ bản về thành phần: cách sử dụng biến thể, hoán đổi thể hiện, thành phần linh hoạt với Boolean và hệ thống thiết kế nguyên tử, một thành phần trong một thành phần. Thành phần nguyên tử phân chia một thành phần đơn lẻ thành các nguyên tử và phân tử. Hãy tìm hiểu một trong những phương pháp phát triển hướng đến hiệu quả tối ưu! (Lưu ý: Hệ thống nguyên tử là một phương pháp thiết kế/phát triển, không phải là công nghệ tối thượng.)

Bạn sẽ có thể hiểu và kiểm soát các nguồn thành phần khác.

Chúng tôi sẽ hướng dẫn bạn từng bước trong quy trình thiết kế, nhiều lần.

Bước 1: Thiết kế với lớp nền
Bước 2: Thiết kế với Auto Layout
Bước 3: Sử dụng các biến thể và Boolean
Bước 4: Chèn các thành phần vào trong các thành phần (thiết kế nguyên tử).

Tôi đã thiết kế nó để bạn có thể thiết kế dựa trên thành phần 100%. Hơn nữa, bạn sẽ được học lý do tại sao thư viện UI lại cần thiết và thiết kế dựa trên thành phần thực sự có nghĩa là gì.

Thiết kế dựa trên 100% thành phần

PO / Designpreneur có 10 năm kinh nghiệm làm nhà thiết kế.

  • Nhờ kinh nghiệm làm việc tại các công ty khởi nghiệp và đại lý ban đầu, tôi nhận ra rằng có những phương pháp lập kế hoạch/thiết kế dịch vụ phù hợp với quy mô và tôi đã phát triển phương pháp riêng để tạo MVP bằng chính kiến thức chuyên môn của mình.

  • Là thành viên đầu tiên, tôi đã đạt được vòng gọi vốn Series B, là thành viên sáng lập, tôi đã đạt được vòng gọi vốn BEP, và là một doanh nhân thiết kế, tôi đang trên hành trình tự lực cánh sinh với quy trình trọn gói từ lập kế hoạch đến thiết kế và tiếp thị.

  • Trung bình mỗi quý chúng tôi ra mắt một sản phẩm.

  • Tôi viết về Brunch .

Bạn có thắc mắc nào không?

Khóa học này không phản ánh giao diện Figma mới nhất tính đến tháng 6 năm 2024. (Không có kế hoạch cập nhật khóa học.) Khóa học này chỉ dành cho những người tò mò về cách tạo và sử dụng các thành phần nguyên tử trong thực tế, chứ không dành cho những người mới làm quen với Figma.

H. Tôi có thể lắng nghe và hiểu điều này ngay cả khi tôi không phải là nhà thiết kế không?

Mặc dù chủ yếu được thiết kế cho các nhà thiết kế, khóa học này cũng dành cho những ai muốn xây dựng MVP. Khóa học này lý tưởng cho những ai quan tâm đến việc tự khởi nghiệp (tự lên kế hoạch và ra mắt sản phẩm), trở thành thành viên sáng lập, hoặc phát triển sản phẩm bằng phương pháp Agile. Vì hướng đến người mới bắt đầu, các bài giảng lý thuyết rất rộng và dễ tiếp cận với tất cả mọi người. (Người học trung cấp có thể thấy khóa học này khá khó.)

H. Chương trình đào tạo Figma tập trung vào lý thuyết hay thực hành?

Trọng tâm là các bài học thực hành về Figma. Thay vì chỉ đọc lý thuyết suông, tôi tin rằng việc cung cấp nền tảng vững chắc về các nguyên tắc cơ bản của Figma là rất quan trọng. Phần linh kiện được thiết kế với giả định rằng người mới bắt đầu sẽ hiểu sâu hơn về linh kiện thông qua việc học đi học lại, từ cấp độ khó 1 đến 5, về thiết kế nguyên tử. Những người mong đợi một bài giảng đơn giản, dễ nghe có thể thấy khó khăn. Nếu không thực hành, bạn sẽ chẳng thu được gì nhiều!

H. Khóa học này khác với các khóa học Figma khác như thế nào?

Chúng tôi tập trung giải thích "lý do" đằng sau mỗi bước. Thay vì chỉ nói "Cứ làm theo thôi", chúng tôi sẽ giải thích lý do tại sao bạn nên làm điều này và cách bạn sẽ đạt được kết quả mong muốn!

Những điều cần lưu ý trước khi tham gia khóa học

Sự chuẩn bị

  • Tất cả những gì bạn cần là sự tò mò và đam mê khám phá những vùng đất mới. À, và một chiếc máy tính có kết nối internet nữa.

Tài liệu học tập

  • Chúng tôi cung cấp các chuyên mục về bữa sáng muộn và liên kết đến YouTube.

  • Bạn có thể tải xuống các tệp PDF được sử dụng trong video.

Kiến thức và biện pháp phòng ngừa của người chơi

  • Bạn có thể tự do chỉnh sửa và thay đổi các mẫu UI được cung cấp.

  • Không được phép chia sẻ mẫu UI.

  • Độ khó của bài giảng có thể khác nhau tùy thuộc vào kiến thức cơ bản, trình độ và mong muốn học tập của bạn.

  • Đây không phải là một cấp độ dễ hay thân thiện và có thể hơi nhanh.

Khuyến nghị cho
những người này

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

  • Có ai mới biết về Figma không

  • Những người muốn lập kế hoạch và thiết kế MVP cùng một lúc

  • Những người tò mò về lý do tại sao mọi việc cần phải được thực hiện theo cách đó

  • Các nhà lập kế hoạch, nhà phát triển và nhà tiếp thị tò mò về quy trình thiết kế thực tế

  • Bất cứ ai muốn hiểu thực tiễn quy trình linh hoạt

Xin chào
Đây là

10년차 디자이너 출신의 PO / Designpreneur.

  • 초기 스타트업과 에이전시 경험을 통해 규모에 적합한 서비스 기획/디자인 방법론이 따로 있다는 것을 깨닫고 자신만의 노하우로 mvp 제작법을 개발했습니다.

  • 초기멤버로서 시리즈 B, 창업멤버로서 bep 달성, 디자인 창업가로서 기획부터 디자인, 마케팅까지 올인원 프로세스로 부트스트래핑 여정 중입니다.

  • 평균 1분기에 1개의 프로덕트를 런칭합니다. 하기로의 mvp 원씽메모

  • 브런치에서 글을 씁니다.

Chương trình giảng dạy

Tất cả

31 bài giảng ∙ (5giờ 27phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

1 đánh giá

5.0

1 đánh giá

  • cornet님의 프로필 이미지
    cornet

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Thật tuyệt khi nó không chỉ là về thiết kế.

    • hagironow6901
      Giảng viên

      Cảm ơn bạn đã để lại nhận xét sau khi hoàn thành khóa học :))

    • Phần ôn tập bài giảng quá đơn giản so với nội dung bài giảng. Với tư cách là một nhà xuất bản trước đây, tôi tham gia lớp học vì tôi muốn tìm hiểu thêm về Figma trong khi phát triển các mặt hàng mới. Là một nhà thiết kế lành nghề, việc thiết kế màn hình có thể khó nhưng tôi tin chắc rằng cấu hình màn hình cần thiết để phát triển sẽ không khó. Tất nhiên nội dung của bài giảng figma rất hay, nhưng thật tuyệt khi nó được giải thích liên quan đến thiết kế và tiến bộ thực tế, và tôi thích nội dung thực tế phản ánh các xu hướng gần đây. Thật tốt khi nghe bài giảng này, một bộ thư viện cơ bản nhất khi sử dụng Figma đã được tạo ra. Những bài giảng và giải thích ngắn gọn của giáo viên cũng rất hữu ích. Nếu bạn đang chuẩn bị cho những bài giảng khác, tôi rất mong chờ nó. Cảm ơn

2.029.493 ₫

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!