Ghost Button – Nút bấm trong suốt là gì?

Mục lục

    Đặc điểm của Nút bấm trong suốt

    Nút bấm trong suốt rất dễ dàng thấy được và đã xuất hiện nhiều từ khoảng đầu năm 2014. Trong đa số các trường hợp thì nút bấm này ở dạng trong suốt, hiếm khi có màu khác với màu trắng,và được đặt trên ảnh nền,logo các lời kêu gọi hành động (CTA – Call To Action). Chúng thường được xây dựng trên nền màu đơn giản của giao diện, và được thiết kế gọn gàng,hợp lý trên tổng thể của bố cục website. Một số đặc điểm dễ nhận thấy của nút bấm trong suốt là :

    -       Có viền bao, màu viền không rõ nét
    -       Chữ trắng hoặc đen và
    -       Kích thước lớn hơn những nút bấm thông thường
    -       Nổi bật trên trang web
    -       Đứng một mình – hoặc ở trong một nhóm, liên quan tới các nhóm nút khác
    -       Trong suốt (có thể nhìn thấy nền phía sau)

    ghost button nút bấm trong suốt thiết kế website adc

    Bạn thường nhìn thấy chúng nổi bật khi được sử dụng một cách tương phản rõ rệt với màu nền. Điều này chắc chắn có thể giúp cho CTA của website được chú ý hơn vì nút bấm dạng này tạo nên sự rõ ràng và khác biệt trên trang web,ít nhất là khi chúng được đặt tương phản với ảnh nền. Bạn nên để ý tới chúng như là một yếu tố cần thiết khi bắt tay vào thiết kế website, đặc biệt với những web dạng phẳng.

    Nút bấm trong suốt và thiết kế web phẳng

    Các xu hướng thiết kế đôi khi rất khó để theo dõi và Nút bấm trong  suốt cũng không là ngoại lệ. Website đầu tiên sử dụng Nút bấm trong suốt là Blog Tumblr http://speckyboy.com. Nút bấm được phát triển mạnh mẽ hơn khi Apple thiết kế lại iOS 7, chúng được hiện hữu trên đa số các nút bấm của iOS 7. Hãy chú ý tới phần lưu trữ trang (Bookmark) của Safari

    ghost button nút bấm trong suốt thiết kế website adc

    Hay màn hình cập nhật ứng dụng

    ghost button nút bấm trong suốt thiết kế website adc

    Amit Tripathi,một chuyên gia thiết kế website, đã đánh giá rằng sự ra mắt phong cách thiết kế phẳng ở iOS7 đã gia tăng mức độ ưa chuộng với Nút bấm trong suốt: “Kể từ khi iOS7 ra mắt và sử dụng thiết kế phẳng,nút bấm trong suốt đã trở thành xu hướng phổ biến”

    Cho tới bây giờ, sự phát triển của nút bấm trong suốt được gắn cùng với sự phát triển lớn mạnh của phong cách thiết kế phẳng. Mặc dù không tự tạo ra chúng nhưng Apple đã giúp xu hướng này lan truyền rộng rãi.

    Ưu điểm và nhược điểm của nút bấm trong suốt

    Với mỗi xu hướng thiết kế,điều quan trọng là cần phải hiểu được ưu điểm và nhược điểm của từng xu hướng để có thể sử dụng chúng hiệu quả nhất có thể.

    Ưu điểm

    -       Đẹp, đơn giản
    -       Hiển thị CTA rõ ràng (khi dùng hợp lý)
    -       Ít gây khó chịu
    -       Rất linh động (nhìn được ảnh nền)
    -       Dễ thiết kế và thực hiện
    -       Hợp thời đại

    Nhược điểm:

    -       Gây bối rối với người dùng ít có kiến thức kĩ thuật
    -       Ảnh nền có thể làm chìm mất nút bấm
    -       Nút bấm quá nổi so với nền
    -       Sẽ lỗi thời

    Một số website sử dụng Ghost Button - nút bấm trong suốt

    ghost button nút bấm trong suốt thiết kế website adc 

    ghost button trên visage.co

    ghost button trong thedistance.co.uk

    Sau khi tìm hiểu qua nguồn gốc, ưu điểm, nhược điểm và một vài ví dụ về nút bấm trong suốt,cho thấy rằng nếu sử dụng chúng một cách hợp lý không những tạo nên được hiệu ứng tốt trên giao diện website mà còn tốt cho Sale (tăng hiệu quả của CTA). ADC khuyến khích nên sử dụng phong cách này cho thiết kế website của bạn nếu bạn muốn sự rõ ràng, đơn giản nhưng vẫn thu hút và không lạc hậu, bởi vì xu hướng này vẫn sẽ còn thịnh hành trong một khoảng thời gian nữa.

    Bài viết " Ghost Button – Nút bấm trong suốt là gì? "
    Công ty thiết kế website chuyên nghiệp ADC Việt Nam

     
     

    Làm thế nào để vượt qua đối thủ cạnh tranh?

    Bạn cần website để giới thiệu dịch vụ?

    Cho đến lúc này, điều mà bạn đang quan tâm có lẽ là muốn tìm hiểu thêm về dịch vụ thiết kế website và Công ty chúng tôi?

    SỞ HỮU NGAY WEB CHUYÊN NGHIỆP TẠI ADC VIỆT NAM ĐỂ VƯỢT QUA ĐỐI THỦ NGAY HÔM NAY!!!

    CÔNG TY CP GIẢI PHÁP VÀ PHÁT TRIỂN PHẦN MỀM ADC SOFTWARE

    Số 1, LK 11A Làng Việt Kiều Châu Âu, KĐT Mỗ Lao, P Mỗ Lao, Hà Đông, HN

    (024).3783.5639 - (024).3783.5640

    info@adcvietnam.net / support@adcvietnam.net

    https://adcvietnam.net

    ĐĂNG KÝ TƯ VẤNMIỄN PHÍ

    Đang gửi...

    Đang gửi...

    Zalo
    Thông báo
    Đóng
    Đang tải

    Đang tải...