Website animation

Websiteanimationer kan bruges til at tilføje visuelle effekter, mens siden indlæses som fade in, fade out, scale down og andre. Dette vil tilføje en flair til dit websted, når brugeren ruller siderne.

Du kan vælge forskellige animationsstile til forskellige elementer på dit websted.

I denne artikel:

  1. Website animation
  2. Hjemmesideelementer
  3. Animationsstilarter
  4. Animationshastighed

Rediger webstedsanimation

Animationer kan gøre en hjemmeside visuel interessant og give liv til alle de elementer, der er til stede på hjemmesiden. De skaber en mere engagerende og fordybende oplevelse for brugerne.

  • På hjemmesiden for oprettelse af en konto skal du indtaste postnummeret for dit service-eller faktureringsområde i feltet, der er markeret (A) på billedet ovenfor. Hovedmenu (1) i studiet, klik på Design (2) afsnit.

Her vil du se alle de tilgængelige indstillinger til at administrere og tilpasse animationer til dine webstedselementer.

Tips

  • Som standard Glid op animation vil blive anvendt på hele hjemmesiden.
  • Type Ingen hvis du vil deaktivere animationerne.


Forskellige hjemmesideelementer

Pixpa giver dig mulighed for at anvende animationer til følgende elementer på dit websted:

  1. Billeder: Tilføj bevægelse til dine billeder for at fange besøgendes opmærksomhed.
  2. Overskrift H1: Brug animationer til at få hovedoverskrifter til at skille sig ud.
  3. Overskrifter H2: Animer underoverskrifter eller mindre titler for at forbedre flowet af dit indhold.
  4. Tekst: Giv dit indhold liv ved at animere afsnit og beskrivelser.
  5. Knapper: Fremhæv dine call-to-action-knapper med iøjnefaldende effekter.

Sørg for at trykke på knappen Udgiv (6) for at gemme alle ændringerne og offentliggøre dem på hjemmesiden.


Animationsstilarter

  1. Fade In –  Afslører gradvist elementer ved at øge dens uigennemsigtighed fra gennemsigtig til uigennemsigtig.
  2. Glid op - Glat bevægelse af elementer på skærmen fra en lavere position til en højere position.
  3. Opskalere - Øger gradvist størrelsen eller skalaen af ​​et element.
  4. Nedskalere - Formindsker gradvist størrelsen eller skalaen af ​​et element.
  5. Løfte sløret - Gradvist afsløre eller afsløre elementerne på skærmen.

Bemærk

Vælg Ingen for at deaktivere animationen for det pågældende element.


Animationshastighed

Den hastighed, hvormed en animation skifter fra en tilstand til en anden. Det bestemmer, hvor hurtigt eller langsomt de animerede ændringer sker på skærmen.

Der er tre muligheder at vælge imellem: Langsom, Mellem og Hurtig.

Bemærk

Hvis du bruger en gammel skabelon, kan du muligvis ikke se Animationsindstillingen. Du skal skifte til en ny skabelon på webstedet. Få mere at vide.


Se Slide Up Animation live i aktion:


Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.

Pixpa Studio er netop blevet opdateret. Vi opdaterer i øjeblikket alle skærmbilleder af hjælpeartikler.