Tin tức

10 mẫu layout chuẩn cho thiết kế web - phần 6

18/03/2013

Headline & Gallery - Bộ sưu tập & tiêu đề trang lớn

Ai cũng thích một trang bộ sưu tập, hay trưng bày sản phẩm, tác phẩm, hỉnh ảnh đẹp mắt. Thể hiện ra layout thiết kế web, còn gì đơn giản hơn nào? Tất cả những gì bạn cần chỉ là một danh sách lưới những hình ảnh và khoảng trống để đặt tiêu đề, cùng vài dòng text hoặc điều hướng bên trên. Mấu chốt là bạn phải để tiêu đề lớn, in đậm. Hãy thoải mái sáng tạo ở đây, bạn có thể thêm script, hoặc sử dụng một kiểu chữ đặc biệt nào đó, thậm chí có thể kỳ cục cũng được. Làm gì có thước đo nghệ thuật chứ.



Hình ảnh này sử dụng một danh sách lưới các hình chữ nhật dài, tuy nhiên bạn có thể sử dụng nhiều loại hình dạng khác tùy thích. Hãy sửa đổi chúng phù hợp với hình ảnh, sản phẩm, hay thứ gì mà bạn muốn hiển thị. Quan trọng là hãy thả trí tượng tượng vượt ra khỏi những hạn chế của layout. Hãy sử dụng hình tròn, hình oval, hay thậm chí hình ngôi sao. Đừng gò bó, hãy mạnh dạn lên.

Ứng dụng thực tiễn

Người thiết kế web dưới đây sử dụng dạng layout này để tạo một trang danh sách logo khách hàng thường xuyên của mình. Hãy chú ý rằng anh ấy không có ý nói mình thiết kế ra những logo đó, mà chỉ là "khoe" những khách hàng của mình theo một cách trực quan sinh động hơn mà thôi. Trình bày như vậy sẽ giúp bạn giảm bớt nhàm chán cho người xem, tuy nội dung đơn giản, nhưng hình ảnh sinh động sẽ khiến họ thấy thú vị và muốn xem thêm hơn.

Thiết kế web - layout bộ sưu tập


Các bài cùng series:

Design Shack