Đồ hoạ

Nguyên tắc tương đồng là gì?

similarityluật tương đồng

Nguyên tắc tương đồng (similarity) cho biết các phần tử giống nhau về màu, hình dạng, kích thước hay kiểu chữ sẽ được nhìn như cùng một nhóm, kể cả khi chúng không đứng cạnh nhau.

Hiểu kỹ hơn

Designer dùng similarity để tạo nhất quán: mọi nút bấm chính cùng một màu, mọi đường link cùng kiểu gạch chân, mọi tiêu đề mục cùng font và cỡ. Ngược lại, một phần tử khác biệt hẳn (màu khác giữa một dãy giống nhau) sẽ nổi bật, đó là cách tạo điểm nhấn. Vì vậy, đừng dùng màu nhấn của nút chính cho những thứ không bấm được, người dùng sẽ hiểu lầm.

Ảnh minh hoạ Nguyên tắc tương đồng (similarity): lưới chấm tròn và vuông xen kẽ cho thấy mắt tự nhóm theo hình
Lưới chấm tròn và vuông xen kẽ cho thấy mắt tự nhóm theo hình

Thuật ngữ liên quan

01Nguyên lý Gestalt

Nguyên lý Gestalt là các quy luật tâm lý mô tả cách mắt và não người tự nhóm các phần tử rời rạc thành một tổng thể có nghĩa, như gần nhau, giống nhau…

02Lặp lại (repetition)

Lặp lại (repetition) là nguyên tắc dùng lại cùng màu, font, hình dạng, khoảng cách hay kiểu bố cục trong một thiết kế hoặc cả bộ thiết kế, để tạo sự thống…

03Consistency (tính nhất quán)

Consistency là nguyên tắc để những yếu tố giống nhau trong giao diện trông và hoạt động giống nhau, đồng thời tuân theo quy ước quen thuộc của nền tảng…

04Contrast (tương phản)

Contrast là sự khác biệt rõ ràng giữa các yếu tố về màu, độ sáng, kích thước, độ đậm hoặc hình dạng, giúp tạo điểm nhấn, phân cấp thông tin và đảm bảo nội…

05Nguyên tắc gần nhau (proximity)

Nguyên tắc gần nhau (proximity) cho biết các phần tử đặt gần nhau sẽ được người xem hiểu là một nhóm có liên quan, còn khoảng cách lớn hơn tách chúng…