Detailed Guide to Building Wireframes Using Balsamiq Mockups

Hướng dẫn chi tiết xây dựng Wireframe bằng Balsamiq Mockups

Sử dụng Balsamiq Mockups chuyên nghiệp để tạo wireframe tương tác mà không cần viết code

4.5

(1,088 đánh giá)

5,268 học viên

Giảng viên

Siddharth Srinivasan

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

50.000đ 349.000đ -86%

✓ Xem giỏ hàng và thanh toán

Bao gồm phụ đề tiếng Việt, tiếng Anh

2.0 giờ video

29 bài giảng

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 30/05/2026

#Balsamiq #Ui Ux Design #Web Design #Wireframing

Bạn sẽ học được gì

Áp dụng Tư duy Thiết kế (Design Thinking) để xây dựng website, giải pháp & sản phẩm công nghệ

Thiết kế wireframe website có tính tương tác cao, không cần viết một dòng code nào

Hiểu rõ các thuật ngữ và phương pháp thiết kế quan trọng

Sử dụng công cụ hàng đầu ngành Balsamiq Mockups một cách chuyên nghiệp

Hiểu tại sao UX/UI là yếu tố sống còn khi xây dựng sản phẩm và giá trị mà wireframe mang lại

Yêu cầu

Bạn cần có khả năng sử dụng máy tính PC hoặc Mac

Đối tượng phù hợp

Dành cho bất kỳ ai muốn bước vào lĩnh vực thiết kế UI/UX

Dành cho bất kỳ ai muốn học cách tự xây dựng website, sản phẩm hoặc giải pháp số

Dành cho bất kỳ ai muốn tìm hiểu sâu về wireframing, thành thạo và kiếm sống từ kỹ năng này

Dành cho bất kỳ ai muốn trở thành doanh nhân công nghệ nhưng chưa biết bắt đầu từ đâu

Dành cho người mới bắt đầu trong không gian số

Nội dung khóa học

10 phần • 29 bài giảng

1 Giới thiệu

2 Tại sao nên tham gia khóa học này

3 Mục tiêu khóa học

4 Thiết lập Tên miền

5 Tải công cụ Balsamiq Mockup

1 Tại sao nên học Thiết kế trước

2 Thuật ngữ Thiết kế cơ bản

3 Các loại Website

1 Wireframe là gì?

2 Phân tích Nghiên cứu tình huống

1 Hồ sơ Người dùng cho "PennyPot.Com"

1 Phân tích Website tham khảo

2 Làm quen với Balsamiq

1 Màn hình 1

2 Màn hình 2

3 Màn hình 3

4 Màn hình 3 (Tiếp theo)

5 Màn hình 4

6 Màn hình 5

7 Màn hình 6

8 Menu Hamburger

1 Hiểu về Điểm neo (Anchor Points)

2 Thêm tính tương tác giữa các Màn hình Phần 1

3 Thêm tính tương tác giữa các Màn hình Phần 2

1 Thay đổi Giao diện (Skin)

2 Xuất file PDF tương tác

1 Tổng kết

1 Wireframing Trang Đích - Bài 1

2 Wireframing Trang Đích - Bài 2

Giới thiệu khóa học

A wire-framing course that will teach you all you need to get started ASAP. At the end of this course, You would

Have a sound knowledge in key concepts of UI/UX.
Be able to pick the best Domain Name (Website Name) for your business
Be aware of the delicate relationship between web design & web development and be able to speak the language of developers.
Have understood the importance of wireframes and how to create them keeping the needs of the user in mind.
Have done a deep dive into a real life case study and understood more about user personas and how they can be crafted thereby creating the ideal user persona for your product.
Analysed the portfolio website, wire-framed in this course and would have understood key aspects of web design and web development.
You will be able to use balsamiq mockups in a professional capacity by wire-framing your own portfolio website, learning various tools and techniques along the way.
You will be able to create professional looking wireframes that are interactive and learn to share it with investors, venture capitalists, friends or family and developers.

The course will be constantly updated with new content, thereby making this a long term high value purchase, that will accelerate your ambition. So come onboard on this wonderful journey of learning filled with great visuals, clear voice over and great insights.