Tin tức

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

18/03/2013

Fixed Sidebar

Qua 4 phần trước, chúng ta vẫn chỉ sử dụng một kiểu điều hướng theo dạng menu ngang đặt phía trên cùng. Một dạng điều hướng phổ biến khác ta dễ dàng bắt gặp ở bất cứ đâu là dạng thiết kế web menu dọc, tạo thành một cột đứng, điểm nhấn phía bên trái trang web. Thường thì khu vực này sẽ được cố định trong khi các nội dung khác của trang sẽ cuộn. Điều đó giúp người xem có thể điều hướng dễ dàng, dù đang xem ở bất cứ đâu trên trang.



Phần nội dung còn lại của trang bạn có thể sắp xếp theo các bố cục khác được giới thiệu trong series bài này. Hãy để ý một lần nữa tôi lại sửa layout three boxes đã giới thiệu từ bài đầu, thành một dạng sắp xếp 4 box. Sau khi đọc xong bài này, bạn hãy thử ngồi ghép các dạng layout khác vào layout này xem sẽ được kết quả ra sao nhé.

Ứng dụng thực tiễn

Cũng giống như ví dụ ở layout 5 box, 2 trang dưới đây cùng sử dụng layout này nhưng cho kết quả rất khác nhau. Để ý rằng cả hai giao diện đều sử dụng layout cố định sidebar kết hợp với 4 box. Trong giao diện thứ 2, các box nhỏ chỉ đơn giản được chuyển lên trên đầu trang, nhưng lại tạo khác biệt rất rõ ràng. Với dạng layout này, nhắm mắt tưởng tượng một chút là bạn có thể thiên biến vạn hóa được rất nhiều mẫu web độc đáo, ấn tượng.





Các bài cùng series:

Design Shack