Phân cấp thị giác là cách tổ chức bố cục để mắt người xem đi đúng lộ trình: thông điệp quan trọng nhất được thấy trước, thứ yếu theo sau. Không có phân cấp, mọi yếu tố tranh nhau sự chú ý và không yếu tố nào thắng. Đặt đúng thứ tự là quyết định chiến lược về điều gì khách hàng sẽ nhớ, không chỉ là chuyện thẩm mỹ.
Trong bài này · 5 phần
Ấn tượng thị giác đầu tiên hình thành trong khoảng 50 mili-giây, theo nghiên cứu của Lindgaard và cộng sự công bố trên tạp chí Behaviour & Information Technology năm 2006. Trước khi não kịp đọc một từ, mắt đã phán xét. Điều đó có nghĩa là người thiết kế không thể chờ khách hàng “đọc hết rồi hiểu”. Thứ tự mắt đi quyết định thứ tự não hiểu, và người thiết kế phải chủ động lập lộ trình đó.
Tại sao không có phân cấp thì mọi thứ đều bằng nhau
Khi mọi yếu tố trong một bố cục có trọng lượng thị giác ngang nhau, mắt không biết bắt đầu từ đâu. Não người xử lý thông tin bằng cách tìm điểm vào: yếu tố nổi bật nhất sẽ được nhìn trước, yếu tố thứ hai tiếp theo. Nếu tất cả đều “quan trọng”, kết quả thực tế là không gì quan trọng cả. Đây là cơ chế nhận thức cơ bản mà tâm lý học Gestalt đã mô tả từ đầu thế kỷ 20, chứ không chỉ là chuyện thẩm mỹ. Thương hiệu bỏ qua nguyên lý này thường mắc một triệu chứng dễ nhận ra: thiết kế trông “đủ thứ” nhưng khách không nhớ gì sau khi rời đi.
Ba công cụ kiểm soát lộ trình nhìn
Phân cấp thị giác không chỉ là chỉnh cỡ chữ. Nó là sự phối hợp của ít nhất ba nhóm công cụ, mỗi nhóm tác động lên nhận thức theo cơ chế riêng.
- Kích thước và độ nặng. Yếu tố lớn hơn, đậm hơn được mắt nhìn trước. Đây là công cụ thô nhất và trực tiếp nhất. Typography phải thể hiện rõ ít nhất ba mức: tiêu đề, đề mục phụ, và nội dung thân.
- Tương phản và màu sắc. Độ chênh lệch giữa yếu tố và nền quyết định mức độ nổi bật. Màu sắc bão hoà cao trên nền trung tính kéo mắt vào ngay lập tức. Nguyên tắc này cũng giải thích tại sao màu sắc là tài sản cần sở hữu một cách có chủ đích, không phải chọn vì “đẹp”.
- Vị trí và khoảng trắng. Yếu tố đứng một mình với nhiều khoảng trắng xung quanh được cảm nhận là quan trọng hơn yếu tố chen chúc trong đám đông. Khoảng trắng là công cụ nhấn mạnh chủ động, chứ không phải vùng trống.
Typography là ngôn ngữ được nhìn thấy. Trước khi người đọc xử lý nghĩa của từ, họ đã cảm nhận hình dạng, nhịp điệu, và trọng lượng của chữ.
Ellen Lupton, Thinking with Type
Nguyên lý Gestalt: não hoàn thiện trước khi chưa đọc xong
Tâm lý học Gestalt, phát triển bởi Wertheimer, Köhler và Koffka vào đầu thế kỷ 20, mô tả cách não người tổ chức thông tin thị giác trước khi ý thức can thiệp. Bốn nguyên lý liên quan trực tiếp đến thiết kế thương hiệu:
- Proximity (tương cận): những yếu tố gần nhau được hiểu là cùng nhóm. Đặt tên thương hiệu gần tagline tạo liên kết; đặt xa làm chúng trở thành hai thứ riêng biệt.
- Similarity (tương đồng): những yếu tố có hình dạng, màu sắc, hoặc kích thước giống nhau được hiểu là có cùng vai trò. Điều này giải thích tại sao hệ màu nhất quán tạo cảm giác có hệ thống.
- Closure (đóng hình): não tự điền vào chỗ thiếu để hoàn thiện hình dạng. Logo có thể chưa cần đầy đủ từng đường nét, miễn là bộ não có đủ tín hiệu để hoàn thiện.
- Figure-ground (hình-nền): mắt luôn cố tách yếu tố chính khỏi nền. Thiết kế tốt làm điều này rõ ràng; thiết kế kém khiến mắt mất phương hướng.
Ứng dụng vào tài liệu thương hiệu thực tế
Nguyên lý phân cấp thị giác không chỉ áp dụng cho poster hay quảng cáo. Nó ảnh hưởng đến mọi điểm chạm. Bao bì sản phẩm có ba giây để người mua dừng lại tại quầy hàng. Trang trình chiếu có năm giây trước khi người nghe quyết định có cần đọc hay không. Danh thiếp có ít hơn mười giây để trao đi một thông tin cốt lõi. Mỗi vật phẩm đặt ra câu hỏi giống nhau: thứ gì quan trọng nhất cần được thấy trước? Đó là quyết định chiến lược của thương hiệu, không phải của người thiết kế. Người thiết kế chỉ là người dịch quyết định đó thành lộ trình thị giác rõ ràng.
Các studio thiết kế chuyên nghiệp thường dùng một bài kiểm tra thực tế gọi là blur test, tức kiểm tra bằng cách làm mờ. Cách làm là làm mờ thiết kế đến mức không đọc được chữ, chỉ còn hình khối và màu sắc. Yếu tố nào vẫn nổi bật trong trạng thái đó chính là yếu tố mắt nhìn thấy trước nhất trong điều kiện bình thường. Nếu yếu tố đó không phải thông điệp cốt lõi Anh / Chị muốn truyền đi, phân cấp cần được làm lại.
Phân cấp và nhất quán là hai mặt của một vấn đề
Phân cấp thị giác chỉ có giá trị lâu dài khi được duy trì nhất quán. Một poster có phân cấp tốt nhưng email dùng font khác, màu khác, và thứ tự trình bày khác sẽ phá vỡ kỳ vọng mà não người đã xây dựng từ lần tiếp xúc trước. Theo cơ chế mà Ehrenberg-Bass Institute mô tả, thương hiệu được nhớ nhờ lặp lại đủ nhất quán để tạo dấu ấn trong bộ nhớ dài hạn, chứ không phải nhờ khác biệt đột xuất. Phân cấp thị giác là cấu trúc; nhất quán là hành động lặp lại cấu trúc đó đủ nhiều lần để nó trở thành phản xạ nhận diện của khách hàng.
Đây là lý do hệ thống nhận diện thương hiệu tốt không chỉ định nghĩa “dùng màu này, font này”. Nó định nghĩa cả thứ tự ưu tiên: yếu tố nào được đặt ở tầng một, yếu tố nào ở tầng hai, và khoảng cách giữa chúng là bao nhiêu. Tài liệu hướng dẫn đủ tốt là tài liệu mà bất kỳ ai trong đội cũng có thể dùng để làm ra một vật phẩm mới mà không cần đoán.
Thương hiệu là cảm nhận trong ruột của khách hàng về sản phẩm, dịch vụ, hoặc tổ chức. Cảm nhận đó hình thành từ tổng hợp mọi điểm chạm, không phải từ một vật phẩm đơn lẻ.
Marty Neumeier, The Brand Gap
Nguồn tham khảo
Lindgaard et al., Attention web designers, Behaviour & Information Technology, 2006. Ellen Lupton, Thinking with Type. Rudolf Arnheim, Art and Visual Perception. Gestalt psychology: Wertheimer, Köhler, Koffka. Marty Neumeier, The Brand Gap.
