Cách dùng menu ẩn đầy thông minh trong website (P.2)

Thứ tư - 16/05/2018 22:00

Phần 2 trong bộ sưu tập website sử dụng menu ẩn (hidden menu) đầy thông minh trong thiết kế.

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Exit Film

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Exit Film có bố cục trung tâm và sở hữu nút bấm hamburder đại diện cho menu ẩn của mình.  

La Ligne Rouge

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Phần navigation của  thiết kế website này đã góp phần làm tăng ấn tượng của người xem với cả trang web. Menu ẩn đã đóng góp cho sự thành công của toàn bộ trang này. 

Xander

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Phần slide ảnh toàn trang đã không khiến người xem bị nhàm chán, ngoài ra cũng phải kể đến sự đóng góp của menu ẩn, đã giúp tạo ra bất ngờ thú vị cho người dùng web. 

Tannbach

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Thiết kế web này sử dụng phương án độc đáo để đánh dấu khu vực menu ẩn. Phần menu có sự hòa hợp và hỗ trợ hữu hiệu cho ý đồ thiết kế của cả website. 

Cofa Media

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Cofa Media hấp dẫn người dùng bởi video nền nói về hoạt động của công ty. NÚt bấm bamburger nhẹ nhàng, tinh tế xuất hiện trên thiet ke web tạo ra trải nghiệm người dùng sinh động hơn cho người xem.  

Alt_Cph14

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Alt_Cph14 có sức cuốn hút đặc biệt với người dùng web. Hiêu ứng đẹp mắt kết hợp cùng đồ họa mượt mà đã góp phần tạo ra ấn tượng tốt đẹp của người xem với website. Và dĩ nhiên không thể không kể đến công lao của menu ẩn trên thiết kế web này. 

Ball&Claw

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Ball&Claw cho chúng ta thấy đồ họa tuyệt đẹp, phần typography tinh tế và bảng màu ấn tượng. Thiết kế web này cũng sở hữu menu ẩn đầy thanh lịch.

Hooch Creative

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Memu ẩn là phương án thiết kế rất thông minh trong trường hợp của website này. 

Sam Dallyn

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Sam Dallyn lựa chọn cách dàn trang dạng lưới grid. Bạn sẽ dễ dàng chú ý đến nút hamburger ở bên trái, đó chính là vị trí để mở ra toàn bộ menu ẩn của thiết kế web này. 

The First 50 Years of Bose

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Trang chính của website này chia làm 2 khu vực. Nút bấm hamburger xuất hiện với màu sắc nhẹ nhàng nhưng không kém phần nổi bật trên trang. 

Demodern

Cách dùng menu ẩn đầy thông minh trong website (P.2)

Demodern có phần navigation bắt mắt và video mượt mà. Thiết kế ẩn của menu rất hài hòa với toàn bộ các chi tiết thiết kế khác.

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