30+ "Call to Action" Button Vorlagen zum Download
Es gibt kaum eine Website, die nicht zwei Arten von Tasten hat, nämlich; Social-Media-Schaltflächen und Call-to-Action-Schaltflächen. Während ersteres ein völlig anderes Thema ist, stelle ich in diesem Beitrag die Call-to-Action-Button-Vorlagen zum Download bereit .
Da Web-Designer immer nach einer neuen Sammlung von Call-to-Action-Buttons suchen, finden Sie hier eine Sammlung von Call-to-Action-Schaltflächen-Vorlagen von HTML, CSS und JavaScript bis hin zu professionell gestalteten Photoshop-Formaten . Lass uns einen Blick darauf werfen.
Anmerkung der Redaktion: Dieser Beitrag wurde ursprünglich im August 2014 veröffentlicht und im März 2018 auf der Grundlage neuer Inhalte von Ashutosh KS aktualisiert.
Schaltflächen in HTML / CSS / JS
Fancy Floaty Knopf
Wenn Sie nach einer unterhaltsamen Möglichkeit suchen, um umsetzbare Gegenstände zu zeigen, dann scheint Fancy Floaty Button wie eine ideale Wahl. Es zeigt einen einfachen farbigen Knopf, der mit einem langsamen Auf- und Ab-Übergang schwebt . Sie können den Inhalt und das Design nach Bedarf ändern.
RubyMotion CTA-TasteRubyMotion CTA-Taste ist eine schöne und attraktive Call-to-Action-Taste, dank seiner lebendigen Farbe. Ich mag die Animation bei Hover, die den gesamten Button mit Farbe füllt.
Pulsierendes CTADiese Vorlage zeigt eine einfache Call-to-Action-Schaltfläche mit einem pulsierenden Hintergrund . Dank seiner pulsierenden Natur ist es bemerkenswert genug, um die Aufmerksamkeit jedes Besuchers zu erregen.
Schaltfläche Ausklapp-Call to ActionButton Call-to-Action ist eine einfache Call-to-Action-Button-Vorlage mit einer Flip-Animation, die aussieht wie eine Mailbox geöffnet wird . Aufgrund dieser Animation mochte ich diesen Knopf.
Sechs Schaltflächen mit Hover-AnimationenDieser Satz von sechs Schaltflächen mit verschiedenen Arten von Hover-Animationen ist ein perfekter Satz von Call-to-Action-Buttons, wenn Sie verschiedene Button-Typen platzieren und alles einzigartig halten möchten.
YouTube Call to ActionWenn Sie einen Video- oder Werbe-Link als Call-to-Action anzeigen möchten, ist YouTube Call to Action die ideale Wahl. Es zeigt eine saubere, sichtbare Schaltfläche, die zusätzliche Informationen zum Hover anzeigt, und Sie können die Farben anpassen, um sie mit Ihrem Design zu kombinieren.
Material Design Animierte SchaltflächenMaterial Design Animierte Buttons unterstreichen die Einfachheit des Materialdesigns in einer Call-to-Action-Schaltfläche. Es zeigt vier Tasten mit verschiedenen Designs und Welleneffekten .
MikrointeraktionsschaltflächeEine schöne und interaktive Call-to-Action-Button-Vorlage, Micro Interaction Button zeigt ein sauberes Design, das Schaltfläche Text zusammen mit einem Symbol zeigt . Obwohl diese Vorlage beim Hover ein Symbol anzeigt, können Sie sie anpassen, um auch anderen Inhalt hinzuzufügen.
Starke CTA-Button-AnimationenStarke CTA-Schaltflächen-Animationen zeigen mehrere Schaltflächen in verschiedenen Farben an. Ich mochte das einfache und schlichte Design der Knöpfe mit einem Übergangseffekt auf die Hintergrundfarbe .
Mainstream-CTADer Favorit Call-to-Action-Button, den Sie überall im Web sehen. Diese CSS-basierte Vorlage erläutert auch grundlegende Designspezifikationen zum Erstellen einer Schaltfläche, die konvertiert.
Aufruf zum AktionsexperimentCall to Action Experiment ist ein weiterer interaktiver Button wie der Micro Interaction Button. Es zeigt Text im normalen Modus und zeigt ein Symbol im Hover-Modus . Wie bei der anderen Schaltfläche können Sie sie auch so anpassen, dass Inhalte angezeigt werden, um die Interaktion zu verbessern.
Schaltflächen in Photoshop PSDWeb 2.0-Tastenkit
Es ist ein schönes Set von mehreren Call-to-Action-Tasten einschließlich Anmeldung, Download, lesen Sie mehr Tasten usw. Es zeigt diese Tasten in verschiedenen Stilen und Farben, so dass Sie die Taste wählen, die am besten zu Ihrer Marke und Design für die Leistung passt .
CALL-TO-ACTION-TasteCALL-TO-ACTION Button ist eine einfache und attraktive Schaltfläche zum Anzeigen umsetzbarer Elemente. Es zeigt ein rundes Design mit einem Gradienten Hintergrund .
Aufruf an AktionsschaltflächenEine Reihe von dreifarbigen Tasten, Call To Action Buttons zeigt Download-Taste in drei verschiedenen Farben und zwei Modi - normal und gedrückt (angeklickt). Sie können die Schaltfläche auch ändern, um eine separate Aktion anzuzeigen, während das Design der Schaltfläche beibehalten wird.
Großer grüner Knopf (PSD)Big Green Button zeigt eine einzelne große Call-to-Action-Taste, die perfekt für die Anzeige von erweiterten Informationen oder Text zusammen mit einem umsetzbaren Artikel, zum Beispiel Preisinformationen, ist.
Kostenlose Call-to-Action-ButtonsFree Call to Action Buttons zeigt eine Anmelde-Taste in verschiedenen Größen und Farben . Obwohl ihr Design gleich ist, hilft ihre Vielfalt bei der Auswahl der besten je nach Bedarf.
Web Designer SchaltflächensetDiese Call-to-Action-Schaltflächenvorlage zeigt mehrere Schaltflächenvarianten mit abgerundeten Schaltflächen, umrandeten Schaltflächen und kleinen eingekreisten Schaltflächen an . In diesem Set können Sie auch die Auswirkungen von verschiedenen Schatten und Grenzen erkennen und den passenden auswählen.
Call to Action-ButtonsCall to Action Butttons ist eine einfache Vorlage, die mehrere Schaltflächen mit unterschiedlichen Formen und einen Farbverlauf in verschiedenen Farben zeigt. Das Set zeigt zahlreiche Schaltflächengrößen und beinhaltet auch Symbole, die dem aktuellen Trend von Text- und Symbolschaltflächen folgen.
Aufruf zum Aktionsknopf PSDCall To Action Button PSD ist eine Vorlage, die zwei kombinierte Schaltflächen zum Erstellen ausführbarer Gruppenknöpfe zeigt . Die Vorlage enthält ein Symbol mit Text in der Schaltfläche und zeigt eine Schaltfläche mit kreisförmigem Rahmen und zwei Status oder Modi an - normal und geklickt.
Call-to-Action-Schaltflächen PSD-DateiDiese Schaltflächenschablone, wie die obige, zeigt eine Schaltfläche mit einem Text-Symbol, einem Hintergrund mit Farbverlauf und einer abgerundeten Umrandung sowohl im normalen als auch im Schwebezustand.
Download + Hochladen Buttons PSDDownload + Upload Buttons PSD präsentiert drei Buttons in zwei Farben und Designs . Obwohl die Vorlage Upload- und Download-Schaltflächen enthält, können Sie sie an Ihre Anforderungen anpassen. Außerdem werden die Schaltflächen in den Status " Hover" und "Non-Hover" angezeigt .
CTA-TastenCTA-Schaltflächen zeigen drei Call-to-Action-Schaltflächen in verschiedenen Farben. Die Schaltflächen sind fett formatiert und zeigen den Stil in zwei verschiedenen Modi an - normal und schwebend.
Erfahren Sie mehr SchaltflächenErfahren Sie mehr Schaltflächen zeigt eine Schaltfläche zum Lernen mehr ist drei verschiedene Stile - normal, Hover und aktiv / angeklickt. Diese Schaltflächen enthalten Text ("Weitere Informationen") und ein Symbol. Sie können den Inhalt jedoch natürlich an die Anforderungen Ihrer Marke oder Website anpassen.
Gratis Button SetFree Button Set zeigt mehrere Tasten in verschiedenen Farben - hell und dunkel - für verschiedene Farbschemata oder Themen an. In dieser Vorlage gibt es fünf Schaltflächen mit verschiedenen Designs, die Symbole, Abzeichen und Text in einem anderen Stil an verschiedenen Orten zeigen.
3 "Aufruf zur Aktion" TastenEine Reihe von absolut einzigartigen Call-to-Action-Buttons von Kuldar Kalvik.
3D KnöpfeHübsche 3D-Buttons, die als Call-to-Action-Buttons funktionieren.
Fügen Sie zu den Warenkorb-Knöpfen hinzuDieses Set übertrifft wahrscheinlich die Qualität der meisten Artikel im Premium-Markt, sieht sehr charmant und professionell aus .
Aqua-Textur-SchaltflächeHohe Qualität und groß genug für eine Aktion.
Helle 3D KnöpfeSchön gestaltete 3D-Buttons mit ausgewogener Typografie und wunderschönem Farbschema.
"Aufruf zur Aktion" ButtonSehr cooler und eleganter "Call to Action" -Knopf, der an eine Vielzahl von Designs angepasst werden kann.
Schaltfläche herunterladenEine Reihe von minimalistischen Download-Buttons, die in 3 verschiedenen Zuständen verfügbar sind: Standard, Hover und Clicked .
Grüne App Store-TasteDer beste kostenlose App Store bezogenen "Call to Action" Button, den ich bisher gesehen habe.
Pink Vibrant "Aufruf zum Handeln"Pinker und passend gestalteter "Call to Action", der Sie wirklich zum Klick anzieht.
Rote Download-SchaltflächeZiemlich einzigartige Download-Taste gut geeignet für Software oder Web Application Site.
Sexy grüner Download ButtonEin grüner Knopf, der Sie dazu verleitet, darauf zu klicken.
Web-Schaltflächen-Vektor-GrafikProfessionell gestaltete Web-Buttons für verschiedene Zwecke, erstellt von Design-Experten DryIcons.
Verwenden des TinyMCE-Editors in WordPress [Guide]
Obwohl sie ihren Namen vielleicht nicht kennen, ist jeder, der WordPress verwendet, mit dem TinyMCE-Editor vertraut. Es ist der Editor, den Sie verwenden, wenn Sie Ihren Inhalt erstellen oder bearbeiten - der mit den Schaltflächen zum Erstellen von fettem Text, Überschriften, Textausrichtung und so weiter.
Könnte mehr Urlaubszeit Ihre Produktivität verbessern? [30 Länder im Vergleich]
Japan, bekannt für seine Workaholic-Kultur, machte Schlagzeilen, als seine Regierung Berichten zufolge über ein Gesetz verfügte, das seine Arbeiter dazu zwingt, Urlaub zu nehmen. Es gibt viele Gründe, die zu solch einer drastischen Entscheidung beitragen, einschließlich des Gedankens, dass dieser Schritt dazu beitragen könnte, Japans Wirtschaftswachstum nach Jahren der Stagnation wieder zu beleben.Aber