{"id":31917,"date":"2025-10-23T12:24:45","date_gmt":"2025-10-23T12:24:45","guid":{"rendered":"https:\/\/playipp.com\/?post_type=kunskapsbank&p=31917"},"modified":"2025-10-23T12:24:46","modified_gmt":"2025-10-23T12:24:46","slug":"skarmdesign","status":"publish","type":"kunskapsbank","link":"https:\/\/playipp.com\/sv\/kunskapsbank\/skarmdesign\/","title":{"rendered":"Sk\u00e4rmdesign"},"content":{"rendered":"\n
\n
\n
\n

V\u00e4ssa din sk\u00e4rmdesign med 5 enkla tips<\/h1>\n\n\n\n

Artikel<\/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

Sammanfattning: 5 tips f\u00f6r b\u00e4ttre sk\u00e4rmdesign<\/h2>\n\n\n\n

V\u00e5r Art Director \u00c5sa Heurling delar sina b\u00e4sta designknep f\u00f6r digitala sk\u00e4rmar.<\/p>\n\n\n\n

    \n
  1. B\u00f6rja med att skapa en strategi genom att gruppera och rangordna ditt inneh\u00e5ll.<\/li>\n\n\n\n
  2. Anv\u00e4nd smarta proportioner som tredjedelsregeln eller gyllene snittet f\u00f6r harmoniska layouter.<\/li>\n\n\n\n
  3. Anpassa ytornas format efter det inneh\u00e5ll du ska visa, som videor i 16:9 eller Instagram-bilder.<\/li>\n\n\n\n
  4. Testa alltid designen p\u00e5 plats genom att st\u00e4lla dig d\u00e4r betraktarna kommer att st\u00e5.<\/li>\n\n\n\n
  5. Slutligen, t\u00e4nk utanf\u00f6r boxen genom att dra ytor ut till kanterna och v\u00e5ga anv\u00e4nda organiska former ist\u00e4llet f\u00f6r bara r\u00e4ta rutor.<\/li>\n<\/ol>\n\n\n
    <\/div>\n\n<\/div>\n\n
    <\/div>\n\n<\/div>\n\n\n

    Efter 15 \u00e5r inom design vet v\u00e5r Art Director \u00c5sa Heurling vad som fungerar. H\u00e4r delar hon med sig av sina b\u00e4sta knep f\u00f6r att f\u00e5 dina digitala sk\u00e4rmar att b\u00e5de synas och uppskattas.<\/p>\n\n\n\n

    1. G\u00f6r upp en strategi<\/h2>\n\n\n\n

    Innan du b\u00f6rjar fundera p\u00e5 f\u00e4rger och former beh\u00f6ver du veta vad som ska synas p\u00e5 sk\u00e4rmen. Ta fram ett g\u00e4ng post-it-lappar och skriv ner alla sorts budskap du vill ha med, b\u00e5de nu och i framtiden.<\/p>\n\n\n\n

    Gruppera sedan lapparna efter typ av inneh\u00e5ll, m\u00e5lgrupp eller vem som ska publicera. N\u00e4r du har dina grupper \u00e4r det dags att rangordna dem. Vilken grupp \u00e4r viktigast? Vilken vill du att folk ska se f\u00f6rst? Den h\u00e4r hierarkin blir grunden f\u00f6r hela din sk\u00e4rmdesign.<\/p>\n\n\n

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

    2. Anv\u00e4nd smarta proportioner<\/h2>\n\n\n\n

    N\u00e4r du ska dela in sk\u00e4rmen i olika ytor finns det n\u00e5gra tumregler som g\u00f6r jobbet enklare. Om tv\u00e5 ytor \u00e4r lika stora uppfattar vi dem som likv\u00e4rdiga. Men om en yta \u00e4r st\u00f6rre drar den automatiskt till sig mer uppm\u00e4rksamhet.<\/p>\n\n\n

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

    Tredjedelsregeln<\/a> och gyllene snittet<\/a> \u00e4r tv\u00e5 klassiker som skapar harmoniska layouter. Med tredjedelsregeln delar du sk\u00e4rmen s\u00e5 att en yta tar tv\u00e5 tredjedelar och en annan tar en tredjedel. Gyllene snittet ger proportioner p\u00e5 1:1,618. B\u00e5da skapar en tydlig hierarki som g\u00f6r det l\u00e4tt f\u00f6r betraktaren att veta vart hen ska titta f\u00f6rst.<\/p>\n\n\n

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

    3. Skr\u00e4ddarsy efter format<\/h2>\n\n\n\n

    Ibland funkar inte standardindelningarna f\u00f6r de format du beh\u00f6ver anv\u00e4nda. D\u00e5 f\u00e5r du helt enkelt skr\u00e4ddarsy och anpassa ytorna efter det inneh\u00e5ll du vill visa. Annars riskerar bilden eller filmen att bli avklippt eller att f\u00e5 konstiga svarta kanter. <\/p>\n\n\n\n

    Har du en video som ska visas? D\u00e5 beh\u00f6ver du en yta i 16:9 format redan fr\u00e5n start. Ska du visa bilder fr\u00e5n Instagram? T\u00e4nk p\u00e5 om de \u00e4r kvadratiska (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. St\u00e4ll dig i betraktarens skor<\/h2>\n\n\n\n

    Det h\u00e4r tipset \u00e4r kanske det viktigaste av alla. G\u00e5 faktiskt fram till sk\u00e4rmen och titta p\u00e5 den fr\u00e5n den plats d\u00e4r folk kommer att befinna sig. \u00c4r texten tillr\u00e4ckligt stor? G\u00e5r det att l\u00e4sa p\u00e5 det avst\u00e5nd som folk st\u00e5r?

    I en stor lokal d\u00e4r folk \u00e4r l\u00e5ngt fr\u00e5n sk\u00e4rmen m\u00e5ste inneh\u00e5llet vara st\u00f6rre. D\u00e5 kanske du bara f\u00e5r plats med tv\u00e5 eller tre ytor ist\u00e4llet f\u00f6r fem. Sk\u00e4rmstorleken spelar ocks\u00e5 roll. Ju st\u00f6rre sk\u00e4rm, desto mer inneh\u00e5ll kan du visa utan att det blir r\u00f6rigt.<\/p>\n\n\n

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

    5. T\u00e4nk utanf\u00f6r boxen<\/h2>\n\n\n\n

    M\u00e5nga t\u00e4nker att en yta \u00e4r lika med en ruta med luft runt om. Men du kan faktiskt dra dina ytor \u00e4nda ut till kanterna av sk\u00e4rmen. Sl\u00f6sa inte bort utrymme p\u00e5 massa marginaler.<\/p>\n\n\n\n

    Text och bilder som \u00e4r v\u00e4l sammansatta kan fungera som en yta \u00e4ven utan bakgrund. Och v\u00e5ga anv\u00e4nda organiska, rundare former ist\u00e4llet f\u00f6r bara r\u00e4ta rutor. Det skapar luft runt inneh\u00e5llet och g\u00f6r sk\u00e4rmen mycket trevligare att titta 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 hela webinaret med \u00c5sa<\/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 \u00e4r Art Director p\u00e5 PLAYipp och har jobbat med design i snart 20 \u00e5r. Hon brinner f\u00f6r att skapa den r\u00f6da tr\u00e5den i varum\u00e4rkesidentitet, kommunikation och marknadsf\u00f6ring, ofta med fokus p\u00e5 digitala l\u00f6sningar. P\u00e5 PLAYipp ansvarar hon f\u00f6r den grafiska profilen och ser till att allt ser enhetligt ut i alla v\u00e5ra kanaler.<\/p>\n\n\n

    <\/div>\n\n<\/div>\n\n\n
    \n
    Kontakta 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