Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

Thứ bảy - 02/06/2018 09:00

Mời các bạn khám phá tiếp phần 2 trong bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch.

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

Mặc dù vẫn giữ vai trò là thành phần không thể thiếu trong một thiết kế web, xong bạn luôn có những cách sáng tạo khác nhau để biến menu trở thành một điều gì đó đặc biệt cho website của mình. 

Martina Sperl

Martina Sperl sử dụng landing page với thành phần mấu chốt là tấm ảnh nền khổ lớn. Công nghệ cuộn trang theo chiều dọc được sử dụng để trình diễn những tác phẩm nghệ thuật. Trong thiet ke web này, phần side menu gọn gàng sáng sủa được đặt phía bên phải rất thân thiện người dùng và thuận tay với tuyệt đại đa số chúng ta. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

Bienville Capital Management

Thiết kế web này sử dụng slide out menu với màu sắc tương phản với phần nền. Chuyên gia thiết kế đã kết hợp màu sắc khá thông minh để người xem chú ý đến phần video trên trang. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

CFYE Magazine

Màu trắng và hồng xuất hiện rất nhiều trên thiết kế web này, làm nên phong cách riêng cho nó. Navigation chính của trang này được cấu trúc rất tốt với những thành phần cơ bản phải có. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

Tim Brack

Thiết kế web rất gọn gàng và đơn giản, tất cả sự chú ý giờ đây chỉ tập trung vào các tác phẩm của người chủ sở hữu portfolio này. Một hình khối lớn chứa navigation nằm ở bên trái trang đã góp phần làm nên cá tính cho website này. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

The Explorations Company

Phần side menu của trang này trong có phần hơi thô sơ, tuy nhiên đó là dụng ý của người thiết kế. Menu mang tới rất nhiều thông tin cần thiết về sự ra đời của website cũng như đường dẫn tới những dữ liệu quan trọng trên web. Do đó vấn đề được giải quyết bằng cách chọn mẫu side menu này. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

World is beautiful

Chuyên gia thiet ke website đã sử dụng side menu theo phong cách drop-down. Giải pháp này giúp thể hiện hết mọi navigation cùng một lúc. Màu sắc sáng sủa cả side bar giúp tạo kết nối giữa menu với phần đồ họa và thiết kế còn lại của website. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

Animesh Manglik 

Cách làm side menu cùng với thiết kế của trang đã góp phần tạo nên không khí vui vẻ và thoải mái cho toàn bộ thiet ke website này. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

University of Brighton 

University of Brighton đã chọn cách giới thiệu khá sáng tạo bằng cách chuyển website thành những trang sách tương tác với các chương. Side menu tĩnh giúp ích đắc lực cho người dùng web trong việc khám phá nội dung của trang web đặc sắc này.  

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

Whale Wars by Animal Planet

Slide ảnh toàn trang là điểm nhấn chính của cả website. Không có gì ngạc nhiên khi người thiết kế chọn cách thiết kế trơn, gọn gàng cho side menu để không phá vỡ bối cảnh của slide. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

Les Enfants 

Website sử dụng bố cục dạng grid để thể hiện những cảnh khác nhau trong một bộ phim. Side menu thanh lịch và nhẹ nhàng hòa điệu rất ăn ý với tông màu của cả trang. 

Bộ sưu tập những website có Side menu nhỏ gọn & thanh lịch (P.2)

 

Tác giả bài viết: Phùng Thanh Hằng