Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

User Experience Design Essentials - Adobe XD UI UX Design

Những Điều Cốt Lõi Về Thiết Kế Trải Nghiệm Người Dùng - Thiết Kế UI UX với Adobe XD

Những Điều Cốt Lõi Về Thiết Kế Trải Nghiệm Người Dùng - Thiết Kế UI UX với Adobe XD

Sử dụng XD để tìm việc làm trong lĩnh vực Thiết kế UI, Giao diện Người dùng, Thiết kế Trải nghiệm Người dùng (UX) & Thiết kế Web

4.7
(46,717 đánh giá)
189,132 học viên
Giảng viên
Daniel Walter Scott
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 389.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
9.5 giờ video
85 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

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

Trở thành một nhà thiết kế UX.
Bạn có thể bắt đầu kiếm tiền từ kỹ năng XD của mình.
Bạn có thể thêm "Nhà thiết kế UX" vào CV của mình.
Xây dựng một dự án UX từ đầu đến cuối.
Trở thành một nhà thiết kế UI.
Xây dựng & kiểm thử một ứng dụng di động hoàn chỉnh.
Xây dựng & kiểm thử một thiết kế website hoàn chỉnh.
Bạn sẽ có một dự án của riêng mình để thêm vào portfolio.
93 bài giảng nội dung được cấu trúc tốt, từng bước một.
Học cách thiết kế website & ứng dụng điện thoại di động.
Làm việc với font chữ & màu sắc.
Tạo nguyên mẫu (prototype) cho thiết kế với các tương tác.
Kiểm thử trên điện thoại di động.
Bạn sẽ tạo ra một nguyên mẫu chân thực với các micro interaction.
Gửi thiết kế của bạn để nhận phản hồi & bình luận.
Xuất các tài sản (assets) sẵn sàng cho sản xuất.
Tạo brief UX và persona đầu tiên của bạn.
Tạo wireframe nhanh.
Cách sử dụng các bộ UI kit có sẵn.
Học các thủ thuật & phím tắt cho quy trình làm việc chuyên nghiệp.
Bạn sẽ nhận được các file hoàn chỉnh để không bao giờ bị tụt lại phía sau.
Các file bài tập có thể tải xuống.
Hỗ trợ diễn đàn từ tôi và đội ngũ BYOL.
Tất cả các kỹ thuật được sử dụng bởi các chuyên gia UX.
Xây dựng một nguyên mẫu ứng dụng di động phản hồi theo lệnh giọng nói.
Bạn sẽ có thể trao đổi đúng cách với các chuyên gia thiết kế UX khác.
Bạn sẽ học cách chọn màu sắc.
Bạn sẽ học cách chọn font chữ phù hợp.
Bạn sẽ có thể gửi tác phẩm hoàn thiện của mình cho các chuyên gia khác với định dạng chính xác.

Yêu cầu

Bạn cần một bản Adobe XD 2019 trở lên. Có thể tải bản dùng thử miễn phí từ Adobe.
Không cần kinh nghiệm thiết kế trước đó.
Không cần kỹ năng Adobe XD trước đó.

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

Dành cho bất kỳ ai muốn bắt đầu sử dụng Adobe XD trong sự nghiệp & được trả tiền cho kỹ năng thiết kế trải nghiệm người dùng của mình.
Khóa học này dành cho người mới bắt đầu, newbie & người nghiệp dư trong lĩnh vực thiết kế UX.
Hướng đến những người mới với thế giới thiết kế & trải nghiệm người dùng.
Dành cho bất kỳ ai cần thêm 'Thiết kế UX' vào portfolio của họ.

Nội dung khóa học

21 phần • 85 bài giảng
1 Bắt đầu với dự án Adobe XD của bạn.
2 Adobe XD dùng để làm gì & nó có viết code không?
3 Sự khác biệt giữa UI và UX trong Adobe XD là gì?
4 Chúng ta sẽ làm gì trong khóa học Adobe XD này?
5 Persona và task flow trong thiết kế UX là gì?
6 Dự Án Lớp 01 - Tạo brief của riêng bạn.
1 Wireframe Lo Fi và High Fidelity trong Adobe XD khác nhau thế nào?
2 Artboards & website hoặc ứng dụng của tôi nên rộng bao nhiêu trong Adobe XD?
1 Làm việc với chữ trong wireframe XD của bạn.
2 Hình chữ nhật, hình tròn, nút bấm và góc bo tròn trong Adobe XD.
3 Cách sử dụng màu trong Adobe XD.
4 Đường viền (Strokes) & sao chép/dán giao diện trong Adobe XD.
5 Dự Án Lớp 02 - Wireframe.
6 Biểu tượng miễn phí cho dự án Adobe XD & UX UI của bạn.
7 Cách tìm và sử dụng các UI kit có sẵn trong Adobe XD.
8 Nhóm (Groups) & các vấn đề khi chỉnh sửa biểu tượng trong Adobe XD.
9 Dự Án Lớp 03 - Biểu Tượng.
1 Cách thêm tương tác vào nguyên mẫu của bạn trong Adobe XD.
2 Hiệu ứng hoạt hình & easing cho nguyên mẫu trong Adobe XD.
3 Cách xem thiết kế của bạn trên ứng dụng XD cho iPhone & Android.
4 Dự Án Lớp 04 - Kiểm thử trên điện thoại của bạn.
1 Bắt đầu với auto-animations trong Adobe XD.
2 Tìm hiểu thêm về hoạt hình trong Adobe XD.
3 Dự Án Lớp 05 - Hoạt hình đầu tiên của tôi.
1 Chia sẻ Wireframe để nhận bình luận trong Adobe XD.
1 Mood Boards & tài nguyên cho thiết kế UI High Fidelity trong Adobe XD.
2 Cách tạo một mood board trong Adobe XD.
3 Dự án lớp 06 - Mood Board.
4 Cách làm việc với Cột & Lưới (Grids) trong Adobe XD.
1 View port (còn gọi là đường chấm chấm trên trang) trong Adobe XD.
2 Cách thêm & xóa guide trong Adobe XD.
1 Nguồn cảm hứng màu sắc & công cụ eyedropper trong XD.
2 Cách tạo bảng màu (color palette) trong Adobe XD.
3 Cách tạo hiệu ứng chuyển màu (gradients) trong Adobe XD.
4 Cách lưu và tái sử dụng mẫu màu (color swatches) trong Adobe XD.
5 Dự Án Lớp 07 - Màu Sắc & Cột.
1 Tôi có thể sử dụng font chữ nào trong thiết kế web hoặc ứng dụng của mình với Adobe XD?
2 Kiểm tra xem người khác đã sử dụng font chữ gì.
3 Tôi nên chọn kích thước font chữ phổ biến nào trong thiết kế web?
4 Cách tạo Character Styles trong Adobe XD.
5 Plugin - Thêm Plugin Lorem Ipsum đầu tiên của chúng ta vào Adobe XD.
6 Dự Án Lớp 08 - Văn Bản.
1 Vẽ & chỉnh sửa hình dạng trong Adobe XD.
2 Những điều kỳ lạ với hình dạng trong Adobe XD.
3 Học vẽ với công cụ pen trong Adobe XD.
4 Làm việc với đường viền (strokes) & đường thẳng trong Adobe XD.
5 Dự Án Lớp 09 - Biểu Tượng & Nút Bấm.
1 Tôi có cần biết Illustrator khi dùng Adobe XD không?
1 Che mặt nạ (Masking) & cắt xén hình ảnh trong Adobe XD.
2 Hình ảnh miễn phí để sử dụng trong mockup XD của bạn - Unsplash, Pexels, Freeimage.
3 Làm tối hình nền với độ trong suốt (opacity) trong XD.
4 Làm mờ hình nền và đối tượng trong Adobe XD.
1 Tôi có cần biết Photoshop khi dùng Adobe XD không?
2 Tạo snack bar/Toast banners bằng hình ảnh được che mặt nạ trong Adobe XD.
3 Dự Án Lớp 10 - Thêm hình ảnh.
1 Cách tạo & sử dụng components trong Adobe XD.
2 Sự khác biệt giữa Main & Instance Components trong Adobe XD.
3 Cách tạo trạng thái hover cho component trong XD.
4 Dự Án Lớp 11 - Nút Bấm.
1 Cách sử dụng repeat grid trong Adobe XD.
2 Dự Án Lớp 12 - Repeat Grid.
3 Cập nhật & các vấn đề với repeat grids ở cạnh.
1 Cách sử dụng stacks trong XD để tạo một biểu mẫu (form).
2 Dự Án Lớp 13 - Stacks & Trang Thanh Toán.
1 Sự khác biệt giữa hoạt hình & micro interactions.
2 Dan vẽ vài thứ trong Adobe XD.
3 Thêm về hoạt hình trong Adobe XD.
4 Dự Án Lớp 14 - Hoạt hình thứ hai của tôi.
5 Micro interaction công tắc bật/tắt (toggle switch) trong Adobe XD.
6 Micro interaction biến menu burger thành dấu X trong XD.
7 Dự Án Lớp 15 - Micro interaction.
1 Cách ghim (pin) điều hướng lên trên cùng trong Adobe XD.
2 Cách thêm một lớp phủ popup (popup overlay modal) trong Adobe XD.
3 Menu điều hướng di động trượt vào (Slide in) trong Adobe XD.
4 Dự Án Lớp 16 - Popup & Điều Hướng.
5 Flows trong Adobe XD là gì?
1 Cách chia sẻ tài liệu của bạn với khách hàng, các bên liên quan & người kiểm thử.
2 Trao đổi với nhà phát triển sớm trong quy trình thiết kế XD.
3 Xuất đúng định dạng file hình ảnh từ Adobe XD.
4 Xuất hàng loạt hình ảnh cùng lúc bằng Mark for Export trong XD.
5 Cách xuất code trong XD cho kỹ sư bằng Design Specs.
6 Style guide trong Adobe XD là gì?
7 Dự Án Lớp 17 - Thiết Kế Cuối Cùng.
1 Làm gì sau khi học xong Adobe XD Essentials?
2 Tiếp tục học cùng tôi! Các liên kết bên trong.

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

Are you excited to get into the world of UI/UX but you don't know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.

Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.

Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.

  • Aria: "This course is definitely above expectations so far. I didn't expect to get so much insight into the briefing and the communication between UX Designer and a client. It helps to see the brief and to learn that there are different tiers of income based on projects and experience. Love It!"

This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!

First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.

I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.

  • Kate: Excellent course - Dan is an excellent teacher and I thoroughly enjoyed following along with his videos. Highly recommend! July 2018: I have updated this review with an extra star because of how useful this course has been in the months following it's completion. I am using Adobe XD daily and Dan's instruction was instrumental to adding this feather to my front-end web development hat.

An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.

One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.

  • Leigh: "I really enjoyed this course. I was a UX designer before the course and was looking for more information on XD and getting to know the program itself better, and this course really nailed it! It has great UX references and a few refreshing perspectives. As well as it really helps you learn XD in the process. The instructor is engaging and fun to listen to. Really really great course. I highly recommend to any new UX designers, as well as veterans looking for a refresh, or just to learn how to use XD."

There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.

It is now time to upgrade yourself & learn Adobe XD.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Adobe Xd
Hiển thị tất cả khoá học Prototyping
Hiển thị tất cả khoá học Ui Ux Design
Hiển thị tất cả khoá học Web Design
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊