Index. Logotyp 03. Färg 07. Typografi 09. Grafiska element 11. Fotografi 13. Video 15

Størrelse: px

Starte visningen fra side:

Download "Index. Logotyp 03. Färg 07. Typografi 09. Grafiska element 11. Fotografi 13. Video 15"

Kristen Christen Marcussen
5 år siden
Visninger:

1 Grafisk manual

2 Index Logotyp 03 Färg 07 Typografi 09 Grafiska element 11 Fotografi 13 Video 15 Grafisk form Ruben Fjellner Produktion Enklast

3 Logotyp Logotypen spelar en viktig roll i USR:s kommunikation. Detta för att kunna upprätthålla en konsekvent bild av oss som förening och stärka USR:s varumärke. Därför bör den användas enligt följande regler. Ovan ser ni den grundläggande formgivning som logotypen huvudsakligen utgörs av. Sida 3

4 Ordmärke Ibland behöver förkortningen USR tydliggöras. I dessa fall ska ordmärket, UMEÅ STUDENTRADIO anges under logotypen. Ordmärket får aldrig placeras någon annanstans eller på annat sätt avvika från den grafiska profilen. Sida 4

5 Friyta Friytan är den yta som ska finnas runt logotypen när den placeras vid andra element. Friytan får vara större än angivet men inte mindre. Logotypen har en friyta som är ett R från symbolelementet. Sida 5

Varianter 01 02 03 04 Vitt på övertoning Gult på vitt Vitt på svart/mörkt Svart på vitt/ljust Logotypen används i de

Vid de fall där logotypen sätts över vit bakgrund skrivs USR i gult eller svart sätts logotypen istället över svart

6 Varianter Vitt på övertoning Gult på vitt Vitt på svart/mörkt Svart på vitt/ljust Logotypen används i de flesta fall i sitt ursprungliga utförande, övertonad bakgrund och vit logotyp. Vid de fall där logotypen sätts över vit bakgrund skrivs USR i gult eller svart sätts logotypen istället över svart ska logotypen vara vit. I bild- eller filmmaterial ska logotypen primärt vara vit, är innehållet för ljust kan istället en svart logotyp användas. Sida 6

7 Färgpalett Gul Vit Svart Röd RGB 255, 209, 110 RGB 255, 255, 255 RGB 37, 37, 37 RGB 255, 109, 109 CMYK CMYK CMYK CMYK HEX #ffd16e HEX #ffffff HEX # HEX #ff6d6d USR:s färgschema utgörs av gul, röd, svart och vit. Det är viktigt att ej frångå dessa eller på annat sätt modifiera dem. Gul är alltid huvudfärgen, där röd kan användas som ett komplement. Röd ska alltså aldrig användas på egen hand. Sida 7

8 Övertoning -49 Gul RGB 255, 209, 110 CMYK Röd RGB 255, 109, 109 CMYK HEX #ffd16e HEX #ff6d6d I de fall det är möjligt ska den gula färgen kombineras med den röda i en övertoning. Den gula färgen skall börja i det övre vänstra hörnet för att diagonalt sedan övergå till den röda i en vinkel av -49. Sida 8

9 Typografi Montserrat Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Montserrat Regular En konsekvent användning av våra typsnitt är viktigt för att bibehålla en röd tråd i USR:s kommunikation. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !@#$%&*!? Typsnitten vi huvudsakligen använder oss av är Montserrat Bold, Montserrat Regular och Varela Round. Montserrat Medium och SemiBold får användas som ett komplement vid behov, så länge det grafiska uttrycket inte försämras. Om du omöjligen kan arbeta med dessa typsnitt ska du istället använda Arial. Varela Round Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !@#$%&*!? Sida 9

Formatering Montserrat Bold, 16pt 24pt radavstånd Rubriker skrivs alltid med Montserrat Bold Montserrat Regular, 9pt 15pt radavstånd Varela Round Regular, 8pt 13pt radavstånd Storlekarna som används

10 Formatering Montserrat Bold, 16pt 24pt radavstånd Rubriker skrivs alltid med Montserrat Bold Montserrat Regular, 9pt 15pt radavstånd Varela Round Regular, 8pt 13pt radavstånd Storlekarna som används i dessa två exempel definierar förhållandet som ska finnas mellan olika textelement. Brödtext får aldrig vara mindre än 8pt. Samtlig typografi ska huvudsakligen vara vänsterställd eller högerställd centrera bara text när det verkligen behövs. Montserrat kan i andra fall skrivas med en annan tjockleck om det behövs. Denna ingress har till exempel skrivits i Montserrat SemiBold. Underrubriker Om du skapar en underrubrik ska typsnittet Montserrat Bold användas. I detta exempel har det gjorts med en storlek på 9pt och 15pt radavstånd. Styckerubriker Skapas genom att tillämpa faux bold på typsnittet Varela Round Regular, med samma storleksinställningar som för brödtexten. Sida 10

11 Grafiska element Det här är en ganska liten ruta Med en liten kommentar. Denna är större För att friska upp vår kommunikation och göra den lite mer visuell kan vissa grafiska element användas som den övertonade rutan med rundade hörn. Viktigast är att komma ihåg de runda hörnen Hörnradien skall alltid vara relativ mot den minsta möjliga en/tvårads-rutan i sammanhanget, vars båda sidor alltid utgör halvcirklar. Se exempel. Denna kan till exempel användas för att öka läsbarheten hos en text som placerats över en stökig bild. Utav dessa rutor kan också knappar skapas. Sida 11

12 Styckeslinjen Styckeslinjen Den här är vit Kan bryta av på ett ganska snyggt sätt. Och syns bättre mot denna bakgrund Ett annat grafiskt element som ska användas genomgående är styckeslinjen. Den ska helst vara gul, men får också vara vit om den annars skulle smält in för mycket med bakgrunden. Dess proportioner bör vara ungefär 80:3 Sida 12

Fotografi På USR använder vi oss av foton i färg.

bilder beroende på vad de ska användas till.

13 Fotografi På USR använder vi oss av foton i färg. Vi ska sträva efter att värna om den dokumentära bilden. Du ges däremot friheten att efterbehandla dina bilder beroende på vad de ska användas till. Vid nyhetsrapportering är en neutral bildbehandling att föredra. Vilket exempelvis kan innefatta att reglera exponering, skuggor, kontraster och färgtoner. Samt räta upp eller beskära bilden. Sida 13

14 Regler Du får inte överexponera en bild som sådan att den blir utfrätt. Du bör inte heller göra en bild, som redan är i färg, svartvit. Bilderna bör om möjligt tas i ett liggande eller kvadratiskt format. För webbpublicering skall bilderna alltid levereras med en höjd eller bredd av 2048 pixlar i färgrymden srgb med formatet JPEG. Sida 14

Video I alla videoinslag som produceras för USR ska en mindre logga infogas i det övre högra hörnet. Den ska huvudsakligen vara vit, men får bytas ut till svart vid behov.

15 Video I alla videoinslag som produceras för USR ska en mindre logga infogas i det övre högra hörnet. Den ska huvudsakligen vara vit, men får bytas ut till svart vid behov. I 1920p ska denna ha en bredd på 210px och ska placeras 80px från kanterna. Detta förhållande ska även gälla för andra upplösningar, som 4k - där bredden bör vara 420px och avståndet 160px. Sida 15

Namnskylt Dessa element ska placeras i något av de nedre hörnen. Namnskyltarna ska i 1920p ha ett avstånd på 80px från kanterna. Bredden respektive höjden får som minst vara 180px.

16 Namnskylt Dessa element ska placeras i något av de nedre hörnen. Namnskyltarna ska i 1920p ha ett avstånd på 80px från kanterna. Bredden respektive höjden får som minst vara 180px. Namnskyltarna får vara högre när de innehåller flera namn på samma gång. Namnet i detta exempel har skrivits med Montserrat Bold i storleken 42pt och radavståndet 71pt. Titeln har istället skrivits i Varela Round med storleken 36pt och ett radavstånd på 54pt. Namn och titlar ska alltid skrivas ut på varsin rad. Namn Namnsson Teknikchef Om inslaget kräver en titel (såsom USR Möter Namn Namnsson ) ska denna skrivas i en namnskylt. Sida 16

Specifikationer Sträva efter att hålla en jämn nivå på ljud och ljus. Som minst bör upplösningen vara 1920p. Bildförhållandet ska alltid vara 16:9.

17 Specifikationer Sträva efter att hålla en jämn nivå på ljud och ljus. Som minst bör upplösningen vara 1920p. Bildförhållandet ska alltid vara 16:9. Filer ska alltid levereras i H.264 (MPEG4) eller Apple ProRes 422 HQ. Sträva efter att som minst ha en bitrate på 20mbps för filmer i 1920p med H.264. Sida 17

18 Grafisk form Ruben Fjellner Produktion Enklast

Relaterede dokumenter

Panduro Hobbys FÄRGSKOLA FARVE/FARGESKOLE

Panduro Hobbys FÄRGSKOLA FARVE/FARGESKOLE 602053 SE Information om färgskolan Färgskolan är en introduktion till färgernas spännande värld. Den innehåller en kortfattad beskrivning av vad färg är, hur