# Tilpass design til sosiale medier: ett uttrykk, alle størrelser [Canonical HTML page](https://gradiently.design/nb/guide/one-look-every-size) Et kvadratisk innlegg, en stående story og et banner i tre til én er ulike problemer. Et godt system løser hvert av dem på egne premisser og ser likevel ut som én merkevare. ## The short version - Den pålitelige måten å tilpasse et design til sosiale medier på er å sette det opp på nytt for hver form, ikke å strekke eller beskjære ett bilde. - Høye formater stabler innholdet, brede formater lar det løpe på tvers, og kvadratiske formater sentrerer tyngden. - I Gradiently lager kopier til størrelser et nytt design for hver valgte størrelse, hvert satt opp på nytt for sin form, mens originalen blir som den var. - Fordi en Mark gjengis for hver størrelse i stedet for å skaleres, beholder bakgrunnen karakteren sin i ethvert sideforhold. - Hver kopi kan redigeres fullt ut, så du kan justere ordene eller oppsettet for én plattform uten å røre de andre. Skal du tilpasse design til sosiale medier ordentlig, behandler du hvert format som sitt eget oppsett. Å strekke et kvadratisk innlegg til et banner er den raskeste måten å få det til å se feil ut: ordene blir for små, bakgrunnen forvrenges, og margene slutter å gi mening. Løsningen er å beholde uttrykket, ordene og hierarkiet, og sette dem opp på nytt for hver form. I Gradiently er det ett trinn, kalt **kopier til størrelser**. Denne guiden tar for seg hvorfor design ryker når størrelsen endres, hvordan hver form vil settes opp, og hvordan du går fra ett ferdig design til et fullt sett. For selve tallene holder du [bildestørrelser i sosiale medier](https://gradiently.design/nb/guide/social-media-image-sizes) åpen i en annen fane. ## Hvorfor strekking og beskjæring mislykkes Et design er et sett med forhold: overskrift til marg, overskrift til støttelinje, ord til den lyseste delen av bakgrunnen. Endrer du formen, ryker de forholdene på forutsigbare måter. ### Strekk eller beskjær ett bilde - Skriften skalerer med lerretet, så den blir enorm på en story og bitteliten på et toppbilde - Bakgrunnen forvrenges eller mister den beste delen i beskjæringen - Marger som var romslige, blir trange, eller omvendt - Viktige ord havner under plattformens knapper og profilbilder ### Sett hver form opp på nytt - Skriften får størrelse etter hvordan formatet faktisk sees - Bakgrunnen tegnes for den nye formen - Margene settes for den formen - Ordene plasseres innenfor det trygge området i hvert format ## Hvordan hver form vil settes opp Det finnes egentlig bare tre familier av former, og hver har et naturlig oppsett. Når du først ser dem, blir det å endre størrelse en rekke små valg og ikke et nytt design. - Story 9:16: 1080 × 1920 - Stående innlegg 4:5: 1080 × 1350 - Kvadratisk innlegg 1:1: 1080 × 1080 - X-innlegg 16:9: 1600 × 900 - Toppbilde på X 3:1: 1500 × 500 - LinkedIn-banner: 1584 × 396 Høyt, kvadratisk og bredt. Hver familie ber om en ulik ordning av de samme ordene. | Form | Naturlig oppsett | Pass på | | --- | --- | --- | | Høy (Story, Reel, Pinterest-pin) | Stable: overskriften høyt, detaljene under, luft øverst og nederst | Appens knapper og bildetekster ved øvre og nedre kant | | Stående og kvadratisk (feedinnlegg) | Sentrer tyngden, med én sterk overskrift | Beskjæring i rutenettet på profilsider | | Liggende (X-innlegg, YouTube-miniatyr, lysbilder) | La det løpe på tvers: ord på den ene siden, luft på den andre | Små forhåndsvisninger. Hold ordene få og store | | Svært bred (toppbilder, bannere) | Én kort linje, romslige sidemarger | Profilbilder og knapper som overlapper bildet | Hva som endrer seg når et design flytter mellom former. Ordene er de samme, men ordningen er det ikke. Derfor er malene i Gradiently funksjoner av form og ikke faste bilder. En kunngjøring på en story stables, på et toppbilde løper den på tvers, og på et kvadrat sentrerer den tyngden. Designsystemet bestemmer ordningen, så du slipper å bygge den på nytt for hver plattform. En stående story som kunngjør en åpning, med overlinje, overskrift og detalj stablet nedover rammen På en story stables kunngjøringen… Et bredt toppbilde med den samme kunngjøringen satt opp vannrett på den samme levende gradienten …og på et toppbilde løper den på tvers, med de samme ordene. ## Bakgrunnen må også endre størrelse De fleste verktøy for å endre størrelse flytter ordene og lar bakgrunnen være et bilde, som så strekkes eller beskjæres. En Mark er ikke et bilde. Den er en oppskrift som gjengis for hver størrelse, så materialet beholder karakteren sin i ethvert sideforhold: en story får en komposisjon laget for en høy ramme, et banner får en laget for en bred ramme, og ingen av dem er et utsnitt av den andre. Et bredt toppbilde for X med ordene Samme deg, alle størrelser satt på en levende gradient tegnet for det brede formatet Et toppbilde er sitt eget oppsett: brede marger, mindre skrift, rom til å puste, og en Mark tegnet for tre til én. Det samme gjelder lesbarheten. Marken gir plass til ordene uansett hvor de lander i hvert format, og Auto blekk velger lyst eller mørkt per linje, så en overskrift som leses på kvadratet, fortsatt leses etter at den har flyttet til en annen del av storyen. ## Slik kopierer du et design til andre størrelser i Gradiently 1. **Gjør ett design ferdig først** Få ordene, hierarkiet og Marken riktig i formatet du bryr deg mest om. Alt annet følger av det. 2. **Åpne Endre størrelse** Det ligger i venstre felt i Studio. Søk etter plattform eller størrelse, som *Instagram story*, *A4* eller *1080 × 1920*, eller bla etter plattform. Merk størrelsene du bruker ofte med en stjerne, så venter de i Favoritter. 3. **Velg flere størrelser** Velg så mange du trenger. Hver av dem settes opp på nytt for sin form og forhåndsvises før noe endres. 4. **Velg Kopier og endre størrelse** Dette lager et nytt design for hver størrelse, ved siden av originalen i arbeidsområdet ditt. Originalen blir nøyaktig som den var. 5. **Juster hver kopi ved behov** Hver kopi er et vanlig design. Kort ned en linje på toppbildet, flytt logoen på storyen. Endringer i én rører ikke de andre. Endre størrelse kan også jobbe på stedet: endre størrelsen på den gjeldende siden, alle sider eller hele designet uten å lage kopier. Egendefinerte størrelser kan skrives i piksler, eller i millimeter, centimeter eller tommer for trykk, der de blir til piksler ved 300 dpi. > **Be om hele settet** Designer kan gjøre dette ut fra en setning, som *den samme ideen i alle størrelser* eller *seks innlegg til lanseringsuken vår, ett system*. Settet lages ved siden av designet ditt. Se [guiden til Designer](https://gradiently.design/nb/guide/designer-ai-guide). ## En sjekkliste for hvert sett med nye størrelser - Overskriften er lesbar i størrelsen folk faktisk ser den i, som for miniatyrer og toppbilder er liten. - Ingenting viktig ligger under plattformens knapper, bildetekster eller profilbilder. - Den lyseste eller roligste delen av bakgrunnen ligger bak ordene i hvert format. - Logoene har samme relative størrelse i hele settet, ikke skalert med hvert lerret. - Settet ser ut som én merkevare når det legges side om side. [Konsekvent merkevare](https://gradiently.design/nb/guide/brand-consistency) forklarer hvorfor det betyr mer enn noe enkeltinnlegg. ## FAQ ### Hvordan endrer jeg størrelsen på et design for sosiale medier uten at det ser strukket ut? Sett det opp på nytt for hver form i stedet for å strekke ett bilde: stable innholdet på høye formater, sentrer det på kvadrater og la det løpe på tvers på brede. Kopier til størrelser i Gradiently gjør dette automatisk. ### Endrer kopier til størrelser det opprinnelige designet mitt? Nei. Kopier og endre størrelse lager et nytt design for hver størrelse ved siden av originalen, som blir nøyaktig som den var. ### Kan jeg redigere hver kopi for seg? Ja. Hver kopi er et vanlig design som kan redigeres, så du kan justere ord eller oppsett for én plattform uten at det påvirker de andre. ### Kan jeg endre til en egendefinert størrelse? Ja. Skriv inn en størrelse i piksler, eller i millimeter, centimeter eller tommer for trykk, der den regnes om ved 300 dpi.