Sự sáng tạo gói gọn trong 20 thiết kế web dạng lưới grid

Bernd Kammerer

Sự phân cấp thứ bậc của các ô lưới được tạo ra nhờ sự khác biệt trong kích thước. Mỗi ô là một hình ảnh đẹp mắt, góp phần truyền thông điệp về sản phẩm.

Curioos

Tông màu khá ngọt ngào và dễ thương được dùng cho mỗi hình ảnh trong lưới này. 

Pierrick Calvez

Vẻ đẹp hiện đại kết hợp với phong cách tối giản trong hình ảnh đã làm nên đẳng cấp cho thiết kế này. 

Jonathan Patterson

Thêm một sự kết hợp giữa màu sắc của phong cách thiết kế phẳng giúp mang tới diện mạo đậm đà cho website.

Another

Portfolio của một studio thiết kế với phong cách đơn giản, tinh tế và tận dụng tốt lưới grid.

Faebric

Thiết kế website thương mại điện tử điển hình, nó đã được làm gọn và có bố cục chặt chẽ nhờ sử dụng lưới grid hợp lý. Bố cục hợp lý này nếu được "cải tiến" lại đôi chút sẽ là một mẫu thiết kế web nhà hàng tuyệt vời.

Hommard

Mỗi hình ảnh là một mảnh ghép làm nên phong cách lịch lãm cho cả website mà bạn đang xem. 

Daniel Vane

Trang chủ được ghép bởi nhiều hình vẽ kỳ quái và đậm cá tính. 

Killingsworth Station

Cách dùng lưới của trang này khá độc đáo, hình ảnh ở mỗi ô lưới được làm mờ giúp tạo hiệu ứng hình ảnh tốt. 

Teruhiro Yanagihara

Mỗi ô lưới đưa người xem đến với một nội dung riêng trên trang này. 

Wood Work

Các mảnh ghép dài với màu sắc ngọt ngào chạy song song với một sidemenu màu đen tinh tế. 

My Poor Brain

Website có cách chia ô khá dễ thương với kích cỡ nhỏ xinh của mỗi ô, tại đó là các link dẫn đến những tính năng khác nhau của trang. 

M.A.P.

Cá tính và khá giống phong cách một tạp chí thời trang online. 

Lundgren+Lindqvist

Màu xám trắng bao trùm bố cục trang, lưới grid là giải pháp mang đến sự gọn gàng và nhẹ nhàng cho cả trang. 

Swirls Bake Shop

Một cách thông minh để trưng bày những sản phẩm sinh động nhất lên trang chủ website, trông thật giống một tủ kính xinh xắn của cửa hàng. 

KEX Hotel

Sự phân chia của màu sắc có phần không tương phản nhau lắm nhưng thực chất đây là một bố cục dạng lưới. 

Silktricky

Làm thế nào để đưa nhiều nội dung cùng lúc lên một diện tích trang nếu đó không phải là một một lưới grid?

Postersinamsterdam

Cách làm rất sáng tạo với portfolio của công ty này. 

Whe-re They At

Khá giống với cách làm ở ví dụ trên nhưng có sự khác biệt về cách dùng màu. 

Studio Mister

Cả trang chủ hầu như chỉ có các hình ảnh xếp thành dạng lưới, cách làm đơn giản nhưng truyền thông điệp hiệu quả về công việc mà họ làm là gì.