Nguyên tắc thiết kế hiệu quả cho các nhà thiết kế web: Sự gần gũi

Đây là phần cuối cùng trong loạt bài gồm bốn phần của chúng tôi về các nguyên tắc thiết kế web hiệu quả, kết thúc với chủ đề về sự gần gũi. Các chủ đề và phân đoạn trước trong loạt nguyên tắc thiết kế web hiệu quả bao gồm Tương phản, Lặp lại và Sắp xếp. Hướng dẫn người dùng thông qua trang web của bạn với lưu lượng phù hợp, sử dụng hiệu quả khoảng trắng, định vị nội dung tương tự gần nhau hơn và cung cấp cấu trúc rõ ràng là tất cả các khía cạnh của tiêu chuẩn thiết kế lân cận.

Gần, prox-im-ity, danh từ prok-sim-i-tee, sự gần gũi trong không gian hoặc thời gian, trật tự, sự xuất hiện hoặc mối quan hệ, sự gần gũi trong một chuỗi, vùng lân cận, trật tự.

Khoảng cách và các mối quan hệ

Sự gần gũi cho các mục đích thiết kế web có nghĩa là các yếu tố tương tự hoặc liên quan nên được nhóm lại với nhau, trong khi các yếu tố không liên quan hoặc không giống nhau nên được tách ra. Các mối quan hệ vật lý và không gian giữa các yếu tố thiết kế web tạo ra một mức độ nhấn mạnh và bao gồm các yếu tố khác như sự cô lập, sự tương đồng, chuyển động và hướng mắt, sự tiếp tục và sự bền bỉ của tầm nhìn.

Khi các yếu tố chồng chéo hoặc chạm vào, lớp trên cùng thường được chú ý chính. Bạn có nhận thấy mảnh "Gần" của câu đố ở trên không? Mắt của bạn có bị hút vào mảnh ghép màu tím trước không, sau đó di chuyển lên và sang trái để quét các mảnh còn lại? Tuy nhiên, đối tượng chồng chéo đột nhiên bị lu mờ nếu các đối tượng khác ở gần đó trái ngược hoàn toàn; khi các đối tượng trở nên gần nhau hơn, các yếu tố tương phản sẽ nổi bật. Tạo sự cân bằng giữa sự gần gũi và độ tương phản, và thậm chí thao túng hai nguyên tắc có thể đạt được kết quả khác nhau. Hãy nhìn vào hình B bên dưới và xem mắt bạn hấp dẫn ở đâu. Lần đầu tiên bạn có nhận thấy mảnh ghép "Lặp lại" không?

Mọi vật thể hoặc nguyên tố đều có cực hấp dẫn liên quan đến các vật thể khác ở gần tâm của nó và vật thể càng gần vật thể khác cũng ảnh hưởng đến trọng lượng của nó. Giống như lực hấp dẫn của một hành tinh ảnh hưởng đến quỹ đạo mặt trăng của nó, vị trí của các yếu tố với nhau trên một trang web có thể thay đổi trọng lượng cho nó và các yếu tố khác trên trang.

Khoảng trắng

Một yếu tố lân cận bổ sung là việc sử dụng hiệu quả khoảng trắng trên trang web, các yếu tố giãn cách sử dụng lề hiệu quả, máng xối giữa các cột và phần đệm tạo ra sự cân bằng giữa nội dung và không gian giữa các yếu tố. Nói chung, quá nhiều khoảng trắng và trang web trông không đều và không có nội dung, không có hướng. Tất nhiên, nếu thiết kế web của bạn yêu cầu một mức độ giấy phép nghệ thuật để làm nổi bật không gian mở với khoảng trống không thể phủ nhận của nội dung cho hiệu quả rõ rệt, thì hãy sử dụng nó.

Sự gần gũi và kiểu chữ

Ở trên, tôi đã nói về những tác động tiêu cực của quá nhiều khoảng trắng, nhưng quá ít khoảng trắng có thể làm cho trang web xuất hiện lộn xộn và chật chội. Theo nguyên tắc thông thường, một không gian trắng cân bằng thường hấp dẫn và dễ chịu cho mắt hơn. Dưới đây là hai ví dụ minh họa cả hai đầu của gam màu trắng. Hình C, ví dụ, quá nhiều khoảng trắng và Hình D có quá ít.

Hình C

Hình dung

Một luồng nội dung trực quan cho thấy sự cân bằng của không gian trắng và các yếu tố chính tả bao gồm nội dung văn bản. Lấy ví dụ đầu tiên về Danh sách khóa học CNTT được hiển thị bên dưới trong Hình E và cố gắng chuyển qua danh sách các khóa học có sẵn.

Hình E

Bây giờ, hãy xem cùng một danh sách bên dưới, hiện có từng nhóm logic được xác định với khoảng trắng thích hợp, các tiêu đề phù hợp và các danh sách không có thứ tự như được hiển thị trong Hình F bên dưới.

Hình F

Danh sách thứ hai được phân phối dễ dàng và cung cấp cho người đọc các phần khác nhau và các phần phụ của danh sách khóa học; mỗi khóa học đều gần với tiêu đề của phần phụ liên quan và liên quan.

Sử dụng nguyên tắc gần gũi của thiết kế web hiệu quả giúp tổ chức các yếu tố nội dung trên trang web sử dụng không gian, trật tự, kích thước, mối quan hệ, màu sắc và sử dụng hiệu quả không gian trắng và phân chia các yếu tố chính tả.

© Copyright 2020 | mobilegn.com