Khi sáu chấm được đặt sát nhau từng đôi một, chúng ta nhìn thấy ba cặp chấm thay vì sáu chấm riêng lẻ. Với một hình tròn được vẽ bằng những nét đứt quãng, chúng ta cũng nhận ra ngay đó là hình tròn. Mắt nắm bắt hình dạng tổng thể trước từng mảnh riêng lẻ, và các quy luật tri giác này được hệ thống hóa thành “các nguyên lý Gestalt về tri giác (Gestalt Principles of Perception)”.
Nói một cách đơn giản, các nguyên lý Gestalt chỉ “xu hướng con người không nhìn từng yếu tố thị giác rời rạc một cách riêng biệt mà nhóm chúng thành một khối dựa trên các dấu hiệu như sự gần nhau, tương đồng và tiếp nối”. Gestalt là một từ tiếng Đức có nghĩa là “hình dạng” hay “cấu trúc”, và ngày nay đã trở thành ngữ pháp cơ bản của thiết kế trong việc tổ chức nội dung trên màn hình và trang in.
Trong tài liệu này, chúng ta sẽ lần lượt tìm hiểu bối cảnh ra đời của các nguyên lý Gestalt, những nguyên lý tiêu biểu, ví dụ ứng dụng trong logo và giao diện, cùng những điều nhà thiết kế cần lưu ý.
Trật tự trên màn hình mà mắt tổ chức trước tiên
Các nguyên lý Gestalt là gì?
Tâm lý học Gestalt được Max Wertheimer, Kurt Koffka và Wolfgang Köhler sáng lập tại Đức vào đầu thế kỷ 20. Khởi điểm là thí nghiệm do Wertheimer công bố năm 1912. Khi quan sát hai luồng sáng bật luân phiên, mọi người có cảm giác ánh sáng di chuyển từ phía này sang phía kia dù thực tế không có vật thể nào chuyển động. Ông gọi đó là hiện tượng phi (Phi Phenomenon).
Khi ấy, xu hướng chủ đạo trong tâm lý học tìm cách phân tích trải nghiệm bằng cách chia nhỏ chúng thành những đơn vị cảm giác nhỏ nhất. Ngược lại, các học giả Gestalt cho rằng tổng thể được tri giác trước, còn ý nghĩa của từng bộ phận được xác định trong tổng thể đó. Koffka diễn đạt điều này là “tổng thể là một điều gì đó khác với tổng các bộ phận”.
Năm 1923, Wertheimer hệ thống hóa các quy luật con người sử dụng để nhóm những yếu tố tri giác trong một bài nghiên cứu, đặt nền móng cho các nguyên lý Gestalt ngày nay. Nền tảng bao trùm tất cả các nguyên lý là định luật Prägnanz (Law of Prägnanz). Định luật này có nghĩa là con người có xu hướng tiếp nhận những gì nhìn thấy dưới hình dạng đơn giản, đều đặn và có trật tự nhất có thể.
5 quy luật tiêu biểu của các nguyên lý Gestalt
Các nguyên lý Gestalt được hệ thống hóa theo nhiều cách, nhưng năm nguyên lý sau đây được sử dụng thường xuyên nhất trong thiết kế.
(1) Sự gần nhau (Proximity)
Những yếu tố nằm gần nhau được nhìn nhận là cùng một nhóm dù có hình dạng khác nhau. Chỉ cần điều chỉnh khoảng cách cũng có thể cho biết những yếu tố nào thuộc cùng một nhóm.
(2) Sự tương đồng (Similarity)
Các yếu tố giống nhau về màu sắc, hình dạng hoặc kích thước được nhìn nhận là cùng một nhóm. Những nút cùng màu khiến người ta suy đoán rằng chúng có cùng loại chức năng.
(3) Tính liên tục (Continuity)
Con người có xu hướng nhìn theo những đường nối tiếp mượt mà hơn là những đường đột ngột đổi hướng. Ngay cả khi hai đường giao nhau, chúng ta vẫn nhìn mỗi đường như một đường liền mạch.
(4) Tính khép kín (Closure)
Ngay cả khi một phần đường viền bị thiếu, chúng ta vẫn tự lấp đầy khoảng trống trong tâm trí và nhận ra một hình hoàn chỉnh.
(5) Hình và nền (Figure-Ground)
Mắt phân chia màn hình thành hình nổi lên phía trước và phần nền nằm phía sau. Khoảng năm 1915, nhà tâm lý học người Đan Mạch Edgar Rubin minh họa nguyên lý này bằng “bình hoa Rubin (Rubin Vase)”, một hình ảnh có thể được nhìn thành hai khuôn mặt nhìn nghiêng hoặc một chiếc bình hoa màu trắng.
Hiểu các nguyên lý Gestalt qua những ví dụ đơn giản
Các nguyên lý Gestalt hiện diện khắp nơi trong những logo và giao diện chúng ta nhìn thấy hằng ngày.
[Ví dụ] Mũi tên ẩn giữa các chữ cái trong logo FedEx
Trong logo FedEx do Lindon Leader thuộc Landor Associates thiết kế năm 1994, khoảng trống giữa chữ E viết hoa và chữ x chứa một mũi tên hướng sang phải. Ban đầu, chúng ta chỉ nhìn thấy các chữ cái, nhưng một khi nhận ra mũi tên, từ đó về sau nó luôn thu hút ánh nhìn. Đây là ví dụ vận dụng khéo léo nguyên lý hình và nền, khi khoảng trống vốn là nền chuyển thành hình.
- Bố cục biểu mẫu (Form Layout): Khi đặt nhãn ngay phía trên ô nhập và chừa khoảng cách rộng giữa các mục, nguyên lý gần nhau giúp người dùng không nhầm lẫn nhãn nào thuộc về ô nào.
- Menu điều hướng (Navigation Menu): Các mục menu có cùng hình dạng và màu sắc được nhìn nhận là một tập hợp theo nguyên lý tương đồng.
- Danh sách cuộn ngang (Horizontal Scroll List): Khi cố ý chỉ hiển thị một nửa thẻ ngoài cùng bên phải, người dùng sẽ dựa vào tính liên tục và tính khép kín để suy đoán rằng còn có các thẻ nối tiếp phía sau và thử vuốt màn hình.
Những điều cần lưu ý khi sử dụng các nguyên lý Gestalt
Các nguyên lý Gestalt rất hữu ích nhưng không phải là công thức vạn năng. Chúng cũng từng bị phê phán vì những khái niệm như Prägnanz khó được định nghĩa chính xác và chỉ mô tả hiện tượng mà không giải thích được cơ chế bên trong não. Vì vậy, nghiên cứu vẫn tiếp tục về sau, chẳng hạn nhà tâm lý học người Mỹ Stephen Palmer cùng các học giả khác đã bổ sung nguyên lý vùng chung (Common Region), theo đó các yếu tố được bao quanh bởi đường viền hoặc khung được nhìn nhận là cùng một nhóm.
- Xung đột giữa các nguyên lý (Principle Conflict): Khi hai nguyên lý đưa ra những dấu hiệu trái ngược nhau, chẳng hạn các yếu tố nằm gần nhau nhưng khác màu, người dùng sẽ do dự không biết nên nhóm theo cách nào. Với mỗi nhóm, hãy thống nhất các dấu hiệu theo cùng một hướng.
- Lược bỏ quá mức (Excessive Omission): Nếu quá tin vào tính khép kín mà xóa đi quá nhiều đường viền, người dùng sẽ không nhận ra hình dạng. Cần đặc biệt thận trọng trên màn hình nhỏ.
- Kiểm thử với người dùng (User Testing): Cần cho người dùng xem thực tế để kiểm tra xem cách nhóm mà nhà thiết kế thấy tự nhiên có mang lại cảm giác tương tự cho họ hay không.
Các nguyên lý Gestalt là những quy luật tri giác cho thấy mắt người nhóm những yếu tố rời rạc dựa trên sự gần nhau, tương đồng, tiếp nối, khép kín, hình và nền để nhận ra một tổng thể. Ý tưởng bắt nguồn từ phòng thí nghiệm tâm lý học hơn 100 năm trước này ngày nay đã trở thành nền tảng tạo nên trật tự cho logo, giao diện web, bản đồ và biển chỉ dẫn.
Trước khi trau chuốt từng yếu tố, hãy suy xét xem mắt sẽ nhóm chúng như thế nào; đó là bước đầu tiên để tạo ra một thiết kế dễ đọc.
