Skip to content
FPT Arena MultimediaFPT Arena Multimedia
  • Giới thiệu
    • FPT Education
    • Về FPT Arena
      • Lịch sử FPT Arena
      • Báo chí nói về FPT Arena
      • Đối tác của FPT Arena
  • Chương trình học
    • Học kì 1
    • Học kì 2
    • Học kì 3
    • Học kì 4
  • Gương mặt
  • Tin tức
    • Sự kiện
    • Ngành multimedia
    • Tuyển dụng
      • FPT
      • Đối tác
  • Gallery
    • Học Kỳ 1
    • Học Kỳ 2
    • Học Kỳ 3
    • Học Kỳ 4
  • Thông tin tuyển sinh
    • Quy chế tuyển sinh
    • Học Bổng
    • Câu hỏi thường gặp
    • Khảo sát
    • Đăng ký học
    • Liên thông
      • Anh
      • Canada
      • Malaysia
      • Việt Nam

Tin tức

Các ứng dụng mô hình phân cấp thị giác trong thiết kế website

04/06/2021 | 2897 views

Thiết kế của website là một trong những yếu tố quan trọng thu hút sự chú ý và giữ người xem ở lại lâu nhất trên trang. Và sử dụng mô hình phân cấp thị giác là một trong những phương pháp thiết kế làm rất tốt điều này. Vậy những ứng dụng mô hình phân cấp thị giác trong thiết kế website đang được ưa chuộng, hãy khám phá ngay cùng chúng tôi.

Các ứng dụng mô hình phân cấp thị giác trong thiết kế website
Các ứng dụng mô hình phân cấp thị giác trong thiết kế website

Mục lục

  1. Mô hình phân cấp thị giác dạng chữ Z
  2. Mô hình phân cấp thị giác dạng Zigzag
  3. Mô hình phân cấp thị giác dạng kim tự tháp ngược

Mô hình phân cấp thị giác dạng chữ Z

Nhắc đến các ứng dụng mô hình phân cấp thị giác trong thiết kế website, chắc chắn không thể bỏ qua mô hình phân cấp thị giác dạng chữ Z. Mô hình dạng chữ chữ Z là thiết kế các yếu tố cần chú ý theo dạng chữ Z. Tức là người xem sẽ chú ý đến các thông tin ở hàng ngang trên cùng, hàng dọc bên trái, phía góc màn hình bên phải và hàng ngang nằm ở tận cùng của trang. Mô hình này được áp dụng để làm nổi bật các yếu tố quan trọng cần chú ý đến trên trang bởi đây đều là những vị trí dễ gây được sự chú ý nhất. Do vậy, khi kết hợp chúng lại sẽ tạo được hiệu quả tuyệt vời. Trên thực tế, các vị trí này thường được áp dụng trên trang là phần logo, giới thiệu; CTA, hướng dẫn hành động và các nút liên hệ để khách hàng có thể hành động kịp thời.

Ứng dụng mô hình phân cấp thị Z giác trong thiết kế website 
Ứng dụng mô hình phân cấp thị Z giác trong thiết kế website

Mô hình phân cấp thị giác dạng Zigzag

Tương tự như ứng dụng phân cấp mô hình phân cấp thị giác trong thiết kế website, mô hình phân cấp thị giác dạng Zigzag có nhiều điểm tương đồng so với mô hình dạng chữ Z. Tuy nhiên, mô hình này có phần mở rộng hơn so với mô hình phân cấp thị giác dạng chữ Z. Theo đó, các yếu tố như thanh công cụ, menu,… được đặt xen kẽ với nhau để tạo ra giao diện có hình Zigzag. Đây là mô hình phân cấp thị giác độc đáo, sáng tạo nhưng có thể gây ra sự khó chịu cho khách hàng nếu không được bố phí hài hòa và hợp lý. Với mô hình này, bạn nên tối giản tối đa các chi tiết không cần thiết và chỉ đặt những thông tin cần chú ý để không khiến người xem bị phân tâm.

Mô hình phân cấp thị giác dạng Zigzag
Mô hình phân cấp thị giác dạng Zigzag

Mô hình phân cấp thị giác dạng kim tự tháp ngược

Kim tự tháp có dạng tam giác và khi đặt ngược lại, chúng ta sẽ có được mô hình phân cấp thị giác hoàn hảo cho website. Theo đó, với mô hình này, các thông tin cần chú ý, thanh công cụ trên website sẽ được đặt ở hàng ngang trên cùng. Chúng thu dần thu hẹp lại và dẫn đến phần điều hướng ở cuối trang. Đây sẽ là tâm điểm của kim tự tháp giúp người xem, khách hàng dễ dàng chú ý và nhanh chóng đưa ra hành động ngay lập tức. Trên thực tế, các website thiết kế theo dạng này đơn giản nhưng ấn tượng, đồng thời có giúp khách hàng tiết kiệm thời gian hơn. Không những vậy, mô hình thiết kế này cũng sẽ giúp thương hiệu, nhãn hàng dễ dàng truyền đạt thông tin đến cho khách hàng.

Mô hình phân cấp thị giác dạng kim tự tháp ngược
Mô hình phân cấp thị giác dạng kim tự tháp ngược

Hy vọng các thông tin chia sẻ về ứng dụng mô hình phân cấp thị giác trong thiết kế website kể trên có thể hữu ích với bạn. Nếu còn thắc mắc, hãy để lại câu trả lời phía dưới để được giải đáp kịp thời. Và đừng quên chia sẻ bài viết cũng như theo dõi chúng tôi tại Website FPT Arena để không bỏ lỡ các thông tin bổ ích tiếp theo.

FPT Arena Hà Nội

  • 264 Đội Cấn, Ba Đình, Hà Nội (Tầng 4 Viện Cơ Học)
  • 94 Lương Yên, Bạch Đằng, Hai Bà Trưng, Hà Nội (Tầng 3)

FPT Arena TP.HCM

  • 590 Cách Mạng Tháng 8, Phường 11, Quận 3, TP. Hồ Chí Minh
  • 302 Nguyễn Văn Đậu, Phường 11, Bình Thạnh, Hồ Chí Minh

Viện Đào Tạo Quốc Tế FPT

FPT Arena Multimedia – https://arena.fpt.edu.vn

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Thông tin nổi bật
  • TOP 5 TRƯỜNG THIẾT KẾ ĐỒ HỌA TỐT NHẤT VIỆT NAM 14-04-2020 | 418 views
  • KHÓA HỌC THIẾT KẾ ĐỒ HỌA CƠ BẢN 14-04-2020 | 518 views
  • HỌC THIẾT KẾ ĐỒ HỌA Ở ĐÂU TỐT 14-04-2020 | 998 views
  • HỌC PHOTOSHOP CĂN BẢN CHO NGƯỜI MỚI BẮT ĐẦU 14-04-2020 | 878 views
  • HỌC ILLUSTRATOR CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU 14-04-2020 | 918 views

Các tin liên quan

  • Thông báo điều chỉnh học phí và những chương trình ưu đãi hấp dẫn tại FPT Arena Multimedia 11/08/2022 | 21087 views
  • FPT ARENA CẦN THƠ CHÍNH THỨC CÔNG BỐ HÌNH ẢNH 3D CƠ SỞ: KHÔNG GIAN SÁNG TẠO MỚI CHO NGƯỜI MIỀN TÂY 06/08/2022 | 89329 views
  • Màu tím
    Màu tím và những điều bạn chưa biết 05/08/2022 | 101391 views
  • Khám phá ý nghĩa của màu trắng trong cuộc sống 05/08/2022 | 102805 views
  • Màu nâu
    Màu nâu và ý nghĩa của nó trong cuộc sống 05/08/2022 | 102868 views
Nhận tài liệu miễn phí ngành multimedia

    • Trang chủ
    • Việc làm
    • Gallery
    • Hướng dẫn
    • Đăng ký
    • Liên hệ
    DMCA.com Protection Status

    Copyright © 2022 by arena.fpt.edu.vn | All rights reserved. Useful link: học thiết kế đồ họa - học thiết kế web - thiết kế đồ họa game - học làm phim

    Copyright 2022 © Arena.fpt.edu.vn
    • Giới thiệu
      • FPT Education
      • Về FPT Arena
        • Lịch sử FPT Arena
        • Báo chí nói về FPT Arena
        • Đối tác của FPT Arena
    • Chương trình học
      • Học kì 1
      • Học kì 2
      • Học kì 3
      • Học kì 4
    • Gương mặt
    • Tin tức
      • Sự kiện
      • Ngành multimedia
      • Tuyển dụng
        • FPT
        • Đối tác
    • Gallery
      • Học Kỳ 1
      • Học Kỳ 2
      • Học Kỳ 3
      • Học Kỳ 4
    • Thông tin tuyển sinh
      • Quy chế tuyển sinh
      • Học Bổng
      • Câu hỏi thường gặp
      • Khảo sát
      • Đăng ký học
      • Liên thông
        • Anh
        • Canada
        • Malaysia
        • Việt Nam
    dangky

    30 học bổng toàn phần đang chờ đón bạn tại FPT ARENA MULTIMEDIA



      ( * Thông tin của học viên sẽ được bảo mật theo quy định của FPT ARENA MULTIMEDIA)

      Hotline

      024 7300 8855

      028 7300 8866