EN - FR - DE - ES - IT - PT -

LexiconDream

🔺 Phân cấp

Sự sắp xếp các phần tử theo thứ tự quan trọng.

Phân cấp

Cấu trúc phân cấp sắp xếp các yếu tố theo thứ tự tầm quan trọng. Nó cho người xem biết nên nhìn vào cái gì trước, thứ hai và thứ ba. Tiêu đề lớn hơn văn bản chính. Nút kêu gọi hành động nổi bật hơn các nút xung quanh. Tiêu đề phần in đậm hơn các đoạn văn bên dưới. Cấu trúc phân cấp hướng dẫn mắt người xem xuyên suốt thiết kế. Nếu không có nó, mọi thứ sẽ cạnh tranh nhau để thu hút sự chú ý. Không có gì thắng thế. Người xem không biết nên bắt đầu từ đâu.

Thứ bậc được tạo ra thông qua sự tương phản. Kích thước, màu sắc, độ đậm, vị trí và khoảng cách đều thiết lập tầm quan trọng. Một yếu tố lớn sẽ chiếm ưu thế. Màu sắc tươi sáng thu hút ánh nhìn. Kiểu chữ đậm nổi bật. Các yếu tố ở đầu trang được nhìn thấy trước tiên. Khoảng trắng xung quanh một yếu tố làm nổi bật nó. Nhà thiết kế kết hợp các công cụ này để xây dựng một trật tự trực quan rõ ràng. Thứ bậc không chỉ đơn thuần là làm cho mọi thứ lớn lên. Mà là làm cho những thứ quan trọng trở nên lớn. Yếu tố quan trọng nhất nên được nhấn mạnh nhất. Nếu mọi thứ đều được nhấn mạnh, thì không có gì được nhấn mạnh cả. Nhà thiết kế phải quyết định điều gì quan trọng nhất và thiết kế cho phù hợp. Thứ bậc cũng thay đổi theo ngữ cảnh. Màn hình điện thoại di động có ít không gian hơn màn hình máy tính để bàn. Một tấm áp phích được nhìn từ xa. Một cuốn sách được cầm gần. Thứ bậc thích ứng với phương tiện truyền tải. Mục tiêu vẫn như nhau: hướng dẫn người xem qua nội dung theo đúng thứ tự đã định.

Công cụ phân cấp

Thứ bậc là thứ tự tầm quan trọng. Nó cho người xem biết nên nhìn vào đâu và theo trình tự nào.


Warning: session_start(): Cannot start session when headers already sent in /var/www/lexicondream.com/inc/functions.php on line 63

Comments (3)

  1. Lisa M.
    Visual hierarchy is what makes a design readable. If everything is the same size and weight your eye doesn't know where to go.
  2. Greg T.
    The article is short. I'd add that hierarchy isn't just about size. Color, contrast, spacing all play a role.
  3. Amir K.
    So hierarchy in design borrows from hierarchy in social structures? The idea that some things are more important than others.

Leave a comment