Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Thứ ba - 15/05/2018 22:00

Chúng tôi đã chọn ra đây một số thiết kế website đã sử dụng thành công nút bấm trong suốt dạng này.

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Các chuyên gia thiết kế web luôn phải khám phá ra những cách làm cho website của mình trở nên ấn tượng nhất có thể mà vẫn không làm ảnh hưởng đến cấu trúc cần có của nó. Một nút bấm call to action là giải pháp được lựa chọn để đáp ứng yêu cầu trên. Người ta thường gọi những nút bấm đó là nút bấm ma (ghost button). Tuy chúng là những nút bấm trong suốt nhưng trong nhiều trường hợp, trông chúng khá nổi bật trên nền website.

Chúng tôi đã chọn ra đây một số thiết kế website chuyên nghiệp đã sử dụng thành công nút bấm trong suốt dạng này. 

InVision

Landing page của trang web này có 2 nút bấm trong suốt, nút đầu tiên rất rõ ràng với phần viền màu đỏ và chữ cũng màu đỏ. Nút bấm thứ 2 có viền màu trắng và cả 2 dòng chữ trong 2 nút bấm sẽ thay đổi khi di chuyển chuột vào. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Mod Notebooks

Thiết kế web này có 2 nút bấm trong suốt, một để chọn play phần video, một để cuộn trang xuống. Cả hai nút bấm có thiết kế giống nhau. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Nokia Transitions

Phần background giúp làm đẹp thêm landing page. Website sử dụng màu trắng của chữ và viền bao quanh nút call to action. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Localhost.us

Nút call to action trong suốt với phần chữ màu trắng sẽ chuyển sang xanh khi di chuột vào. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Throne Watches

Slideshow toàn trang ở phần nền có 2 nút call to action trong suốt. Màu chữ bên trong nút bấm sẽ thay đổi sang màu xám tối khi di chuột vào. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Walked & Worn

Website thời trang này sử dụng nút call to action với viền bao quanh màu vàng. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

The Most Northern Place

Trang web mà bạn đang thấy kể về một câu chuyện trên đất nước Mỹ. Nút bấm trong suốt trên website này góp phần làm cho câu truyện được thể hiện một cách đẹp mắt nhất. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Visage

Trang web sở hữu 2 nút bấm trong suốt với màu sắc khác nhau. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Hotel Lago di Garda

Website khách sạn này có phần slideshow ở giữa và mỗi slide lại có một nút call to action trong suốt trên đó.

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Dela Banda

Ý tưởng thiết kế web này khá thú vị. Trên thực tế cả website này chính là một nút bấm call to action. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Teamgeek

Thiết kế phẳng của website này có 2 nút bấm trong suốt, khi di chuột vào, phần chữ sẽ có màu xám tối. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

The Offshore Partners

Một thiết kế web khác sử dụng ảnh nền toàn trang với nút bấm trong suốt được viền quanh bằng màu trắng nổi bật. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Andy Jones

Andy Jones là website sử dụng bảng màu khá độg đáo, cùng với 2 nút bấm trong suốt rất ấn tượng trên đó. 

Hiệu quả tuyệt vời của nút bấm trong suốt trên website

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: www.youthedesigner.com