Knapper og lenker

Knapper og lenker på et nettsted spiller en avgjørende rolle ved å gi brukerne klare og intuitive måter å navigere, samhandle og få tilgang til ønsket informasjon eller tjenester.

I denne artikkelen:

  1. knapper
  2. lenker

Du kan administrere stilen for knapper og lenker fra Design (1)-delen.

Når du er inne i Design-delen, klikker du på fanen Knapper og lenker (2).


Alternativt kan du også bruke studioets søkealternativ.

  • Enter knapper (1) i søkefeltet.
  • Fra de relaterte resultatene klikker du på Knapper og lenker alternativ (2).


knapper

Knapper er interaktive elementer som er utformet for å oppfordre brukerhandlinger. De er visuelt mer fremtredende og har former som skiller seg ut.

Knapper brukes ofte til handlinger som å sende inn skjemaer, utløse spesifikke funksjoner osv. Herfra kan du:

  1. Stil: Angi stilen for knappene til å være heldekkende, konturerte eller en tekstlenke.
  2. Form: Velg formen på knappene på nettstedet ditt herfra. De tilgjengelige formene er firkantede, avrundede og pilleformede.
  3. ikon: Still inn ikonet som skal vises over knappen.
  4. Vertikal polstring: Angi avstanden mellom knappeteksten og kantene på knappen vertikalt.
  5. Polstring av sider: Angi avstanden mellom knappeteksten og kantene på knappen horisontalt.
  6. animasjon: Velg animasjonen når markøren holder seg over knappen.

Ulike former på knapper:

Liste over animasjonsalternativer du kan velge for knapper.

  • Falme: Knappen vil falme fra ugjennomsiktig til gjennomsiktig.
  • Vokse: Størrelsen på knappen vil øke mens du holder markøren over den.
  • Krympe: Størrelsen på knappen vil reduseres når du holder markøren over den.
  • Sveip til høyre: Animasjonen vil skje horisontalt og dekke hele knappen fra venstre til høyre.
  • Sveip til toppen: Animasjonen vil forekomme vertikalt og dekke hele knappen fra bunn til topp.
  • Understrek Avslør: En linje vil gradvis dukke opp nederst på knappen.
  • Understrek fra venstre: En linje vil gradvis dukke opp nederst på knappen fra venstre mot høyre.
  • Overline-avsløring: En linje vil gradvis dukke opp øverst på knappen.
  • Overlinje fra venstre: En linje vil gradvis dukke opp øverst på knappen fra venstre mot høyre.

Merk: Animasjoner vil bare finne sted når markøren holdes over knappen.


Lenker er elementer som brukere kan klikke på for å navigere til en annen side eller seksjon.

De er vanligvis understreket eller vist i en annen farge for å indikere at de er klikkbare.

  1. Understrek: Velg om du vil vise understrekingen permanent / når du holder markøren over den, eller deaktiver den i det hele tatt.

 


Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Pixpa Studio har nettopp blitt oppdatert. Vi oppdaterer for tiden alle skjermbilder fra hjelpeartikler.