강의

멘토링

커뮤니티

Design

/

UI/UX

Khóa học thạc sĩ ProtoPie

Chúng tôi sử dụng công cụ ProtoPie, công cụ tạo mẫu mạnh mẽ, theo hình thức hội thảo từ đầu đến các kỹ năng thực tế.

(4.9) 12 đánh giá

165 học viên

Độ khó Cơ bản

Thời gian 12 tháng

  • mc
ProtoPie
ProtoPie
ProtoPie
ProtoPie

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

  • Cách sử dụng cơ bản của ProtoPie

  • Tạo mẫu hiệu quả kết hợp với Figma

  • Nguyên mẫu sử dụng cảm biến trên thiết bị di động

ProtoPie, công cụ tạo mẫu tốt nhất
Từ kiến thức cơ bản đến kỹ năng thực tế! 🌠

Không cần mã hóa phức tạp
ProtoPie để tạo mẫu 🪄

ProtoPie cho phép các nhà thiết kế tạo ra các thiết kế tùy chỉnh mà không cần sự trợ giúp của nhà phát triển.
Bạn có thể áp dụng phản hồi của khách hàng trước khi phát triển!
Chúng tôi cung cấp công cụ giao tiếp thông suốt với các nhà phát triển.
Đây là công cụ hoàn hảo cho xu hướng phát triển giao diện người dùng không trực tiếp hiện nay.

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

📝
Phương pháp thực hành

🧑‍💻
Ví dụ thực tế

🍯
Truyền đạt nhiều mẹo khác nhau


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


Lần đầu tiên sử dụng ProtoPie
Những người bạn tiếp xúc


Tạo ra sản phẩm thiết kế hiệu quả
Bất kỳ ai muốn thuyết trình


Với các nguyên mẫu tương tác
Một bài thuyết trình ấn tượng
Bất cứ ai muốn làm điều đó


Để xác minh khả năng sử dụng của UI
Nguyên mẫu chi tiết
Bất cứ ai có nhu cầu

🎓 Mối quan tâm của sinh viên

"Đây là lần đầu tiên tôi làm việc này. Liệu tôi có thể làm tốt không?"

👨‍🏫 Cách giải quyết mối quan tâm của học sinh

Bạn có thể học bằng cách thực hành từng bước, từ cơ bản đến nâng cao.


Học cái này 📚

1. Giới thiệu ProtoPie và tạo giao diện người dùng cuộn trang

  • Giới thiệu về ProtoPie, các tính năng, phạm vi sử dụng, cấu trúc màn hình, Thanh trạng thái hệ thống và màn hình xem trước
  • Nhập thiết kế Figma vào ProtoPie
  • Tạo giao diện người dùng cuộn trang: Tạo màn hình hướng dẫn

2. Tạo giao diện người dùng cho các nút, chuyển đổi màn hình và cuộn thẻ

  • Thêm chuyển tiếp/tương tác màn hình với trình kích hoạt tab
  • Điều chỉnh giá trị nới lỏng cho chuyển động tự nhiên
  • Sử dụng các vật thể trong suốt
  • Tạo giao diện người dùng cuộn thẻ / cuộn dọc

3. Tạo điều hướng tab

  • Sử dụng chồng chéo các vùng chứa cuộn và phân trang
  • Tạo điều hướng tab bằng cách sử dụng các container cuộn trang và chuỗi

4. Chia sẻ nguyên mẫu và sử dụng ứng dụng ProtoPie Player

  • Bản ghi chia sẻ và tương tác trên đám mây
  • Giới thiệu và sử dụng ứng dụng di động ProtoPie Player

5. Tương tác tiêu đề và kéo cò

  • Tương tác tiêu đề bằng cách sử dụng chuỗi/kéo
  • Tương tác tiêu đề bằng TouchVelocity
  • Tạo menu ngữ cảnh xuất hiện khi bạn trượt danh sách

6. Giao tiếp với các thành phần tương tác

  • Nhóm khu vực hành động
  • Tạo thành phần hộp kiểm bằng cách sử dụng Điều kiện
  • Kiểm soát và giao tiếp thông qua Gửi/Nhận Triggers

7. Tương tác sử dụng Biến (1)

  • Tương tác cuộn trang ngược
  • Sử dụng hiệu ứng làm mờ nền iOS
  • Biểu thị đầu vào mật khẩu màn hình đăng nhập bằng cách sử dụng các biến
  • Hiển thị các giá trị biến đổi trên màn hình

8. Tương tác sử dụng Biến (2)

  • Tương tác trong đó giá trị thay đổi theo thanh trượt
  • Tương tác vi mô ở menu dưới cùng
  • Tương tác thẻ xoay 3D

9. Tương tác sử dụng Biến (3)

  • Tạo tương tác đồ thị tròn
  • Đặt giá trị cuộn của màn hình vào một biến và xem nó
  • Tương tác sử dụng Phạm vi

10. Sử dụng kích hoạt Input/Return và hoạt ảnh lặp lại

  • Sử dụng trường nhập liệu và bàn phím thiết bị
  • Thực hành màn hình nhập mật khẩu
  • Hoạt ảnh dòng thời gian: hiệu ứng lặp lại, v.v.

11. Sử dụng điều khiển video và hoạt ảnh vector

  • Kiểm soát tập tin video
  • Sử dụng hoạt ảnh LottiesFiles: tệp json
  • Nhập các hiệu ứng chuyển tiếp màn hình được tạo trong Figma: Smart Transition

12. Sử dụng cảm biến thiết bị và hiệu ứng chuột

  • Giao diện người dùng bản đồ
  • Hiệu ứng di chuột qua/ra, thiết kế con trỏ chuột
  • Nguyên mẫu tìm kiếm âm nhạc, nguyên mẫu đo tiếng ồn và nguyên mẫu nhận dạng giọng nói

Câu hỏi dự kiến Hỏi & Đáp 💬

H. Tôi có thể thành thạo ProtoPie 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 ngay vào công việc của mình.

H. Khóa học này có bao gồm tất cả các tính năng của ProtoPie không?

Khóa học này là khóa học thực hành theo kiểu hội thảo, do đó không đề cập đến mọi tính năng của ProtoPie, nhưng sẽ đề cập đến hầu hết các tính năng thường dùng nhất.

H. ProtoPie có thể sử dụng trên Windows không?

ProtoPie không phụ thuộc vào hệ điều hành và có thể sử dụng trên cả Mac và Windows.

✅ Vui lòng kiểm tra trước khi tham gia lớp học

Do chính sách gói miễn phí của ProtoPie có thay đổi, số lượng cảnh được phép trong một tệp hiện bị giới hạn ở mức hai. Xin lưu ý rằng các lớp được đề cập bên dưới có thể không khả dụng trong gói miễn phí .

Phần 2 - Bắt đầu với ProtoPie

  • Ví dụ 2-4 sử dụng tới 4 cảnh, do đó cần có gói trả phí để đảm bảo tiến trình diễn ra suôn sẻ.
  • Trong bài học thứ hai, bạn có thể cần tải ba màn hình hướng dẫn cùng một lúc, nhưng trong gói miễn phí, bạn có thể chỉ cần tải từng màn hình một.
  • Nếu bạn muốn theo dõi phần còn lại của các cảnh khác ngoài hai cảnh được phép trong gói miễn phí (ví dụ: Hướng dẫn và Chính), bạn có thể xóa các cảnh bạn đã làm việc trước (ví dụ: Hướng dẫn và Menu đầy đủ) rồi tiếp tục.

Phần 3 - Làm quen với ProtoPie

  • Ví dụ 6 sử dụng ba Cảnh để triển khai các tương tác tiêu đề theo nhiều cách khác nhau.
  • Tuy nhiên, vì không có sự tương tác giữa các cảnh nên bạn có thể tiếp tục lớp học bằng cách làm theo cùng một cảnh mà bạn đang thực hiện.

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

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

  • Bất kỳ ai muốn tạo một bài thuyết trình ấn tượng bằng nguyên mẫu tương tác

  • Những người cần một nguyên mẫu chi tiết để xác minh khả năng sử dụng thực tế của giao diện người dùng

Cần biết trước khi bắt đầu?

  • Sẽ dễ dàng hơn nếu bạn biết cách sử dụng công cụ Figma vì nó được liên kết với công cụ Figma trong Bài giảng 1. (Tuy nhiên, trong quá trình học, bạn sẽ không gặp vấn đề gì nếu bạn không biết cách sử dụng công cụ Figma.)

Xin chào
Đây là

165

Học viên

12

Đánh giá

23

Trả lời

4.9

Xếp hạng

1

Khóa học

안녕하세요.

디지털 에이전시 인픽스 크리에이티브 디자인그룹 그룹장 안명철 입니다.

내부 직원들을 교육하다가 이렇게 온라인 강의도 올리게 되었습니다.

저의 툴 강의를 통해 UI/UX 디자인을 하는 분들께 도움이 되면 좋겠습니다. 

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

Tất cả

13 bài giảng ∙ (7giờ 54phú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ả

12 đánh giá

4.9

12 đánh giá

  • overbold9326님의 프로필 이미지
    overbold9326

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Việc bạn giải thích từng chi tiết khi sử dụng công cụ giúp tôi hiểu rất dễ dàng. Dựa trên bản cập nhật tháng 3 năm 2025, UI của Protopie có một vài điểm khác biệt nhỏ so với phiên bản trong bài giảng, nhưng không ảnh hưởng đến việc học. Nếu bạn đang cân nhắc tham gia khóa học thì có thể tham khảo điều này nhé!

    • mcfid
      Giảng viên

      ProtoPie cập nhật nên chính sách gói miễn phí và UI có chút thay đổi, tôi đã lo lắng nhưng thật may vì bạn đã học tốt, cảm ơn bạn. Mong rằng nó sẽ giúp ích cho công việc của bạn.

  • hanbyeoldesign0151님의 프로필 이미지
    hanbyeoldesign0151

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • mcfid
      Giảng viên

      Cảm ơn bạn đã tham gia khóa học~~

  • wjddmsdk7772478님의 프로필 이미지
    wjddmsdk7772478

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Tôi hiểu rất rõ khi tự tay làm và theo dõi bài giảng!

    • mcfid
      Giảng viên

      Xin chào. Cảm ơn bạn đã tham gia khóa học và để lại đánh giá! Hy vọng sẽ giúp ích cho công việc của bạn~

  • jj9805120825님의 프로필 이미지
    jj9805120825

    Đánh giá 1

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    100% đã tham gia

    Nhờ vậy mà tôi đã hiểu rõ cách hoạt động của ProtoPie.

    • mcfid
      Giảng viên

      Cảm ơn bạn đã tham gia khóa học và viết đánh giá~ Hy vọng khóa học đã hữu ích cho bạn!

  • yapnini3552님의 프로필 이미지
    yapnini3552

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • mcfid
      Giảng viên

      Tôi rất vui vì có vẻ như điều này hữu ích cho bạn. Cảm ơn bạn~

Ưu đãi có thời hạn, kết thúc sau 4 ngày ngày

53.900 ₫

30%

1.610.310 ₫

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!