Nguyên lý Gestalt là một nhóm quy luật về cách mắt và não người tự gom các thành phần rời rạc thành nhóm, thành hình có nghĩa. Trong thiết kế đồ hoạ, sáu nguyên lý được dùng nhiều nhất là gần nhau, tương đồng, khép kín, liên tục, hình và nền, và vùng chung. Hiểu chúng giúp bạn khiến người xem nhận ra đúng nhóm thông tin mà không cần khung viền hay đường kẻ.
Các nguyên lý này không phải mẹo thẩm mỹ mà là đặc điểm của nhận thức thị giác, nên chúng đúng với mọi ấn phẩm, từ tờ rơi tới giao diện ứng dụng. Bài này giải thích từng nguyên lý bằng ví dụ quen thuộc, chỉ ra lỗi gom nhóm sai thường gặp, và cách dùng AI để kiểm xem người xem có hiểu nhóm thông tin như bạn định không.
Gestalt từ đâu ra
Gestalt là một từ tiếng Đức, thường được dịch là "hình thể" hay "tổng thể". Trường phái tâm lý học Gestalt hình thành ở Đức đầu thế kỷ 20, gắn với các nhà tâm lý học Max Wertheimer, Wolfgang Köhler và Kurt Koffka. Ý tưởng trung tâm của họ là con người nhận thức một tổng thể có tổ chức trước, chứ không cộng dồn từng điểm rời rạc. Câu thường được nhắc là tổng thể khác với tổng của các phần.
Các nhà tâm lý học Gestalt đưa ra nhiều quy luật tổ chức tri giác. Giới thiết kế sau này chọn ra những quy luật dễ ứng dụng nhất và gọi chung là nguyên lý Gestalt. Danh sách trong các giáo trình không hoàn toàn giống nhau; có nơi kể năm, có nơi kể tám, và một số nguyên lý như vùng chung được bổ sung muộn hơn bởi các nhà nghiên cứu khác. Vì vậy bạn không cần học thuộc một con số, mà nên hiểu cơ chế chung: mắt luôn cố tìm trật tự đơn giản nhất.
Với người làm thiết kế, điều này có hai mặt. Mặt tốt là bạn có thể dẫn dắt người xem gom nhóm theo ý mình chỉ bằng khoảng cách, màu và hình. Mặt xấu là nếu bạn sắp xếp vô tình, mắt người xem vẫn gom nhóm, nhưng có thể gom sai.
Sáu nguyên lý Gestalt dùng nhiều nhất
Bảng dưới tóm từng nguyên lý, ví dụ trên ấn phẩm quen thuộc và lỗi khi dùng sai.
| Nguyên lý | Mắt người làm gì | Ví dụ trên ấn phẩm | Lỗi khi dùng sai |
|---|---|---|---|
| Gần nhau | Coi những thứ đặt gần nhau là một nhóm | Tên món và giá đặt sát nhau, cách xa món kế tiếp | Khoảng cách đều khắp nơi, không biết giá thuộc món nào |
| Tương đồng | Coi những thứ giống nhau về màu, hình, cỡ là cùng loại | Mọi tiêu đề nhóm cùng màu, mọi nút bấm cùng hình | Hai thứ khác chức năng nhưng cùng màu, người xem tưởng là một loại |
| Khép kín | Tự hoàn thiện hình còn thiếu nét | Biểu tượng vòng tròn đứt đoạn vẫn nhận ra là vòng tròn | Khoảng hở quá lớn, mắt không nối lại được |
| Liên tục | Đi theo đường thẳng hoặc đường cong mượt | Dãy ảnh sản phẩm xếp thẳng hàng dẫn mắt tới nút đặt hàng | Hàng bị gãy giữa chừng, mắt dừng lại sai chỗ |
| Hình và nền | Tách thứ nổi lên (hình) khỏi phần phía sau (nền) | Chữ đặt trên mảng màu trơn, sản phẩm tách khỏi phông | Hình và nền tương phản yếu, không biết đâu là chủ thể |
| Vùng chung | Coi những thứ trong cùng một khung hay một mảng nền là một nhóm | Thẻ sản phẩm có nền riêng, khối ưu đãi có mảng màu | Khung lồng khung, quá nhiều hộp viền chồng lên nhau |
Trong thực tế, gần nhau và tương đồng là hai nguyên lý bạn sẽ dùng hằng ngày, gần như trong mọi bản thiết kế. Khép kín và hình nền hay xuất hiện khi làm biểu tượng và logo. Liên tục quan trọng khi bạn cần dẫn mắt qua một chuỗi thông tin.
Gần nhau và tương đồng: hai nguyên lý dùng mỗi ngày
Khoảng cách nói thay đường kẻ. Người mới hay dùng đường kẻ, khung viền để tách nhóm. Thật ra chỉ cần khoảng cách giữa các nhóm lớn hơn rõ rệt khoảng cách trong nhóm, mắt tự hiểu. Bỏ bớt đường kẻ, ấn phẩm nhẹ hơn hẳn.
Nhãn phải sát thứ nó mô tả. Chú thích ảnh, nhãn giá, tên trường trong biểu mẫu phải nằm gần thứ nó thuộc về hơn là gần thứ bên cạnh. Lỗi nhãn nằm giữa hai ô, cách đều cả hai, là lỗi Gestalt kinh điển.
Giống nhau nghĩa là cùng chức năng. Khi bạn chọn màu cho tiêu đề nhóm, mọi tiêu đề nhóm phải cùng màu đó, và không thứ gì khác được dùng màu đó. Nếu nút "đặt hàng" và chữ trang trí cùng màu hồng, người xem sẽ bấm nhầm hoặc không thấy nút.
Lặp lại tạo nhịp. Tương đồng còn tạo nhịp điệu: cùng kiểu ảnh, cùng góc bo, cùng khoảng cách lặp lại qua nhiều bài đăng khiến cả trang của thương hiệu đồng bộ. Đây là cầu nối giữa Gestalt và hệ thống nhận diện thương hiệu.
Khép kín, liên tục và hình nền trong biểu tượng
Ba nguyên lý này hay được nhắc khi nói về các biểu tượng và logo khéo léo. Khép kín cho phép bạn vẽ ít nét hơn mà người xem vẫn nhận ra hình: một con cá chỉ bằng hai đường cong, một ngôi nhà chỉ bằng mái và cửa. Biểu tượng ít nét thường giữ được nhận diện khi thu nhỏ, điều quan trọng với biểu tượng ứng dụng hay hình đại diện tài khoản.
Hình và nền cho phép tạo hình kép: khoảng trống giữa hai hình tạo thành hình thứ ba. Đây là kỹ thuật khó, cần thử nhiều trên giấy. Công cụ tạo ảnh AI hiện nay thường không tạo được hình kép có chủ đích, vì nó không hiểu ý đồ "khoảng trống phải thành hình gì". Đây là chỗ tư duy của người thiết kế vẫn giữ vai trò chính.
Liên tục giúp dẫn mắt. Một đường cong của dòng sông trong ảnh, hướng tay chỉ của người mẫu, một hàng sản phẩm xếp chéo, đều kéo mắt người xem theo hướng đó. Khi chọn ảnh AI cho ấn phẩm, xem các đường dẫn trong ảnh đang chỉ vào chữ hay chỉ ra ngoài khung. Ảnh có đường dẫn chỉ ra ngoài khung sẽ kéo mắt người xem đi khỏi thông tin của bạn.
Phần thiết kế logo chi tiết thuộc danh mục logo và nhận diện thương hiệu trên trang. Ở đây chỉ cần nhớ: mọi logo có hình đẹp mà bạn từng thấy đều dựa trên một vài nguyên lý Gestalt, không phải phép màu.
Soát lỗi gom nhóm trên một bản thiết kế
Trước khi gửi khách một ấn phẩm nhiều thông tin như thực đơn, bảng giá, tờ rơi, hãy chạy qua danh sách soát sau.
- Liệt kê các nhóm thông tin bạn định có, ví dụ nhóm món chính, nhóm đồ uống, nhóm thông tin liên hệ.
- Nheo mắt nhìn bản thiết kế và đếm số nhóm bạn thấy. Nếu con số khác danh sách, có nhóm đang dính nhau hoặc bị tách đôi.
- Kiểm từng nhãn, từng giá, từng chú thích: nó gần thứ nó thuộc về hơn thứ bên cạnh chưa.
- Kiểm màu và kiểu chữ: các thứ cùng chức năng có cùng kiểu chưa, và có thứ khác chức năng nào trùng kiểu không.
- Đếm số khung viền và đường kẻ. Bỏ thử từng cái, nếu bỏ đi mà nhóm vẫn rõ thì không cần nó.
- Nhờ một người lạ hoặc một trợ lý AI đọc được hình mô tả các nhóm họ thấy, so với danh sách ở bước một.
Với bước sáu, câu hỏi gợi ý cho AI: "Đây là bản nháp bảng giá cho một tiệm làm móng, ví dụ giả định. Hãy liệt kê các nhóm thông tin mà người xem sẽ nhận ra, và chỉ ra chỗ nào không rõ giá thuộc dịch vụ nào." Trước khi đưa lên, thay tên tiệm, địa chỉ, số liên hệ thật bằng chữ giả.
Ví dụ giả định: sửa tờ thực đơn quán phở bằng ba nguyên lý
Một quán phở ở Nam Định cũ, nay thuộc tỉnh Ninh Bình, nhờ bạn sửa tờ thực đơn khổ nhỏ đặt trên bàn. Đây là ví dụ giả định. Bản cũ có hai mươi món xếp thành hai cột, tên món và giá cách nhau bằng một hàng dấu chấm dài, các nhóm phở bò, phở gà, món thêm, đồ uống tách nhau bằng đường kẻ đậm, mỗi nhóm lại đóng trong một khung có bo góc. Khách gọi món hay nhìn nhầm giá của dòng trên với dòng dưới.
Áp nguyên lý gần nhau trước: bỏ hàng dấu chấm, đặt giá ngay sau tên món với một khoảng ngắn, còn khoảng giữa hai món tăng lên rõ rệt. Mắt khách tự ghép đúng tên với giá. Tiếp theo là vùng chung: bỏ cả đường kẻ lẫn khung bo góc, thay bằng khoảng trống rộng giữa các nhóm và một mảng nền rất nhạt cho riêng nhóm món thêm, vì nhóm này khách hay bỏ qua. Cuối cùng là tương đồng: mọi tên nhóm cùng một kiểu chữ và một màu, giá cùng một độ đậm, không còn chữ nào trang trí trùng kiểu với tên nhóm.
Thực đơn mới không thêm gì, chỉ bớt đi đường kẻ, khung và dấu chấm. Nhưng nhờ ba nguyên lý được dùng có ý thức, người đọc hiểu cấu trúc trong một cái liếc. Đây cũng là bài tập tốt cho người mới: lấy một ấn phẩm rối, chỉ được dùng khoảng cách, màu và mảng nền để sửa, không được thêm thành phần mới.
Gestalt và ảnh do AI tạo
Ảnh AI thường giỏi ở cảm giác tổng thể nhưng hay sai ở các nhóm chi tiết: số ngón tay, số chân bàn, các vật thể dính vào nhau ở chỗ đáng lẽ phải tách. Mắt người xem, theo đúng nguyên lý Gestalt, cố gom các chi tiết đó thành hình có nghĩa, và khi không gom được thì cảm thấy có gì đó sai dù không chỉ ra được. Đó là nguồn gốc của cảm giác "ảnh AI kỳ kỳ" mà khách hay nói.
Khi dùng ảnh AI trong ấn phẩm, hãy soát kỹ những vùng mà các vật thể giao nhau: tay cầm ly, chân ghế chạm sàn, quai túi nối thân túi. Phóng to ảnh lên và kiểm từng chỗ. Nếu không sửa được, cắt khung để loại vùng lỗi ra ngoài hoặc che bằng thành phần khác.
Một điểm nữa là ảnh AI hay có quá nhiều nhóm nhỏ cạnh tranh nhau: nhiều đồ vật, nhiều điểm sáng, nhiều kết cấu. Mắt người xem phải làm việc nhiều để gom chúng, nên ít còn sức để đọc chữ. Ảnh có ít nhóm, ranh giới hình nền rõ thường dễ dùng hơn cho ấn phẩm, dù đứng một mình trông kém lộng lẫy hơn.
Câu hỏi thường gặp
Có bao nhiêu nguyên lý Gestalt?
Không có con số thống nhất. Các giáo trình thiết kế thường liệt kê từ năm đến tám nguyên lý, phổ biến nhất là gần nhau, tương đồng, khép kín, liên tục, hình và nền, cùng hướng chuyển động và vùng chung. Điều quan trọng là hiểu cơ chế chung: mắt luôn tìm cách gom các thành phần thành trật tự đơn giản nhất.
Nguyên lý Gestalt có dùng được cho thiết kế giao diện không?
Có, và dùng rất nhiều. Giao diện ứng dụng dựa vào gần nhau để nhóm các trường trong biểu mẫu, dựa vào tương đồng để người dùng nhận ra đâu là nút bấm, dựa vào vùng chung để tạo các thẻ nội dung. Nguyên lý giống nhau, chỉ khác là người dùng còn tương tác chứ không chỉ nhìn.
Dùng khung viền để tách nhóm có sai không?
Không sai, đó là nguyên lý vùng chung. Nhưng khi đã tách nhóm bằng khoảng cách rõ ràng thì khung viền thường thừa, làm ấn phẩm nặng thêm. Nên thử tách bằng khoảng cách trước, chỉ thêm khung hoặc mảng nền khi khoảng cách không đủ, ví dụ khi diện tích quá chật.
Học Gestalt có cần đọc sách tâm lý học không?
Không bắt buộc. Với người làm thiết kế, hiểu từng nguyên lý qua ví dụ và luyện nhận ra chúng trên ấn phẩm hằng ngày là đủ dùng. Nếu muốn hiểu sâu hơn về nhận thức thị giác, bạn có thể tìm đọc các sách nhập môn về tâm lý học tri giác.
AI có hiểu nguyên lý Gestalt khi tạo bố cục không?
Các công cụ tạo ảnh và gợi ý bố cục học từ rất nhiều thiết kế có sẵn, nên kết quả thường tuân theo một số nguyên lý một cách ngầm định. Tuy nhiên chúng không biết nhóm thông tin nào bạn muốn người xem nhận ra. Việc kiểm tra gom nhóm có đúng ý đồ vẫn là việc của người thiết kế.
Làm sao luyện mắt nhìn ra nguyên lý Gestalt?
Mỗi khi gặp một ấn phẩm khó đọc, tự hỏi nhóm nào đang bị gom sai và vì sao: khoảng cách, màu hay khung. Mỗi khi gặp biểu tượng khéo, tìm xem nó dùng khép kín hay hình nền. Ghi chép vài ví dụ mỗi tuần sẽ giúp bạn nhìn ra nhanh hơn trên chính bản thiết kế của mình.