Retningslinjene skal v?re fleksible og ivareta et bredt spekter av behov, og samtidig?bidra til et gjenkjennelig utrykk p? tvers av UiOs kanaler.
P? denne siden finner du en oversikt over generelle designprinsipper for utforming av poster.
Du finner ogs??informasjon om ferdige maler som er utviklet for sosiale medier?og vi beskriver?hvordan du best kan bruke de sosiale medienes egne verkt?y i tr?d med designprofilen.?
Trenger du informasjon om opprettelse og konfigurering av kontoer?
Hovedregler for utformingen av poster i sosiale medier
Hovedprinsippene i UiOs designprofil skal brukes p? alle formater i sosiale medier.
- Bruk alltid UiOs profilfonter og profilfarger. F?lg ogs? oversikten over uu-godkjente fargekombinasjoner for tekst og bakgrunn.
- Tekst skal alltid settes venstrestilt, med definerte margavstander
- UiOs fotostil skal f?lges der det er naturlig ogs? i sosiale medier.
Designprinsipper
Her oppsummerer vi designprinsippene som ogs? skal f?lges ved produksjon av innhold til sosiale medier.?
Farger og fargekombinasjoner
Bruk alltid UiOs profilfarger, ogs? i sosiale medier. Her finner du informasjon om fargekoder.
Ved all bruk av farger er det viktig ? ta hensyn til universell utforming. Som en hovedregel er det anbefalt ? bruke svart tekst p? lyse farger, og hvit tekst p? m?rke farger.
Det er ogs? mulig ? velge andre kombinasjoner av tekst- og bakgrunnsfarge, men merk at det er en del profilfarger som ikke kan kombineres. Her finner du en oversikt over uu-godkjente kombinasjoner av tekst og bakgrunn.
Tekstst?rrelser
Vi har som et utgangspunkt definert tekstst?rrelser som skal dekke de fleste behov for b?de korte og lange tekster. Du kan justere tekstst?rrelse noe opp og ned dersom det er behov for det.
- Heading (large) = 125 px/115 %
- Heading (small) = 90 px/115 %
- Body (large) = 70 px/115 %
- Body (small) = 45 px/120 %
Fonter
Swiss 721 er UiOs hovedfont og b?r brukes der det er mulig. Har du ikke Swiss 721 tilgjengelig, kan du bruke Arial.
Tekstjustering og marger
- Alle tekstelementer p? bilder skal venstrestilles. Unntak er teksting av video, som kan midtstilles.
- Tags skal i hovedsak toppstilles.
- Overskrifter og br?dtekst skal i hovedsak bunnstilles
- Tekst skal i hovedsak bunnstilles, men kan ogs? plasseres hvor som helst langs Y-aksen der det gir mest mening.
- Det skal v?re marger p? 75 bildepunkter rundt all tekst og grafikk.
Oppsett for ulike formater
De generelle prinsippene skal brukes p? alle flater i sosiale medier, og her viser vi hvordan plasseringen av elementer vil fungere i ulike standardformater.
Reels og sikkerhetssoner p? Instagram
For at tekst skal synes i reels m? den plasseres innenfor sikkerhetssonen:
- toppmarg = 220px
- bunnmarg = 420px
For at tekst skal synes i thumbnail m? den plasseres innenfor sikkerhetssonen. Sikkerhetssone er 1080x1080px og midtstilles vertikalt.
- Toppmarg = 220px
- Bunnmarg = 420px
Deling av flater
Flatene kan deles p? midten, enten med en kontrastfarge eller bilde. P? vertikale formater kan flaten deles ved ca. 1/3.
Video og sluttplakat
Retningslinjer for tekst p? videoer og sluttplakater er beskrevet p? siden om designelementer for video.
Variasjoner i uttrykk
Ulike muligheter for oppsett basert p? designprinsippene.
Eksempler
Ferdige maler for Photoshop og Adobe Express
Vi har laget ferdige maler for Adobe Photoshop og Adobe Express som kan brukes for ulike typer oppsett.
Malene er utviklet for ? bidra til et helhetlig utrykk i sosiale medier og gi oss en sterkere identitet p? tvers av kanaler ved UiO, samtidig som de skal gj?re det enklere ? v?re b?de kreativ og tilpasse innhold til ulike kanaler.
?nsker du ? bruke malene, ta kontakt p? sosialemedier@uio.no.
Bruker du andre verkt?y, som f.eks. Premiere eller Canva, anbefaler vi ? lage et tilsvarende oppsett i disse. Generelle retningslinjer for oppsett av poster er oppsummert over.?
Designmanualen i kanalenes egne verkt?y
I noen verkt?y, for eksempel stories i Instagram, vil det ofte v?re mest hensiktsmessig ? lage innhold direkte i appen.
- ?pne story-mode, og start med ett blankt kanvas.
- Overf?r et bilde av UiOs fargepalett til bildegalleriet p? mobiletelefonen din, og lim inn bildet i story-mode.
- Eye-drop ?nsket bakgrunnsfarge fra paletten.
- Trykk og hold p? story-bakgrunnen til fargen du har plukket ut erstatter den opprinnelige bakgrunnsfargen.
- Begynn ? lage en tag ved ? skrive tekst og velge sort eller hvit boksfarge.
- Skriv inn ?nsket tekst og velg appens standard sans serif-alternativ.
- Skaler og juster teksten.
- Kopier og lim inn eventuelt bilde i story mode.
- Juster og plasser elementene.
- Venstrejuster tekstelementene.
