Animationer på din hjemmeside

    Fade in
    Slide fra venstre
    Slide nedefra
    Zoom
    Stagger – flere elementer efter hinanden

    Små bevægelser – stor effekt

    Animationer er en af de enkleste måder at få en hjemmeside til at føles professionel. Når indhold glider blidt ind, zoomer op eller toner frem imens den besøgende scroller, virker siden mere gennemarbejdet og moderne.

    Reveal når man scroller

    Overskrifter, billeder, bokse og knapper kan komme elegant ind fra siden, nedenfra eller tone op når de besøgende scroller ned til dem. Det holder blikket i bevægelse og gør at man har lyst til at scrolle videre.

    Flere stilarter at vælge mellem

    • Fade in – indholdet toner blidt frem
    • Slide – glider ind fra venstre, højre eller nedenfra
    • Zoom – vokser roligt op i den rigtige størrelse
    • Stagger – flere elementer kommer efter hinanden med lidt forskudt timing

    Subtilt – ikke støjende

    Animationerne er indstillet så de understøtter indholdet i stedet for at stjæle opmærksomheden. Kort varighed, blød easing og ingen unødvendige effekter. Resultatet er en hjemmeside der føles levende, uden at være anstrengende at være på.

    Animationer er de små bevægelser, der får indholdet til at glide, tone eller zoome frem, når den besøgende scroller. Brugt med måde får de siden til at føles gennemarbejdet i stedet for statisk.

    Hvad kan animationer gøre for din side?

    Holde blikket i bevægelse

    Indhold der toner frem, giver lyst til at scrolle videre.

    Fremhæve pointer

    Lad en enkelt boks eller et tal komme ind til sidst.

    Rytme i lange sider

    Forskudt timing gør en lang side lettere at læse.

    Et moderne udtryk

    Bløde overgange får siden til at virke nyere.

    Sådan bruges animationer med måde

    • Fade in på overskrifter og brødtekst i lange afsnit.
    • Stagger på en række kort, så de kommer ind efter hinanden.
    • Ingen animation på kontaktoplysninger og priser, som skal læses med det samme.

    Hvem har glæde af animationer?

    Alle der vil have et mere professionelt udtryk uden at designe omSider med meget tekst der skal brydes opPortfolio- og præsentationssider

    Sådan fungerer animationerne

    1. 1Vælg en animationstype til elementet: fade in, slide, zoom eller stagger.
    2. 2Animationen udløses, når den besøgende scroller ned til indholdet.
    3. 3Varigheden er kort og easingen blød, så bevægelsen ikke stjæler fokus.

    Fordele og faldgruber

    Fordele

    • Flere stilarter at vælge mellem
    • Kræver ingen kodning
    • Subtile som udgangspunkt

    Godt at vide

    • For mange animationer gør siden urolig
    • Vigtig information bør være synlig uden bevægelse
    • Animation erstatter ikke godt indhold og struktur

    Spørgsmål om animationer på hjemmesiden

    Læs også

    Se også

      Alle funktioner er samlet på oversigten over funktioner til din hjemmeside — og du kan se priserne på hjemmeside pris.

      Klar til at komme i gang?

      Prøv NemmeHjemmesider.dk gratis og se selv hvor nemt det er at bygge en professionel hjemmeside.

      PRØV GRATIS