{"id":31919,"date":"2025-10-23T12:30:51","date_gmt":"2025-10-23T12:30:51","guid":{"rendered":"https:\/\/playipp.com\/?post_type=kunskapsbank&p=31919"},"modified":"2026-02-04T16:15:07","modified_gmt":"2026-02-04T16:15:07","slug":"skjermdesign","status":"publish","type":"kunskapsbank","link":"https:\/\/playipp.com\/no\/kunskapsbank\/skjermdesign\/","title":{"rendered":"skjermdesign"},"content":{"rendered":"\n
\n
\n
\n

Skjerp skjermdesignen din med 5 enkle tips<\/h1>\n\n\n\n

Artikkel<\/p>\n\n\n\n

2025-10-24<\/p>\n\n\n\n

\"\"<\/span>
\n

<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n

<\/div>\n\n<\/div>\n\n\n
\n
<\/div>\n\n<\/div>\n\n
<\/div>\n\n<\/div>\n\n\n

Sammendrag: 5 tips for bedre skjermdesign<\/h2>\n\n\n\n

V\u00e5r Art Director \u00c5sa Heurling deler sine beste designtriks for digitale skjermer.<\/p>\n\n\n\n

    \n
  1. Start med \u00e5 lage en strategi ved \u00e5 gruppere og rangere innholdet ditt.<\/li>\n\n\n\n
  2. Bruk smarte proporsjoner som tredjedelsregelen eller det gylne snitt for harmoniske layouts.<\/li>\n\n\n\n
  3. Tilpass formatene til det innholdet du skal vise, som videoer i 16:9 eller Instagram-bilder (1:1 \/ 4:5).<\/li>\n\n\n\n
  4. Test alltid designen p\u00e5 stedet ved \u00e5 stille deg der betrakterne kommer til \u00e5 st\u00e5.<\/li>\n\n\n\n
  5. Til slutt, tenk utenfor boksen ved \u00e5 dra flater helt ut til kantene og t\u00f8r \u00e5 bruke organiske former i stedet for bare rette firkanter.<\/li>\n<\/ol>\n\n\n
    <\/div>\n\n<\/div>\n\n
    <\/div>\n\n<\/div>\n\n\n

    Etter 20 \u00e5r med design vet v\u00e5r Art Director \u00c5sa Heurling hva som fungerer. Her deler hun sine beste triks for \u00e5 f\u00e5 de digitale skjermene dine til b\u00e5de \u00e5 synes og bli satt pris p\u00e5.<\/p>\n\n\n\n

    1. Lag en strategi<\/h2>\n\n\n\n

    F\u00f8r du begynner \u00e5 tenke p\u00e5 farger og former, m\u00e5 du vite hva som skal vises p\u00e5 skjermen. Ta frem en haug med post-it-lapper og skriv ned alle slags budskap du vil ha med, b\u00e5de n\u00e5 og i fremtiden.

    Grupper s\u00e5 lappene etter type innhold, m\u00e5lgruppe eller hvem som skal publisere. N\u00e5r du har gruppene dine, er det p\u00e5 tide \u00e5 rangere dem.

    Hvilken gruppe er viktigst? Hvilken vil du at folk skal se f\u00f8rst?
    Dette hierarkiet blir grunnlaget for hele skjermdesignen din.<\/p>\n\n\n

    <\/div>\n\n<\/div>\n\n\n

    2. Bruk smarte proporsjoner<\/h2>\n\n\n\n

    N\u00e5r du skal dele opp skjermen i forskjellige flater, finnes det noen tommelfingerregler som gj\u00f8r jobben enklere. Hvis to flater er like store, oppfatter vi dem som likeverdige. Men hvis \u00e9n flate er st\u00f8rre, trekker den automatisk til seg mer oppmerksomhet.<\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n

    Tredjedelsregelen<\/a> og det gylne snittet<\/a> er to velkjente verkt\u00f8y som skaper harmoniske og balanserte layouter. Med tredjedelsregelen deler du skjermen slik at \u00e9n flate tar to tredjedeler og en annen tar \u00e9n tredjedel. Det gylne snitt gir proporsjoner p\u00e5 1:1,618. Begge skaper et tydelig hierarki som gj\u00f8r det lett for betrakteren \u00e5 vite hvor hen skal se f\u00f8rst.<\/p>\n\n\n

    \n
    \"Golden<\/figure>\n<\/div>\n\n
    <\/div>\n\n<\/div>\n\n\n

    3. Skreddersy etter format<\/h2>\n\n\n\n

    Noen ganger passer ikke standardinndelingene for de formatene du trenger \u00e5 bruke. Da m\u00e5 du rett og slett skreddersy og tilpasse flatene til det innholdet du vil vise. Ellers risikerer bildet eller filmen \u00e5 bli klippet av eller f\u00e5 rare svarte kanter.

    Har du en video som skal vises? Da trenger du en flate i 16:9 format helt fra starten. Skal du vise bilder fra Instagram? Tenk p\u00e5 om de er kvadratiske (1:1) eller i st\u00e5ende format (4:5).<\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n
    <\/div>\n\n<\/div>\n\n\n

    4. Sett deg i betrakterens sted<\/h2>\n\n\n\n

    Dette tipset er kanskje det viktigste av alle. G\u00e5 faktisk bort til skjermen og se p\u00e5 den fra det stedet folk kommer til \u00e5 v\u00e6re. Er teksten stor nok? Kan den leses p\u00e5 den avstanden folk st\u00e5r?

    I et stort lokale hvor folk er langt fra skjermen, m\u00e5 innholdet v\u00e6re st\u00f8rre. Da f\u00e5r du kanskje bare plass til to eller tre flater i stedet for fem. Skjermst\u00f8rrelsen spiller ogs\u00e5 en rolle. Jo st\u00f8rre skjerm, desto mer innhold kan du vise uten at det blir rotete.<\/p>\n\n\n

    \n
    \"Put<\/figure>\n<\/div>\n\n
    <\/div>\n\n<\/div>\n\n\n

    5. Tenk utenfor boksen<\/h2>\n\n\n\n

    Mange tenker at en flate er det samme som en firkant med luft rundt. Men du kan faktisk dra flatene dine helt ut til kantene av skjermen. Ikke kast bort plass p\u00e5 masse marger.<\/p>\n\n\n\n

    Tekst og bilder som er godt sammensatt, kan fungere som en flate selv uten bakgrunn. Og t\u00f8r \u00e5 bruke organiske, rundere former i stedet for bare rette firkanter. Det skaper luft rundt innholdet og gj\u00f8r skjermen mye hyggeligere \u00e5 se p\u00e5.<\/p>\n\n\n

    \n
    \"Think<\/figure>\n<\/div>\n\n
    \n
    \"Think<\/figure>\n<\/div>\n\n\n
    <\/div>\n\n\n
    <\/div>\n\n<\/div>\n\n\n

    Se hele webinaret med \u00c5sa (Svenska)<\/h2>\n\n\n
    \n
    \"\"<\/a><\/figure>\n<\/div>\n\n\n

    5 tips f\u00f6r att v\u00e4ssa sk\u00e4rmdesignen<\/strong> (18 min, Swedish)<\/a><\/p>\n<\/div>\n\n\n\n

    \n

    <\/p>\n<\/div>\n\n\n\n

    \n

    <\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n
    \u00c5sa Heurling<\/h5>\n\n\n\n

    \u00c5sa er Art Director hos PLAYipp og har jobbet med design i snart 20 \u00e5r. Hun brenner for \u00e5 skape den r\u00f8de tr\u00e5den i merkevareidentitet, kommunikasjon og markedsf\u00f8ring, ofte med fokus p\u00e5 digitale l\u00f8sninger. Hos PLAYipp har hun ansvar for den grafiske profilen og s\u00f8rger for at alt ser helhetlig ut p\u00e5 tvers av alle v\u00e5re kanaler.<\/p>\n\n\n

    <\/div>\n\n<\/div>\n\n\n
    \n
    Kontakt PLAYipp<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
    \t\t
    \n\t\t
    \n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t
    <\/div>\n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t\t\t