Hệ Thống Lưới Trong Thiết Kế Website - Từ Nguyên Lý đến Thực Tiễn

Trang chủ » Hệ Thống Lưới Trong Thiết Kế Web » Hệ Thống Lưới Trong Thiết Kế Website - Từ Nguyên Lý đến Thực Tiễn

Có thể bạn quan tâm

Vì sao phải dùng lưới khi thiết kế website

Khi quan sát bất kì một khung cảnh nào trong đời sống hàng ngày, mắt ta sẽ tự sinh ra các đường gióng tại vị trí đường bao của vật thể. Các đường gióng này sẽ chia cắt không gian thành nhiều mảnh vụn nhỏ hơn. Càng có nhiều vật thể nằm ở các vị trí khác nhau trong không gian, hay nói cách khác, không gian càng có nhiều vật thể đặt bừa bãi thì càng có nhiều đường gióng được sinh ra, càng có nhiều mảnh không gian vụn được hình thành. Tương tự trong thiết kế website cũng vậy, nếu sắp xếp các thành tố không có lề lối rõ ràng, mỗi thứ đặt một nơi, sẽ tạo nên một tổng thể lộn xộn, mà khi quan sát, người xem sẽ phải đảo mắt nhiều hơn để tìm ra thứ mình cần đọc. Bên cạnh đó, những thiết kế không có lề lối như vậy sẽ mang lại cảm xúc không tốt cho người xem, đặc biệt là những người có óc thẩm mĩ, có nghĩa là độ uy tín của thiết kế đã vơi bớt đi phần nào, thậm chí là có những người sẽ tắt luôn những site kiểu đó chứ không cần xem tiếp.

*Minh họa: hình tĩnh không gian lộn xộn

Như vậy thì giải pháp đưa ra là gì? Giống như khi dọn dẹp phòng, chúng ta sắp các cuốn sách lên các ô trên giá, thì trong thiết kế cũng vậy. Thay vì đặt bừa bãi các element, bây giờ chỉ cần xếp chúng ngay hàng thẳng lối lại với nhau, như vậy tự nhiên những đường chia cắt không gian sẽ giảm bớt đáng kể, tạo ra nhiều khoảng thoáng cho thiết kế hơn. Bên cạnh đó, việc căn gióng các element còn tạo ra flow đọc, dẫn dắt người xem đi “du lịch” trên thiết kế một cách tự nhiên và dễ hiểu.

*Minh họa: hình động căn gióng element

Từ khóa » Hệ Thống Lưới Trong Thiết Kế Web