Khi đối mặt với các đối tượng ngẫu nhiên trên một trang, người xem thường sẽ cố gắng tìm các kết nối. Nhà thiết kế có thể hỗ trợ người xem bằng cách sắp xếp các đối tượng (văn bản và / hoặc hình ảnh) thành các nhóm để truyền đạt ý nghĩa và giúp phổ biến thông điệp của họ. Sự gần gũi của các nhóm này là sự gần gũi, một nguyên tắc thiết kế.
Proximity tạo liên kết giữa các phần tử trang . Làm thế nào gần nhau với các đối tượng được đặt có thể đề xuất một mối quan hệ. Đối tượng được đặt xa nhau có thể gợi ý sự khác biệt.
Mặc dù đôi khi được coi là một nguyên tắc riêng biệt, sự thống nhất hoặc "các phần của tài liệu hoạt động cùng nhau" như thế nào đôi khi được sử dụng để có nghĩa là sự gần gũi. Gần là gần gũi. Tuy nhiên, các yếu tố thiếu gần có thể được thống nhất bằng cách giới thiệu một phần tử thứ ba. Ví dụ: mũi tên kết nối nhãn văn bản ở lề với một điểm ở giữa bản đồ. Bằng cách này, một mối quan hệ hoặc sự thống nhất có thể đạt được giữa các yếu tố ở xa nhau nhưng thuộc về nhau.
Các đối tượng nhóm có thể được thực hiện với khoảng cách rõ ràng, bằng cách đặt các rào cản vật lý giữa các nhóm (chẳng hạn như các quy tắc) và thậm chí bằng cách sử dụng hình dạng, màu sắc hoặc kết cấu để nhóm trực quan như các mục và tách riêng một cách trực quan.
Sử dụng bố cục trong bố cục trang
Tránh áp đảo người xem khi có nhiều yếu tố riêng lẻ trên trang bằng cách sử dụng khoảng cách gần các mục nhóm thành các đơn vị rời rạc.
- Giữ chú thích gần hình ảnh không chỉ làm rõ rằng chú thích đi kèm với hình ảnh, nó tạo ra một đơn vị trực quan từ hai hình ảnh riêng biệt.
- Các phần tử nhóm như địa chỉ, số điện thoại, địa chỉ email và địa chỉ web không chỉ đưa tất cả thông tin liên hệ vào một đơn vị dễ dàng để tạo ra một điểm duy nhất cho mắt nghỉ ngơi (và lấy thông tin) thay vì bốn điểm nhảy xung quanh và có thể bỏ qua.
- Nếu có nhiều yếu tố được nhóm lại, hãy xem xét nhóm phụ. Sử dụng thông tin liên hệ làm ví dụ, nhóm chúng lại với nhau nhưng sử dụng khoảng cách (hoặc các phương tiện khác) để tạo nhóm phụ, ví dụ: nhiều số điện thoại.
Sử dụng gần vị trí điều hướng viện trợ
- Giữ dòng tiêu đề gần bản sao nội dung (của quảng cáo, bài viết bản tin, v.v.) nếu bạn muốn hướng dẫn người đọc ngay vào văn bản. Nếu hình ảnh kèm theo đặc biệt quan trọng để hiểu văn bản, thay vào đó bạn có thể đặt hình ảnh ngay sau dòng tiêu đề.
- Công thức thiết kế quảng cáo 5 bước dựa trên công việc của David Ogilvy thường sắp xếp năm loại nội dung theo một mẫu cụ thể có xu hướng dẫn người xem thông qua quảng cáo. Gần đó cũng có thể được sử dụng để nhóm tài liệu tạo nên năm loại nội dung đó.
Gần như nó giúp người dùng
Giúp người xem hiểu các trang phức tạp hoặc bố cục được đóng gói thông tin bằng cách sử dụng khoảng cách để tập hợp các phần tử đi lại với nhau và tách các phần khác.
- Ví dụ, một cuốn sách nhỏ cho một hội thảo bao gồm nhiều hội thảo riêng biệt trải rộng trong nhiều ngày và địa điểm có thể dễ dàng áp đảo. Sử dụng khoảng cách (cùng với các yếu tố và nguyên tắc thiết kế khác) để giữ thông tin cho từng hội thảo riêng lẻ (tiêu đề, mô tả, ngày / giờ, địa điểm) được nhóm lại với nhau, đồng thời cung cấp một nhóm cung cấp các chi tiết tổng thể như cách đăng ký, chi phí và thông tin liên lạc.
- Trên trang Web, bạn có thể sử dụng tính năng lân cận để nhóm các liên kết điều hướng chính và phụ (cho dù văn bản, tab hoặc nút) thành các nhóm theo chức năng của chúng (chẳng hạn như mua sắm / danh mục, đặc biệt hàng tuần và hỗ trợ kỹ thuật).