Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI tutorials:

    1. Cách xây dựng một Menu Off-Canvas bằng CSS và một ít JavaScript

      Cách xây dựng một Menu Off-Canvas bằng CSS và một ít JavaScript

      Tutorial Beginner

      Trong bài hướng dẫn này, chúng ta sẽ tìm hiểu qua một phương pháp đơn giản nhưng hiệu quả để tạo ra một menu off-canvas với HTML, CSS và JavaScript.

    2. Xây dựng một Form liên hệ Bootstrap Sử dụng PHP và AJAX

      Xây dựng một Form liên hệ Bootstrap Sử dụng PHP và AJAX

      Tutorial Beginner

      Trong hướng dẫn này tôi sẽ đi qua các bước để tạo ra một form liên hệ, tận dụng framework front-end phổ biến nhất, Bootstrap, kết hợp với AJAX và PHP. Từ đó...

    3. Cách tích hợp "No CAPTCHA reCAPTCHA" vào Trang web của bạn

      Cách tích hợp "No CAPTCHA reCAPTCHA" vào Trang web của bạn

      Tutorial Beginner

      Các input CAPTCHA có lẽ là phổ biến nhất trong số tất cả các trải nghiệm phiền phức trên web. Chúng làm tốn công đối với đa số người dùng, hãy để một mình...

    4. Thực hành CSS với một Form Tìm kiếm

      Thực hành CSS với một Form Tìm kiếm

      Tutorial Intermediate

      Trong hướng dẫn này, chúng ta sẽ khám phá cách trang trí một form tìm kiếm đơn giản. Chúng ta sẽ không làm bất cứ điều gì cao siêu cả, thay vào đó khám phá...

    5. Một giới thiệu siêu nhanh chóng về Style Guides

      Một giới thiệu siêu nhanh chóng về Style Guides

      Tutorial Beginner

      Tuần này đội thiết kế Tuts + Web mang lại cho bạn một trong loạt bài viết chiều sâu về thế giới rộng của Style Guides và tất cả các bộ phận chuyển động mà...

    6. Chọn Color Scheme (bảng màu) của riêng bạn

      Chọn Color Scheme (bảng màu) của riêng bạn

      Tutorial Beginner

      Tới giờ chắc hẳn bạn đã có ý tưởng rõ ràng về việc màu sắc là gì, mỗi màu sắc có ý nghĩa gì và có sự am hiểu về các color scheme khác nhau. Tuy nhiên, biết...

    7. Mẹo nhỏ: Checkbox và Radio Button với CSS3

      Mẹo nhỏ: Checkbox và Radio Button với CSS3

      Tutorial Beginner

      Có bao giờ bạn tự hỏi làm thế nào để định phong cách cho checkbox và radio button mà không cần đến JavaScript không? Nhờ CSS3, bạn có thể làm điều đó! Dưới...