Gratis online knap designer

VN:F [1.9.22_1171]
Hvad synes du om artiklen? Giv en vurdering herunder:
Rating: 4.8/5 (9 votes cast)

Har du ofte brug for at kunne lave en lækker grafikknap til din hjemmeside, men får det aldrig gjort, så læs resten af dette indlæg.

Hvis du er typen der ikke har de bedste evner når det kommer til billedbehandlingsprogrammer, eller synes det er for besværligt og tidskrævende, så findes der gode alternativer.

Hvorfor i det hele taget bruge grafik knapper?

Det tror jeg godt du allerede ved en masse om, men her kommer alligevel et par tips til, hvorfor det kan være fedt, at en hæderlig grafikknap kan trylles frem på ultra kort tid.

  • De er mere synlige end almindelige links.
  • De kan laves ekstra iøjnefaldende ved f.eks. at lege med størrelse, teksten og farverne på knappen.
  • De kan være årsag til at du får flere af dine brugere til at gøre det du gerne vil have dem til.
  • Måske er det nemmere for dig at lave en grafik knap end det er at bøvle med CSS, hvis det er til en formular

En grafikknap kan altså være nemmere for dine brugere at få øje på. Derudover kan du kombinere den øgede synlighed, med større chance for at dine brugere gør hvad du gerne vil have dem til. Du kan måske endda få endnu flere til at trykke på knappen, hvis du leger med tekstbudskabet på din knap.

Nu er vi vist enige om hvorfor grafik knapper, kan være super gode alternativer til almindelige links. Ja eller til dine eksisterende grafik knapper. Det skader jo aldrig at tænke over om dine knapper:

  • Har den rette farve
  • Har den rette størrelse
  • Har det rigtige budskab
  • Har den rette placering

Alt dette kan du lege med, og måske hæve din konverteringsgrad. Du kan jo altid teste, hvilken knap der virker bedst.

Lav dine egne grafikknapper lynhurtigt

Nu skal du nok få adgang til værktøjet. Næste gang du mangler en grafik knap, går du bare ind på denne hjemmeside og designer den selv. Det er nemt og hurtigt. Det foregår online og det er ganske gratis.

Jeg tør vædde med at du kan lave en knap på et par minutter. Skal den være bare en smule fancy, kan du måske bruge op til 10 minutter. Men jeg garanterer for at det er hurtigere end i dit billedbehandlingsprogram. Resultatet bliver måske endda en del bedre for de fleste. 🙂

Siden burde være selvforklarende, eller er du velkommen til at stille spørgsmål i kommentarerne, så vil jeg forsøge at besvare dem så godt jeg kan.

Kender du andre services til design af knapper (eller lignende), som vil gøre livet nemmere for os der ikke er så dygtige grafikere, så del det endelig med os i kommentarerne.

 

VN:F [1.9.22_1171]
Hvad synes du om artiklen? Giv en vurdering herunder:
Rating: 4.8/5 (9 votes cast)
Gratis online knap designer, 4.8 out of 5 based on 9 ratings

Kommentarer (25)

  • Lars Kristensen

    Super godt indlæg

    Jeg er netop ved at designe en ny blog, og har brug for nogle knapper.

    +1 herfra

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    29-08-2011 at 21:35
  • Kim

    Hey Henrik.
    Fedt indlæg. Kendte ikke til sitet, men det virker umiddelbart rimelig brugbart. Jeg er dog blevet ret stor fan af de muligheder vi efterhånden har indenfor CSS3 og bruger det flittigt 🙂
    Men godt alternativ alligevel…

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    29-08-2011 at 22:17
  • Ulrik Rode

    Hej Henrik.

    Ja siden her kan man få nogle rigtig fine knapper ud af, hvis man leger lidt med dem.

    Der er også denne: http://www.glassybuttons.com/glassy.php
    Her er der også mulighed for at lave knapper med mouseover effekt, (kræver dog lidt programmering) Men også uden mouseover, kan man her få lavet nogle flotte knapper, uden de store forudsætninger..

    /Ulrik

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    29-08-2011 at 21:23
  • Henrik Andersen

    Super. Tak for feedback.

    Jeg var i tvivl om dette indlæg er relevant, men hvis det allerede har hjulpet dig, så er jeg godt tilfreds. 🙂

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    29-08-2011 at 21:37
  • Nikolaj Mogensen

    Dejligt tip med den Ninjabutton ting der – den ryger i bookmarks 🙂

    Ellers er jeg grundlæggende enig med dig – dog har jeg lidt den opfattelse at der i mange tilfælde kun må være en knap per side. Man kan let komme til at lave for mange ninjatricks, der ikke er gavnligt overordnet 😉

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    29-08-2011 at 21:48
  • Henrik Andersen

    Tak Nikolaj

    Jeg forholder mig også kun til værktøjet som et godt alternativ til ens egne evner (for mig begrænsede) i billedbehandlingsprogrammer.

    Jeg er helt enig med dig i at det skal bruges med omhu. Alle links skal ikke bare laves om til knapper f.eks.. 🙂

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    29-08-2011 at 21:52
  • Henrik Andersen

    Hej Kim

    Tak for det.

    CSS3 styrer for vildt, men er måske for besværligt i mange tilfælde. 🙂

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    30-08-2011 at 09:05
  • Kristian Ole Rørbye

    Den er hermed lagt i mine bookmarks.

    Tidligere har jeg brugt: http://www.mycoolbutton.com

    Den koster 10$ om året og har en del andre designs at vælge i mellem.

    🙂

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    30-08-2011 at 09:29
  • Henrik Andersen

    Hej Kristian

    Dit link ligner et godt alternativ. Og 10$ om året er nok noget de fleste kan betale. 🙂

    Tak for din kommentar.

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    30-08-2011 at 09:32
  • Martin

    Hej Henrik

    Super indlæg. Bruger selv det website til de knapper jeg laver.

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    30-08-2011 at 14:37
  • Henrik Andersen

    Tak for det Martin

    Og velkommen til 🙂

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    30-08-2011 at 14:38
  • Kristian Ole Rørbye

    Hej Henrik,

    Ja, der er lidt flere muligheder for former etc. på http://www.mycoolbutton.com

    Kan også se at de kører tilbud lige pt. så man får det til under 6$ for et år nu 🙂

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    30-08-2011 at 15:08
  • Michael Østergaard

    CSS3 er et godt værktøj til at levere gode oplevelser for de besøgende med en moderne browser, men med progressive enhancement i tankerne, så er det også vigtigt at levere en god oplevelse til de folk, der ikke er helt med på moden (alt sammen afhænger det af målgruppe, type af website og des lige).

    Når det er sagt, så er det vigtigt, at knapperne er tæt på virkeligheden, så at sige:

    http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    30-08-2011 at 19:34
  • Henrik Andersen

    Spændende link Michael.

    Tak for det. 🙂

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    31-08-2011 at 07:06
  • Preben

    Mange tak for linket 🙂

    Det er nogle super fede knapper man kan lave der.

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    18-10-2011 at 11:09
  • Kasper Toxvig

    Kunne ikke lige få det til at virke:P

    Men mange tak for linket Ulrik Rode, har fået lavet nogle flotte knapper:)

    Mvh. Kasper

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    22-10-2011 at 17:21
  • Jan

    Ja, vi går en rigtig spændende fremtid i møde i forhold til, hvor mange fede muligheder vi har for at style vores HTML med CSS.

    Jeg ser især frem til at det bliver væsentligt nemmere at style input typer som radio og checkbox, samt select udelukkende ved hjælp af CSS uden at kombinere med noget JS og billede filer.

    Men bare det at vi kan lave fede fleksible letvægtsknapper med gradienter, skygge og runde hjørner er enormt lækkert. Og hvis man kommer forbi og kigger med en browser der ikke understøtter alle disse lækre ting får man stadig en pæn og brugbar knap, uden alt bling bling…sweeet 🙂

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    19-01-2012 at 20:19
  • Camilla

    Hej Henrik. Kunne ikke få det til at virke. Men er heller ikke alt for teknisk 🙁

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    26-03-2012 at 22:44
  • Henrik Andersen

    Hej Camilla
    Den er lidt underlig at arbejde med, det vil jeg gerne medgive. Mit bedste råd til dig er at forsøge med en af de andre “knap designere” som bliver foreslået af de andre i kommentarerne. 🙂

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    26-03-2012 at 22:48
  • Michael Jacobs

    Fantastisk… Er lige på jagt efter nogle knapper til min hjemmeside. Er elendig til at lave det selv i et billedredigeringsprogram. Det bliver aldrig helt godt synes jeg.

    Men kan man ikke downloade knapperne fra den side du henviser til ? Kommer ind og har oprettet mig som bruger. Men så ser det ud til at man skal sætte noget kodeværk over istedet for, og som “kun” må blive vist 10.000 gange inden man skal betale.

    Kan se at den der glassy buttons ser ud til at man kan downloade, men synes knapperne det andet sted var bedre.

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    01-08-2012 at 14:14
  • Henrik Andersen

    Hej Michael
    Jo det skulle man da kunne. Det er dog længe siden jeg har brugt den selv. 🙂
    Et evt. alternativ kunne måske være denne: http://dabuttonfactory.com/
    Ellers kan du finde masse lignende services ved at søge på Google eller spørge hvad folk bruger på Twitter eller lignende. 🙂

    VN:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    01-08-2012 at 15:49
  • Michael Jacobs

    Jo, jeg fik det sørme til at virke forleden. Det er super fedt.
    Tusind tak for hjælpen Henrik !!

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    15-08-2012 at 19:23
  • Villy Wirz

    Super – Det skal du virkelig have ros for. Selv Advanced Designer er jo enkel og let at gå til. *****

    Villy

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    06-12-2012 at 15:15
  • Stefan

    Hej Henrik,
    Det virker helt fint til at designe knapper.
    Dog kan jeg bedre lide: http://buttonoptimizer.com/ – Synes den virker mere overskuelig og har funktioner, som at sætte ikon efter en tekst. Bruger meget en pil eller lignende. Og det kan man ikke på Dabuttonfactory?

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    01-01-2015 at 17:43
  • Frank

    Hej 🙂

    Super godt indlæg! Jeg plejer bare at søge “button maker”, men man ska altid være åben for nye ting!

    VA:F [1.9.22_1171]
    God kommentar? Stem her:
    Rating: 0.0/5 (0 votes cast)
    06-02-2018 at 09:24

Skriv en kommentar

Din email vil ikke blive synlig.