Sociala medier och video

Instruktioner och rekommendationer för sociala medier och videor.

Bilder på sociala medier kan vara horisontella, kvadratformade, vertikala eller bannerformade (låga horisontella bilder). Kontrollera korrekta bildstorlekar och bildernas frizoner i kanalernas egna anvisningar. Texterna vänsterjusteras i regel. Om texten centreras ska även logotypen centreras. I en kvadratisk bild ska logotypen i regel placeras nere till höger.

Kontrollera att texten är tillgänglig (att den har tillräckligt hög kontrast). I regel ska bilden fylla hela området och texten (i vitt) placeras ovanpå bilden. Rubriker skrivs med stora bokstäver, underrubriker med små bokstäver. Obs! Kom ihåg anvisningarna gällande typsnitt (se punkten Textstilar i videor).

Om det på en kanals profilbild står till exempel projektets namn, kan universitetets låglogotyp placeras i profilbilden.

I videor som produceras för sociala medier används ingen inledande plansch.
På denna sida

Rubriker justeras uppe i vänstra hörnet av bildytan på 75 px avstånd från bildytans kanter. Underrubrikers storlek bör vara ungefär 50% av rubrikens storlek.

Rubriker: Gotham narrow bold, stora bokstäver

  • Storlek: till exempel 140 px (storleken kan variera beroende på textens längd)
  • Radavstånd: 80 % av typsnittets storlek (skandinaviska tecken och motsvarande, radavstånd: 90 % av typsnittets storlek
  • Teckenavstånd: -55 (optical)
  • Avstånd mellan stycken: 30 px ovan och under

Underrubrik: Gotham narrow bold, stora bokstäver

  • Storlek: 70 px
  • Radavstånd: 80 % av typsnittets storlek (skandinaviska tecken och motsvarande, radavstånd: 90 % av typsnittets storlek)
  • Teckenavstånd: -55 (optical)
  • Avstånd mellan stycken: 25 px undertill
  • Möjlighet att använda blå text

Elementens skugga (drop shadow)

  • Färg: svart RGB=o,o,o (multiply)
  • Opacitet: 20 %
  • X och Y offset: 0 och 0 px
  • Skuggans storlek: 5 px

Ett vitt, genomskinligt vattenmärke visas i övre högra hörnet av bildområdet när videons huvudrubrik har tagits ur bild. Vattenmärket visas ända fram till videons slutplansch. Vattenmärket ska användas i videor med hög kvalitet och bildformatet 16:9 och i videor på sociala medier. 

Vattenmärke (lågsymbolen)

  • Bredd: 160 px, Höjd: 150 px
  • Avstånd från övre högra hörnet: x=35 px, y=35 px
  • Opacitet: 25 %

I videor på sociala medier och videor som börjar direkt utan en inledande plansch visas vattenmärket genast i början av videon.

När du producerar en video, be också att få en version utan vattenmärke, grafik och musik, för att underlätta eventuell redigering av videon för andra kanaler.

Rubriker vänsterjusteras en bit ovanför bildytans mittlinje eller i vänstra övre hörnet på 75 px avstånd från bildytans kanter.

Rubriker

  • Gotham narrow bold, stora bokstäver
  • Storlek: I exemplet 175 px (storleken kan variera beroende på textens längd)
  • Radavstånd: 85 % av typsnittets storlek (skandinaviska tecken och motsvarande 90% av typsnittets storlek)
  • Teckenavstånd: -55 (optical)

Längre rubriker

  • Gotham narrow bold, stora bokstäver
  • Storlek: Till exempel 120 px (storleken kan variera beroende på textens längd)
  • Radavstånd: 85 % av typsnittets storlek (skandinaviska tecken och motsvarande 90% av typsnittets storlek)
  • Teckenavstånd: -55 (optical)

Underrubriker

  • Gotham narrow bold, stora bokstäver
  • Storlek: cirka 50% av huvudrubrikens storlek
  • Radavstånd: 85 % av typsnittets storlek 
  • Teckenavstånd: -55 (optical)
  • Möjlighet att använda blå text

Elementens skugga (drop shadow)

  • Färg: svart RGB=o,o,o (multiply)
  • Opacitet: 20 %
  • X och Y offset: 0 och 0 px
  • Skuggans storlek: 5 px

Namn och titlar på de personer som intervjuas placeras på 75 px avstånd från bildytans övre vänstra hörn. Förnamn och efternamn placeras på olika rader.

Namn

  • Gotham narrow bold, stora bokstäver
  • Storlek: 120 px
  • Radavstånd: 85 % av typsnittets storlek (skandinaviska tecken och motsvarande, radavstånd: 90 % av typsnittets storlek)
  • Teckenavstånd: -55 (optical)
  • Avstånd mellan stycken: 30 px undertill

Titel

  • Gotham narrow medium, små bokstäver
  • Storlek: 60 px
  • Radavstånd: 85 % av typsnittets storlek (skandinaviska tecken och motsvarande, radavstånd: 90 % av typsnittets storlek)
  • Teckenavstånd -55 (optical)

Elementens skugga (drop shadow)

  • Färg: svart RGB=o,o,o (multiply)
  • Opacitet: 20 %
  • X och Y offset: 0 och 0 px
  • Skuggans storlek: 5 px

Av tillgänglighetsskäl ska alla videor ha undertexter. Om du producerar en video, be om a) versioner av videon utan text + en SRT-fil och b) en version där texten har bränts in i videon. Om det i den valda sociala mediekanalen finns möjlighet att använda en separat SRT-fil, använd den (t.ex. Youtube). Då är det möjligt att göra undertexter på flera olika språk och användaren kan välja språk. Texten placeras för tillgänglighetens skull på svarta fält.

Undertexterna placeras centrerat på 80 px avstånd från bildytans nedre kant. 

Undertexter

  • Gotham narrow bold
  • Storlek: 60 px
  • Radavstånd: 110 % av typsnittets storlek
  • Teckenavstånd: 0 (optical)

Undertexternas skugga (drop shadow)

  • Färg: svart RGB=o,o,o (multiply)
  • Opacitet: 20 %
  • X och Y offset: 0 och 0 px
  • Skuggans storlek: 5 px

Kom ihåg att välja en representativ miniatyrbild för videon. Bilden syns till exempel när någon delar en länk till videon på Youtube. Bilden syns också på Youtubekanalen.

Om de som producerar videon inte har tillgång till Helsingfors universitets varumärkestypsnitt Gotham Narrow, kan den kostnadsfria typsnittsfamiljen Arial användas. Samma teckenavstånd, radavstånd och avstånd mellan stycken används för Arial som för Gotham Narrow.