Xây dựng CTA đầy màu sắc với thư viện nút Gradient miễn phí
Mỗi trang chủ tuyệt vời cần một nút kêu gọi hành động (CTA) mạnh mẽ. Điều này hướng dẫn khách truy cập hướng tới bất kỳ hành động nào bạn muốn họ thực hiện, cho dù đó là đăng ký tài khoản mới hoặc mua thứ gì đó từ cửa hàng thương mại điện tử của bạn.
Nhưng bạn không phải tạo CTA từ đầu. Bạn có thể sử dụng hàng tá nút CSS3 tùy chỉnh trên web hoặc sử dụng một công cụ tương tự có thể giúp bạn dễ dàng hơn.
Một công cụ tôi thực sự thích về vấn đề này là thư viện nút gradient được tạo bởi Colorion. Nó đã có hàng chục kết hợp độ dốc tùy chỉnh với các hiệu ứng di chuột thực sự tuyệt vời.
Chỉ cần cuộn nhanh xuống trang sẽ cho bạn thấy có bao nhiêu để chọn. Màu sắc phải có ít nhất Hơn 100 nút trong bộ sưu tập này và các combo gradient mới được thêm vào mỗi lần như vậy.
Nếu bạn thấy một kiểu nút bạn thích chỉ cần nhấp vào “nhận được mã” liên kết bên dưới. Từ đó bạn chỉ có thể sao chép / dán mã vào trang web của mình và voilà ?? Â! Nút gradient đẹp mà không cần mã hóa vất vả.
Bạn thực sự có thể tìm hiểu sâu hơn về Colorion để tìm một vài công cụ liên quan đến màu sắc khác. Hầu hết trong số chúng là khá thích hợp, như trình tạo hình ảnh thành vật liệu lấy một hình ảnh và chuyển đổi nó thành một bảng màu thiết kế vật liệu.
Nhưng thư viện nút gradient của họ có lẽ là công cụ tốt nhất cho các nhà thiết kế web.
Mỗi hiệu ứng di chuột được bao gồm trong CSS để bạn có thể chỉnh sửa kiểu hoạt hình đó cho phù hợp với thiết kế của bạn.
Nếu bạn thích thiết kế với độ dốc thì bạn sẽ yêu thích thư viện này.
Cấp không phải tất cả các nút này có thể hoạt động trong mọi trang web. Nhưng bạn có thể có thể khiến hầu hết chúng hoạt động nếu bạn tập trung trang web của mình xung quanh các gradient tương tự.
Và nếu bạn có bất kỳ câu hỏi hoặc đề xuất nào cho trang web, bạn có thể quay một tweet nhanh chóng đến người tạo @csaba_kissi.