Hơn 30 mẫu gọi để hành động

Hầu như không có trang web nào không có hai loại nút, cụ thể là; nút phương tiện truyền thông xã hội và nút kêu gọi hành động. Mặc dù trước đây là một chủ đề hoàn toàn khác nhau, trong bài đăng này, tôi có tính năng mẫu nút gọi hành động để tải xuống.

Vì các nhà thiết kế web luôn tìm kiếm bộ sưu tập các nút kêu gọi hành động mới theo ý của họ, đây là một bộ các mẫu nút gọi hành động khác nhau, từ HTML, CSS và JavaScript để định dạng Photoshop được thiết kế chuyên nghiệp. Chúng ta hãy xem.

Ghi chú của biên tập viên: Bài đăng này ban đầu được xuất bản vào tháng 8 năm 2014 và được cập nhật vào tháng 3 năm 2018 trên cơ sở nội dung mới của Ashutosh KS.

Các nút trong HTML / CSS / JS

Nút Floaty ưa thích

Nếu bạn đang tìm kiếm một cách thú vị để hiển thị các vật phẩm có thể hành động, thì Fancy Floaty Nút nghe có vẻ là một lựa chọn lý tưởng. Nó cho thấy một đơn giản nút màu nổi với sự chuyển đổi lên xuống chậm. Bạn cũng có thể thay đổi nội dung và thiết kế của nó khi cần thiết.

Nút CTM của RubyMotion

RubyMotion CTA-button là nút kêu gọi hành động đẹp và hấp dẫn, nhờ màu sắc rực rỡ. Tôi thích hoạt hình trên di chuột, Làm đầy toàn bộ nút với màu.

CTA đập

Mẫu này cho thấy một đơn giản nút kêu gọi hành động với nền xung. Nhờ vào bản chất xung của nó, nó đủ đáng chú ý để thu hút sự chú ý của mọi du khách.

Nút lật xuống để gọi hành động

Nút lật xuống Gọi hành động là một mẫu nút gọi hành động đơn giản với một lật hoạt hình có vẻ như một hộp thư đang mở. Do hoạt hình này, tôi thích nút này.

Sáu nút với hình động Hover

Bộ sáu này các nút với các loại hình động khác nhau là một bộ hoàn hảo của các nút gọi hành động nếu bạn đang tìm cách đặt các loại nút khác nhau và giữ cho nó hoàn toàn độc đáo.

Kêu gọi hành động của YouTube

Nếu bạn muốn hiển thị video hoặc liên kết quảng cáo dưới dạng kêu gọi hành động, thì YouTube Call to Action là lựa chọn lý tưởng. Nó trưng bày một nút sạch, hiển thị hiển thị thông tin bổ sung khi di chuột, và bạn có thể tùy chỉnh màu sắc của nó để nổi bật cùng với thiết kế của bạn.

Vật liệu thiết kế nút hoạt hình

Thiết kế Vật liệu Nút Hoạt hình mang đến sự đơn giản của thiết kế vật liệu trong nút gọi hành động. Nó cho thấy bốn nút với thiết kế đa dạng và hiệu ứng gợn.

Nút tương tác vi mô

Mẫu nút gọi hành động đẹp và tương tác, Nút tương tác vi mô hiển thị một thiết kế rõ ràng hiển thị văn bản nút cùng với một biểu tượng. Mặc dù mẫu này hiển thị một biểu tượng khi di chuột nhưng bạn cũng có thể tùy chỉnh nó để thêm bất kỳ nội dung nào khác.

Ảnh động nút CTA mạnh

Ảnh động CTA mạnh cho thấy nhiều nút có màu sắc khác nhau. Tôi thích nút của nó đơn giản và thiết kế đơn giản với hiệu ứng chuyển tiếp trên nền của nó màu.

CTA chính

Nút kêu gọi hành động yêu thích mà bạn thấy ở mọi nơi trên web. Điều này Mẫu dựa trên CSS cũng giải thích các thông số thiết kế cơ bản để tạo một nút chuyển đổi.

Gọi để thử nghiệm hành động

Call to Action Experiment là một nút tương tác khác được đặt như Nút tương tác vi mô. Nó cho thấy văn bản ở chế độ bình thường và hiển thị một biểu tượng ở chế độ di chuột. Cũng như nút khác, bạn cũng có thể tùy chỉnh nó để hiển thị bất kỳ nội dung nào để cải thiện sự tương tác.

Các nút trong Photoshop PSD

Bộ nút Web 2.0

Nó là một bộ công cụ tuyệt đẹp gồm nhiều nút kêu gọi hành động bao gồm đăng ký, tải về, đọc thêm các nút, vv Nó hiển thị các nút này theo nhiều kiểu dáng và màu sắc khác nhau, cho phép bạn chọn nút phù hợp nhất với thương hiệu và thiết kế của bạn để thực hiện.

Nút GỌI-HÀNH ĐỘNG

Nút CALL-TO-ACTION là một nút đơn giản và hấp dẫn để hiển thị các mục có thể thao tác. Nó trưng bày một thiết kế tròn với nền gradient.

Các nút gọi hành động

Một bộ các nút ba màu, Nút gọi hành động hiển thị nút tải xuống trong ba màu khác nhau và hai chế độ - bình thường và ép (đã bấm). Bạn cũng có thể sửa đổi nút để hiển thị hành động riêng biệt trong khi duy trì thiết kế của nút.

Nút lớn màu xanh lá cây (PSD)

Nút lớn màu xanh lá cây giới thiệu một nút kêu gọi hành động lớn, đơn đó là hoàn hảo để hiển thị thông tin mở rộng hoặc văn bản cùng với một mặt hàng có thể hành động, ví dụ: thông tin về giá.

Các nút gọi hành động miễn phí

Các nút gọi hành động miễn phí giới thiệu một nút đăng ký với nhiều kích cỡ và màu sắc. Mặc dù thiết kế của chúng giống nhau nhưng sự đa dạng của chúng giúp chọn ra một nhu cầu tốt nhất theo nhu cầu.

Bộ nút thiết kế web

Mẫu nút kêu gọi hành động này hiển thị nhiều biến thể nút, hiển thị nút tròn, nút viền tròn và nút tròn nhỏ. Trong bộ này, bạn cũng có thể nhận thấy các hiệu ứng của các bóng và đường viền khác nhau và chọn một hiệu ứng phù hợp.

Kêu gọi hành động

Call to Action Butttons là một mẫu đơn giản hiển thị nhiều nút có hình dạng khác nhau và nền gradient với nhiều màu sắc khác nhau. Bộ cho thấy nhiều kích cỡ nút và bao gồm các biểu tượng cũng theo xu hướng hiện tại của nút văn bản kiêm biểu tượng.

Nút gọi hành động PSD

Nút gọi hành động PSD là một mẫu hiển thị hai nút kết hợp để tạo các nút nhóm hành động. Mẫu bao gồm biểu tượng kiêm văn bản trong nút và hiển thị một nút được đặt với viền tròn và hai trạng thái hoặc chế độ - bình thường và được nhấp.

Gọi nút hành động tập tin PSD

Mẫu nút này, giống như ở trên, hiển thị một nút có một số biểu tượng kiêm văn bản, nền gradient và đường viền tròn ở trạng thái bình thường cũng như di chuột.

Tải xuống + Nút tải lên PSD

Tải xuống + Nút tải lên PSD quà ba bộ nút trong hai màu sắc và kiểu dáng. Mặc dù mẫu hiển thị các nút tải lên và tải xuống nhưng bạn có thể sửa đổi nó để đáp ứng yêu cầu của bạn. Ngoài ra, nó hiển thị các nút trong trạng thái di chuột và không di chuột.

Nút CTA

Các nút CTA hiển thị ba bộ nút kêu gọi hành động với nhiều màu sắc khác nhau. Các nút được xác định, in đậm và hiển thị kiểu ở hai chế độ khác nhau - bình thường cũng như di chuột.

Tìm hiểu thêm các nút

Tìm hiểu thêm Nút giới thiệu một tìm hiểu thêm nút là ba phong cách khác nhau - bình thường, di chuột và kích hoạt / nhấp chuột. Các nút này chứa văn bản (“Tìm hiểu thêm”) và một biểu tượng, nhưng bạn có thể thay đổi nội dung của chúng cho phù hợp với yêu cầu thương hiệu hoặc trang web của bạn, tất nhiên.

Bộ nút miễn phí

Bộ nút miễn phí hiển thị nhiều nút có màu sắc khác nhau - sáng và tối - để phù hợp với các bảng màu hoặc chủ đề khác nhau. Có năm nút trong mẫu này với thiết kế đa dạng, hiển thị biểu tượng, huy hiệu và văn bản theo một phong cách khác, ở những nơi khác nhau.

3 “Kêu gọi hành động” nút

Một bộ hoàn toàn độc đáo “kêu gọi hành động” nút được thiết kế bởi Kuldar Kalvik.

Nút 3D

Các nút 3D đẹp sẽ hoạt động khá tốt như “kêu gọi hành động” nút.

Thêm vào nút giỏ hàng

Bộ này có thể vượt quá chất lượng của hầu hết các mặt hàng được tìm thấy trên thị trường cao cấp, trông rất quyến rũ và chuyên nghiệp.

Nút kết cấu thủy

Chất lượng cao và đủ lớn để kêu gọi một hành động.

Nút 3D sáng

Các nút 3D được thiết kế độc đáo với kiểu chữ cân bằng và phối màu tuyệt đẹp.

“Kêu gọi hành động” Nút

Rất mát mẻ và kiểu dáng đẹp “kêu gọi hành động” nút thích ứng với nhiều kiểu dáng.

Nút tải xuống

Một tập hợp các nút tải xuống tối giản ở 3 trạng thái khác nhau - mặc định, di chuột và nhấp.

Nút cửa hàng ứng dụng xanh

Các cửa hàng ứng dụng miễn phí tốt nhất liên quan “kêu gọi hành động” nút tôi đã thấy cho đến nay.

Màu hồng rực rỡ “Kêu gọi hành động”

Màu hồng và được thiết kế phù hợp “kêu gọi hành động” Điều đó thực sự thu hút bạn nhấp vào nó.

Nút tải xuống màu đỏ

Nút tải xuống khá độc đáo rất phù hợp với phần mềm hoặc ứng dụng web trang web.

Nút tải xuống màu xanh lá cây gợi cảm

Một nút màu xanh cám dỗ bạn nhấp vào nó.

Nút Web Đồ họa Vector

Các nút web được thiết kế chuyên nghiệp cho các mục đích sử dụng khác nhau được tạo bởi thiết kế chuyên nghiệp DryIcons.