Storlek: px
Starta visningen från sidan:

Download ""

Transkript

1 Grafisk design

2

3

4

5

6

7 Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback

8 Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer tilltalande

9 Gestaltlagarna

10 Grafisk design / Visualisering Layout Färg Ikoner Typografi

11 Layout Grundregel: Komposition & gruppering använd rutnät och justering för god komposition gruppera gränssnittets delar enligt en naturlig modell

12 Layout Rutnät (grid)

13

14

15

16 Vilka skillnader finns?

17 Layout Ramar & Linjer Var försiktig!!! Spatial spänning / interferens Mellanrum (white space)

18

19

20

21 Layout Tips! Rutnätet bör vara osynligt (utnyttja harmoniska proportioner). Undvik plottrighet På ett uppslag kan man ha 6-15 informationsgrupper I första hand gruppering med hjälp av mellanrum och rutnät utnyttja först därefter: - text/rubriker (tänk på typografiregler) - färg (försiktigt) - linjer & ramar (varsamt)

22 Grafisk design / Visualisering Layout Färg Ikoner Typografi

23 Varför färg? gruppera information

24

25 Varför färg? gruppera information skapa/visa på associationer

26

27

28

29

30 Varför färg? gruppera information skapa/visa på associationer indikera betydelse och struktur

31

32 Varför färg? gruppera information skapa/visa på associationer indikera betydelse och struktur göra gränssnittet mer visuellt tilltalande

33

34 Färg men tänk på att många färger medför lätt visuell förvirring och visuell trötthet

35

36 Färg men tänk på att många färger medför lätt visuell förvirring och visuell trötthet ca. 8% färgblinda

37

38 Färg men tänk på att många färger medför lätt visuell förvirring och visuell trötthet ca. 8% färgblinda färgpsykologi

39

40 Färg Grön: harmoni, balans, kreativitet Gul: glädje, sti mulans, opti mi sm Blå: exklusivt, lyxigt, svalt Röd: livslust, provocerande, varmt Brun: ombonat, mysigt, varmt Grå: neutralt, sobert, anonymt Svart: rebelli skt, syndi gt Vit: renhet, fräschör

41 Färg Grundregel Var sparsam (och försiktig) med färger

42 Färg Tips! Designa först monokromt addera sedan färg försiktigt/sparsamt. - Max. 5 betydelsebärande färger. - Diskreta bakgrundsfärger. - Var konsekvent. Gör färgkodningen redundant (form-färg, text-färg). Var försiktig med starka färger och starka kontraster. Se speciellt upp med: - Blått på svart - Kombinationen blått och rött

43 Hur känns det att läsa texten nedan? 97 % av befolkningen, dvs de som inte är färgblinda, sorterar mer eller mindre automatiskt in information med hjälp av färger. Detta utnyttjas ofta vid designarbete. Olika färger används för att framhäva och förstärka information, man använder sig av en s.k. färgkodning. Fördelarna med färgkodning är stora. Färg står ut från en monoton bakgrund. Därför uppfattas färgkodade detaljer snabbt och enkelt. Söktiden av ett färgkodat föremål är oberoende av hur stor yta som söks av. Vissa färger har en väletablerad symbolisk betydelse. Rött betyder fara eller varning, grönt står för trygghet eller gå osv. Färger kan knyta ihop utspridda element som hör samman.

44 Grafisk design Layout Färg Ikoner Typografi

45

46 Varför ikoner? öka begripligheten

47 Varför ikoner? öka begripligheten underlätta hågkomst

48 Varför ikoner? öka begripligheten underlätta hågkomst spara utrymme

49 Varför ikoner? öka begripligheten underlätta hågkomst spara utrymme göra gränssnittet mer visuellt tilltalande

50 Varför ikoner? öka begripligheten underlätta hågkomst spara utrymme göra gränssnittet mer visuellt tilltalande men ikoner kan vara svåra att förstå och besvärliga att utforma

51

52

53 Ikoner Grundregel Ikoner bör vara enkla och bygga på substantiv

54 Ikoner Tips! Gör ikoner enhetliga (storlek, form, färg). Testa om ikonerna är lätta att förstå. Kombinera gärna ikon + text. Mer i kursboken sid

55 Vilken grad av stilisering är lämplig?

56 Grafisk design / Visualisering Layout Färg Ikoner Typografi

57 Typografi Utformning och layout av text (typografi) är viktigt, då text ofta utgör en av huvudbeståndsdelarna i gränssnitt. Grundregel Enhetlighet var sparsam med olika typsnitt, storlekar, stilar, etc.

58 Antikva (Serif) Sans serif A A Times New Roman Arial

59 Datorskärmen: Upplösning

60 Typografitips! Text behöver luft. Utnyttja informativa rubriker, underrubriker, etc. - Viktigt för gruppering, struktur och översikt. - Underlättar bearbetning (tar in texten i två steg). Högst två typsnitt i en produkt,högst fyra storlekar på stilen Max tecken per rad. Justera texten. Undvik versaler. Serifer på papper, sans-serifer på skärm Försiktigt med kursiv, fet, etc. använd en metod för att betona. Bra kontrast.

61 Grå text Kan vara snyggt Kan användas för att ge mindre tyngd åt text Ger dålig kontrast! Använd därför mycket försiktigt!

62 Tänk på: Olika riktlinjer för olika plattformar ios human interface guidelines Android UI guidelines Mac OS X human interface guidelines UI guidelines for Microsoft Windows

63 Om man vill fördjupa sig Designing visual interfaces, Mullet & Sano (1994)

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Kommunikationsorienterad. visuell design

Kommunikationsorienterad. visuell design Kommunikationsorienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design? Verktyg

Läs mer

Kommunikations- orienterad visuell design

Kommunikations- orienterad visuell design Kommunikations- orienterad visuell design Magnus Haake Kognitionsvetenskap Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför grafisk design? Verktyg

Läs mer

Kommunikations- orienterad visuell design

Kommunikations- orienterad visuell design Kommunikations- orienterad visuell design Magnus Haake Inst. för Designvetenskaper, LTH Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt

Läs mer

Kommunikations- orienterad visuell design

Kommunikations- orienterad visuell design Kommunikations- orienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design?

Läs mer

Teman för föreläsningen. Gestaltlagarna Layout Typografi

Teman för föreläsningen. Gestaltlagarna Layout Typografi Teman för föreläsningen Gestaltlagarna Layout Typografi Gestaltlagarna Lagen om likhet Gestaltlagarna Gestaltlagarna Gestaltlagarna Lagen om närhet Gestaltlagarna Gestaltlagarna närhet likhet kontinuitet

Läs mer

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse Layout Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm

Läs mer

Layout. Proportioner. Layout: Proportioner

Layout. Proportioner. Layout: Proportioner Layout Proportioner Layout: Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett:

Läs mer

Grafisk manual Vårdsamverkan Skaraborg

Grafisk manual Vårdsamverkan Skaraborg Grafisk manual AaBbCcDdEe FfGgHhIiJjKk LlMmNnOoPp QqRrSsTtnOoPpQq RrSsTtUuVv WwXxYyZzÅåÄäÖö Varför en grafisk manual? s visuella profil syftar till att skapa en tydlig, enhetlig och konsekvent kommunikation

Läs mer

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism: Webbdesign Man kan definiera webbdesign som konsten att skapa webbplatser. En webbdesigners uppgift är att välja färger som passar, lägga till bra och rätt funktioner till webbplatsen och sedan se till

Läs mer

Varumärket - föreningens hjärta... 3. Logotyp... 4. Logotypens frizon... 5. Deviselement... 6. Profilfärger... 7. Primära färger...

Varumärket - föreningens hjärta... 3. Logotyp... 4. Logotypens frizon... 5. Deviselement... 6. Profilfärger... 7. Primära färger... 1 Varumärket - föreningens hjärta... 3 Logotyp... 4 Logotypens frizon... 5 Deviselement... 6 Profilfärger... 7 Primära färger... 7 Sekundära färger... 8 Tertiära färger... 9 Typsnitt & typografi... 10

Läs mer

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Design och konstruktion av grafiska gränssnitt Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Making it look good: Visual Style and Aesthetics Visuell design Färger Typografi Exempel

Läs mer

Vetenskapliga affischer. Karin Fahlquist

Vetenskapliga affischer. Karin Fahlquist Vetenskapliga affischer Karin Fahlquist En forsknings affisch/poster Sammafatta information eller forskning kortfattat och tilltalande Publicera resultat Skapa diskussion (diskussions underlag) Reklam

Läs mer

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Den här veckan Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Kom ihåg att boka tiden för handledning på fredag när doodles kommer upp. Handledning

Läs mer

Text och typsnitt. Läsbarhet. Tecken per rad. Storlek

Text och typsnitt. Läsbarhet. Tecken per rad. Storlek Text och typsnitt Läsbarhet Tecken per rad Idealt antal för löpande text i större mängder är 45-65, (55). Tidningar och tidskrifter: 25-35 tecken per rad. För långa rader - svårt för läsaren att snabbt

Läs mer

Grafisk design För synskadade och lite om dyslexi

Grafisk design För synskadade och lite om dyslexi Grafisk design För synskadade och lite om dyslexi Färgblind Tritanopi/tritanomali, blått Protanopi/protanomali, röd Deuteranopi/deuteranomali, grönt Röd-grön vanligast Gul-blå ovanlig Mycket ovanligt,

Läs mer

Vetenskapliga affischer

Vetenskapliga affischer Vetenskapliga affischer En forsknings affisch/poster Sammafatta information eller forskning kortfattat och tilltalande Publicera resultat Skapa diskussion (diskussions underlag) 1 Reklam för ditt arbete

Läs mer

Gränsöverskridande samverkan

Gränsöverskridande samverkan 1 Grafisk Profil Denna grafiska manual är en hjälp för dig som jobbar i eller med Vårdsamverkan Fyrbodal för att skapa en tydlig, enhetlig och konsekvent kommunikation med omvärlden. Vår logga, våra färger

Läs mer

GRAFISK MANUAL & RIKTLINJER

GRAFISK MANUAL & RIKTLINJER GRAFISK MANUAL & RIKTLINJER Sektion 0 Introduktion Sida 2 Sektion 1 Logotyp Sida 4 Sektion 2 Typografi Sida 8 Sektion 3 Färger Sida 12 Sektion 4 Placeringsexempel Sida 14 SEKTION 0 INTRODUKTION Producerad

Läs mer

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag Den här veckan Kapitel 7 och 11 Kom ihåg att boka tiden för handledning på fredag Uppsamling av missade övningar på onsdag Making it look good Visuell design Färger Typografi Exempel och patterns Komplex

Läs mer

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

Läs mer

LOKALISERA. Designmanual

LOKALISERA. Designmanual L LOKALISERA Designmanual Innehåll 5 Lokalisera AB 6 Logotyp 7 Användning av logo 8 Färger 9 Grafiska element 10 Typsnitt 11 Bildanvändning 12 Kontakt Lokalisera AB I och med övergången från Xpresskontor

Läs mer

Design av användargränssnitt

Design av användargränssnitt Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska rekommendationer - Heuristik Exempel på bra och mindre bra design Vad är ett användargränssnitt?

Läs mer

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska råd och tips - Heuristik Exempel på bra och mindre bra design Några egenskaper hos människan

Läs mer

Våra visuella riktlinjer

Våra visuella riktlinjer GRAFISK MANUAL Våra visuella riktlinjer Det här dokumentet innehåller regler för vår visuella kommunikation. Följ dessa regler noggrant för att bibehålla och bygga Bygdegårdarnas Riksförbund som varumärke.

Läs mer

Klimatrådet Grafiskt manér

Klimatrådet Grafiskt manér Klimatrådet Grafiskt manér Igenkänning och trovärdighet Klimatrådet är ett nätverk bestående av vitt skilda organisationer från offentlighet, näringsliv och idéburen sektor. En del i att knyta ihop rådets

Läs mer

Grafisk Manual. House4Earth. Johanna Liljedahl Catarina Madsen Maja Olsson Lena Ström Matilda Åström

Grafisk Manual. House4Earth. Johanna Liljedahl Catarina Madsen Maja Olsson Lena Ström Matilda Åström Grafisk Manual House4Earth Johanna Liljedahl Catarina Madsen Maja Olsson Lena Ström Matilda Åström Innehållsförteckning Förord Förord - Våra tankar - Den grafiska manualen Logotypen - Vår logotyp - Frizon

Läs mer

RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER

RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER DETTA DOKUMENT ÄR ETT KOMPLEMENT TILL NYFÖRETAGARCENTRUM SVERIGES GRAFISKA PROFIL. I DEN GRAFISKA PROFILEN SPECIFICERAS

Läs mer

GRAFISK PROFILMANUAL

GRAFISK PROFILMANUAL GRAFISK PROFILMANUAL JUNI 2017 INLEDNING Vår grafiska identitet är det snabbaste och starkaste uttrycksmedlet för vårt varumärke. Därför är det av största vikt att vi följer de grafiska riktlinjer som

Läs mer

Layout. Proportioner. Layout: Proportioner

Layout. Proportioner. Layout: Proportioner Layout Proportioner Layout: Proportioner Layout: Proportioner Layout: Proportioner Layout: Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout:

Läs mer

färger - för profil och känsla

färger - för profil och känsla industrialismen...och det blev viktigare för både producenter och tjänstemän att särskilja sig från andra... och skapa en egen grafisk profil en egen form och ett eget namn, att synas och särskiljas från

Läs mer

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek Grafisk profil Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger Profilfärger och kompletterande

Läs mer

GRAFISK PROFIL TIDAHOLMS KOMMUN

GRAFISK PROFIL TIDAHOLMS KOMMUN GRAFISK PROFIL TIDAHOLMS KOMMUN INNEHÅLL 2 3 4 5 6 7 8 8 8 Varför grafisk profil? Övergripande riktlinjer Logotyper Kommunvapen Tidaholmslogotyp Verksamhetsspecifika symboler Skyltar Mallar Audiell profil

Läs mer

G R A F I S K M A N U A L

G R A F I S K M A N U A L GRAFISK MANUAL 2008 03 01 VARFÖR EN GRAFISK MANUAL? Viktigast för en verksamhet är männi skorna inom organi sa - tionen och vad de gemensamt kan erbjuda sina upp drags - givare. Men även den grafiska formgivningen

Läs mer

Användarmanual. QUICKnote 4

Användarmanual. QUICKnote 4 Användarmanual QUICKnote 4 Innehållsförteckning Snabbguide: Skapa en ny QUICKnote-mall... 3. Översikt: QUICKnote... 3. Tillgängliga fält... Lägg till ett fält... De olika fälttypernas menypaletter Text:

Läs mer

GRAFISK PROFIL TIDAHOLMS KOMMUN

GRAFISK PROFIL TIDAHOLMS KOMMUN GRAFISK PROFIL TIDAHOLMS KOMMUN INNEHÅLL 2 3 4 5 6 7 9 10 10 10 Varför grafisk profil? Övergripande riktlinjer Logotyper Kommunvapen Tidaholmslogotyp Grafiska element Verksamhetsspecifika symboler Skyltar

Läs mer

Vad är Typografi och Layout

Vad är Typografi och Layout Vad är Typografi och Layout Typografi: Att ge form åt dokumentets bokstäver, ord, meningar, stycken och rubriker. Layout: Att lägga ut text och bild på en sida så att den blir tilltalande och lätt för

Läs mer

INNEHÅLL. Version

INNEHÅLL. Version INNEHÅLL 1. Om Trosa kommuns grafiska profil och manual Sid 3 2. Kommunvapnet Sid 4 2.1. Form och ursprung Sid 4 2.2. Användning av vapnet Sid 5 2.3. Vapnets färger och varianter Sid 6 2.4. Otillåten användning

Läs mer

Grafisk profil 2014 Uppdaterad senast 2014-07-07

Grafisk profil 2014 Uppdaterad senast 2014-07-07 Grafisk profil 2014 Uppdaterad senast 2014-07-07 Innehåll Vad är en grafisk profil?...3 Färger...4 Profilfärg... 4 Komplementfärger... 4 Gråtoner... 4 Tilläggsfärger... 4 Färgkoder... 5 SciLifeLabs logotyp...6

Läs mer

Hur gör man en poster? Sommarforskarskolan 2018

Hur gör man en poster? Sommarforskarskolan 2018 Hur gör man en poster? Sommarforskarskolan 2018 En vetenskaplig poster Vad är en poster? Vad är en postersession? En vetenskaplig poster Hur skiljer sig en poster från en artikel? Hur skiljer sig en poster

Läs mer

VÅR NYA PPT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP GÖTEBORGS UNIVERSITET

VÅR NYA PPT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP GÖTEBORGS UNIVERSITET VÅR NYA PPT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP 2019-06-03 Lättare för dig bättre för dina åhörare Den nya mallen är framtagen utifrån två olika perspektiv användbarhet

Läs mer

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande Vår grafiska manual Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande kunskapscentrum som ökar fram tidens brandsäkerhet

Läs mer

Vår nya profil. Stefan Käll, kanslichef

Vår nya profil. Stefan Käll, kanslichef Grafisk manual 3 Vår nya profil Neurologiskt Handikappades Riksförbund har fått en ny, tydlig grafisk profil. Logotypen med organisationens hela namn,den välkända nyckelpigan och den varma röda färgen

Läs mer

RIKTLINJER FÖR ETT ENHETLIGT UTTRYCK. Grafisk manual

RIKTLINJER FÖR ETT ENHETLIGT UTTRYCK. Grafisk manual RIKTLINJER FÖR ETT ENHETLIGT UTTRYCK Grafisk manual Riksförbundet Attention är en intresseorganisation för människor med neuropsykiatriska funktionshinder. Vi arbetar för att de barn, ungdomar och vuxna

Läs mer

NYA POWERPOINT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN

NYA POWERPOINT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN GÖTEBORGS UNIVERSTITETS NYA POWERPOINT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP, 2019-06-04 Lättare för dig bättre för dina åhörare Den nya mallen är framtagen utifrån

Läs mer

Grafisk manual GAKE DOJO. Riktigt bra självförsvar!

Grafisk manual GAKE DOJO. Riktigt bra självförsvar! Grafisk manual 2007 JUJUTSU Riktigt bra självförsvar! Högskolan för Lärande och Kommunikation i Jönköping Andrea Drljaca, Viktor Larsson och Jesper Jarl Grafisk manual 2007-06-08 INNEHÅLL GRAFISK MANUAL...4

Läs mer

grafisk design & layout regler

grafisk design & layout regler & layout regler Grafisk design eller grafisk formgivning är ett kreativt och konstnärligt språk, men till skillnad från en fri konstnär så får en grafisk designer i uppdrag att föra ut ett speciellt budskap.

Läs mer

STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil

STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil Handbok Styrelsen/Jan Pallinder Grafisk Profil 2009-12-09 Sida 1 av 12 Innehållsförteckning 1. GRAFISK PROFIL... 3 1.1 Inledning... 3 1.2 Skölden... 3 1.2.1 Allmänt...

Läs mer

ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande

ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande Hjälpmedel: Kurslitteratur, utdelade papper, webbdesignskolan, samt World Wide Web. Tillåtna program att skriva kod i är Anteckningar eller

Läs mer

GRAFISK MANUAL LOGOTYPE. FÄRGPALETT. TYPOGRAFI.

GRAFISK MANUAL LOGOTYPE. FÄRGPALETT. TYPOGRAFI. GRAFISK MANUAL LOGOTYPE. FÄRGPALETT. TYPOGRAFI. Grafisk profil ÖGRAB Uträttad av: Sofia Liljedahl Godkänd av: Datum: 2018-03-06 GRAFISK MANUAL. LOGOTYPE. FÄRGPALETT. TYPOGRAFI ÖGRAB är ett kommunalt aktiebolag

Läs mer

Grafisk profil 2015 Uppdaterad senast 2015-01-13

Grafisk profil 2015 Uppdaterad senast 2015-01-13 Grafisk profil 2015 Uppdaterad senast 2015-01-13 Innehåll Vad är en grafisk profil?... 3 Färger... 4 Profilfärg...4 Komplementfärger...4 Gråtoner...4 Tilläggsfärger...4 Färgkoder...5 SciLifeLabs logotyp...

Läs mer

Direktonline. GRAFISK MANUAL

Direktonline. GRAFISK MANUAL Visuell kommunikation Direktonline Direktonline. GRAFISK MANUAL KONTAKT Telefon: 031-301 33 20 E-post: info@direktonline.se ADRESS Erik Dahlbergsgatan 9 411 26 Göteborg ONLINE Webbplats: www.direktonline.se

Läs mer

SWEBO Bioenergy Grafisk profil

SWEBO Bioenergy Grafisk profil SWEBO Bioenergy Grafisk profil Formsmedjan Reklam & Kommunikation Grafisk profil Den image vi har, det vill säga hur andra människor uppfattar vårt företag är ett resultat av alla de intryck vi gör på

Läs mer

design & layout Distansskolan 1

design & layout Distansskolan 1 design & layout Distansskolan 1 Grundelementen Varje komposition är summan av dess grundelement. Om du tittar på en annons eller broschyr kommer du hitta både enkla och komplexa kompositioner. En del kompositioner

Läs mer

VERSION 2.0 SEPTEMBER 2010. grafısk manual

VERSION 2.0 SEPTEMBER 2010. grafısk manual VERSION 2.0 SEPTEMBER 2010 grafısk manual Om grafıska manualen Ett viktigt led i vårt informationsarbete är att ha ett gemensamt utseende. Att vara konsekvent med logotype, typsnitt och färger ger tydlighet

Läs mer

Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman.

Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman. 1 Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman. Åbo Akademis Studentkår 2015 2 Innehåll 1. Logotyp... 4 2. Sigill... 9 3. Rutnät... 10 4. Dekorelement... 11 5. Färger... 12 6. Teckensnitt...

Läs mer

Intryck som ger avtryck

Intryck som ger avtryck Intryck som ger avtryck Vapnet är stadens minsta gemensamma nämnare, vars släktdrag går att känna igen redan från början av 1600-talet då staden grundades. En stad ett ansikte Göteborgs Stads grafiska

Läs mer

Grafisk profil R AB. Ransäters Invest AB

Grafisk profil R AB. Ransäters Invest AB Grafisk profil R AB Ransäters Invest AB Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger och

Läs mer

Vi möts dagligen av en

Vi möts dagligen av en Text som fler kan läsa tips om typografi och layout Vi möts dagligen av en mängd tidningar, tidskrifter, broschyrer, affischer och andra trycksaker. De flesta kan lätt läsa informationen i dem. Men det

Läs mer

RIKTLINJER FÖR ETT ENHETLIGT UTTRYCK. Grafisk manual

RIKTLINJER FÖR ETT ENHETLIGT UTTRYCK. Grafisk manual RIKTLINJER FÖR ETT ENHETLIGT UTTRYCK Grafisk manual förord enhetligt uttryck - enhetligt intryck Riksförbundet Attention är en intresseorganisation för människor med neuropsykiatriska funktionshinder.

Läs mer

GRAFISK MANUAL. Trollhättans Missionskyrka 2014-04-24

GRAFISK MANUAL. Trollhättans Missionskyrka 2014-04-24 GRAFISK MANUAL Trollhättans Missionskyrka 2014-04-24 Kapitel 8, Marknadsföring är tills vidare utelämnad då det tar tid att genomarbeta konsekvenserna för programblad och hemsida samt hur vi vill marknadsföra

Läs mer

/Nordens största varuhus/nordens største varehus/pohjoismaiden suurin tavaratalo/cdon.com. /grafisk manual

/Nordens största varuhus/nordens største varehus/pohjoismaiden suurin tavaratalo/cdon.com. /grafisk manual /Nordens största varuhus/nordens største varehus/pohjoismaiden suurin tavaratalo/cdon.com /grafisk manual /grafisk manual Ett samlat intryck ger ett bättre intryck, detta är anledningen till att denna

Läs mer

/NORDENS STÖRSTA VARUHUS/NORDENS STØRSTE VAREHUS/POHJOISMAIDEN SUURIN TAVARATALO/CDON.COM /GRAFISK MANUAL

/NORDENS STÖRSTA VARUHUS/NORDENS STØRSTE VAREHUS/POHJOISMAIDEN SUURIN TAVARATALO/CDON.COM /GRAFISK MANUAL /NORDENS STÖRSTA VARUHUS/NORDENS STØRSTE VAREHUS/POHJOISMAIDEN SUURIN TAVARATALO/CDON.COM /GRAFISK MANUAL /GRAFISK MANUAL Ett samlat intryck ger ett bättre intryck, detta är anledningen till att denna

Läs mer

För mycket information! Att presentera vetenskap. Målet med föreläsningen. Planera din presentation besvara dessa frågor: Presentationens struktur

För mycket information! Att presentera vetenskap. Målet med föreläsningen. Planera din presentation besvara dessa frågor: Presentationens struktur Målet med föreläsningen tt presentera vetenskap Magister-/ Masterkurs Odontologi, VT- 16 Tülay Lindberg, nna Kats Institutionen för Odontologi 1. Lära dig mer om hur man presenterar forskning så att de

Läs mer

Anpassning av Windows 7 och Word 2010

Anpassning av Windows 7 och Word 2010 Anpassning av Windows 7 och Word 2010 Det finns en hel del små förändringar man kan göra för att det ska bli lättare att navigera i datorn, läsa och skriva. Med kortare rader, tydligt typsnitt större avstånd

Läs mer

Centerpartiets grafiska manual Version 2.2, 2007

Centerpartiets grafiska manual Version 2.2, 2007 Centerpartiets grafiska manual Version 2.2, 2007 innehåll Centerpartiets logotyp 1 Centerpartiets färg 2 Centerpartiets typografi 3 Exempel och anvisningar 4 Kontakt & nerladdning 5 Centerpartiets logotyp

Läs mer

INLEDNING. Inledning Logotyp Färger Teckensnitt Tillämpningar

INLEDNING. Inledning Logotyp Färger Teckensnitt Tillämpningar GRAFISK MANUAL INLEDNING Den här manualen beskriver hur vi arbetar med vår grafiska profil. I den hittar du allt från användandet av logotypen och hanterandet av färger och typografi, till mallar för utformning

Läs mer

Användarmanual. QUICKnote 4

Användarmanual. QUICKnote 4 Användarmanual QUICKnote 4 Innehållsförteckning Snabbguide: Skapa en ny QUICKnote-mall... 3. Översikt: QUICKnote 4... 3. Tillgängliga fält... 4. Lägg till ett fält... 4. De olika fälttypernas menypaletter

Läs mer

Svenskt Sigill Grafiska riktlinjer

Svenskt Sigill Grafiska riktlinjer Svenskt Sigill Grafiska riktlinjer Inledning 2 Logotyp Grundversion 3 Logotyp Frizon 4 Logotyp 3D 5 Logotyp Webbanpassad 6 Logotyp Byline 7 Logotyp Tilläggsinformation 8 Tillämpning 10 Typografi 11 Kontakt

Läs mer

Lathund till Publisher TEXT. Skriva text. Importera text. Infoga text. Dra och släpp

Lathund till Publisher TEXT. Skriva text. Importera text. Infoga text. Dra och släpp Lathund till Publisher TEXT Pekverktyget använder du när du ska markera en ram som du vill förändra på något sätt. Klicka på textverktyget. Placera muspekaren på den tomma dokumentytan, det spelar ingen

Läs mer

GRAFISKA RIKTLINJER. för Statskontoret. Version

GRAFISKA RIKTLINJER. för Statskontoret. Version GRAFISKA RIKTLINJER för Statskontoret Version 5. 2018-01-09 Innehåll Logotype svensk och engelsk Färgpalett Typografi Rapportomslag Annonsering Visitkort Logotype svensk och engelsk Logotypen förekommer

Läs mer

Grafisk manual Version 1.0

Grafisk manual Version 1.0 Grafisk manual 2 0 / Innehåll 1 / Introduktion 1.1 / Syfte 2 / Grafisk manual 2.1 / Logotyp 2.1.1 Logotypens sammansättning 2.1.2 Storlekar & friyta 2.1.3 Användning 2.1.4 Strapline 2.1.5 Operatörslogotyper

Läs mer

Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker

Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker Riktlinjer för och lokala NyföretagarCentrum Framtagna av i samarbete med s Kvalitetsråd 1 Logotype Logotype s logotype består av

Läs mer

Vad är god skärmkartografi? John Smaaland

Vad är god skärmkartografi? John Smaaland Vad är god skärmkartografi? John Smaaland Om kartor och människor They must be well proportioned and not too plain; Color must be applied carefully and discretely; They are more attractive if well dressed

Läs mer

EN GUIDE FÖR GRAFISK PROFIL

EN GUIDE FÖR GRAFISK PROFIL EN GUIDE FÖR GRAFISK PROFIL 1 Innehåll Grafisk profil 2 Uppdrag och kärnvärde 3 Tilltal och tonläge 3 Bildspråk 4 Logotypen 5 Ortnamnsmontering 6 Verksamhetslogotyper 6 Vinjetter 7 Typsnitt 8 Färgpalett

Läs mer

Medfit Designguide 2019

Medfit Designguide 2019 Designguide 2019 1 Logotyp Logotypen är vårt främsta visuella kännetecken och ska därför alltid presenteras på bästa möjliga sätt. Det är inte tillåtet att göra justeringar i logotypen (exempelvis lägga

Läs mer

small phones for big people Grafisk manual Innehåll Förutsättningar small phones for big people En enhetlig grafisk profil 1 Logotyp

small phones for big people Grafisk manual Innehåll Förutsättningar small phones for big people En enhetlig grafisk profil 1 Logotyp Grafisk manual Innehåll Förutsättningar En enhetlig grafisk profil 1 Logotyp Cellulite s logotyp 2 Mini logga 3 Frizon 4 Storlek 5 Placering 5 Färger 2 Cellulite s färger 6 Typografi Cellulite s typografi

Läs mer

Grafisk manual. Studentkåren i Sundsvall 2013

Grafisk manual. Studentkåren i Sundsvall 2013 Grafisk manual Studentkåren i Sundsvall 2013 STUDENTKÅREN I SUNDSVALL GRAFISK MANUAL INLEDNING 2 Inledning Detta dokument reglerar Sundsvalls studentkårs grafiska profil med logotyper, typsnitt, färger

Läs mer

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat Allt är Tobbes fel. Grafisk profil för förbundet Ung Pirat Varför behövs en grafisk profil? En grafisk profil har man för att en organisation enkelt ska kännas igen. Här sammanställs olika riktlinjer för

Läs mer

grafisk profil riktlinjer

grafisk profil riktlinjer grafisk profil riktlinjer Grafisk profil Riktlinjer för sammanhållet visuellt uttryck. Grafisk manual Instruktioner och tillämpningar för den grafiska profilen. Innehållsförteckning Inledning Varför en

Läs mer

GRAFISK MANUAL. Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador

GRAFISK MANUAL. Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador GRAFISK MANUAL Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador Vikten av att ha grafiska riktlinjer I Insikt/Utsikt ryms en mängd olika aktörer såsom myndigheter och frivilligorganisationer.

Läs mer

Kommunikation och presentation

Kommunikation och presentation Kommunikation och presentation MFM310 2010-09-16 Eva Larsson FoUU-enheten primärvården i Fyrbodal Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut.

Läs mer

Grafisk manual. Publikation 2012:1

Grafisk manual. Publikation 2012:1 Grafisk manual Publikation 2012:1 PRODUKTION Grafisk manual 2012:1 UTGIVNINGSDATUM 2012-01-16 UTGIVARE YHiM KONTAKTPERSON Ulrika Sundell LAYOUT Booster Reklambyrå 2 INNEHÅLL FÖRORD Inledning 4 1. LOGOTYP

Läs mer

23 dialekter ett grafiskt språk

23 dialekter ett grafiskt språk 23 dialekter ett grafiskt språk Länsförsäkringar nyckeltillgångar Logotyp Symbol Länsförsäkringsgruppen Färgpalett Blå, röd och vit Typsnitt rubriker Typsnitt övrig text Fotografier för bildbank LF Rubrik

Läs mer

logotyp Logotypen finns i två utföranden. Liggande och stående.

logotyp Logotypen finns i två utföranden. Liggande och stående. logotyp Logotypen finns i två utföranden. Liggande och stående. På vit yta skall om möjligt den tvåfärgade logotypen användas. Skall logotypen plaseras där man har endast är tillgång till en färg, skall

Läs mer

GRAFISK MANUAL PARTNERSKAP BERGSLAGSBANAN PARTNERSKAP BERGSLAGSBANAN

GRAFISK MANUAL PARTNERSKAP BERGSLAGSBANAN PARTNERSKAP BERGSLAGSBANAN GRAFISK MANUAL PARTNERSKAP PARTNERSKAP grafisk manual Innehållsförteckning Inledning 3 Partnerskap Bergslagsbanan 4 Vår logotyp 5 Typografi 7 Färger 9 Gestaltning 11 Material 13 Om du läser denna grafiska

Läs mer

Brand Guidelines 2019

Brand Guidelines 2019 Brand Guidelines 2019 Alla vinner när du har rätt tonalitet. Uppdraget vi har är viktigt. Om ingen tog hand om använda tidningar och förpackningar skulle det få stora negativa konsekvenser för hela samhället,

Läs mer

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015 Grafisk profil 2014/2015 Förord Vi inom S.M.A.R.T UF arbetar för avstigmatiseringen kring psykisk ohälsa genom olika projekt. Talespersonen som agerar som en del av ansiktet utåt är Emin Agga. Han jobbar

Läs mer

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12.

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12. Grafisk manual Innehållsförteckning Logotyp 3 Logotyp mått 6 Färger 7 Grafiskt element 9 Typsnitt 10 Powerpointpresentation 11 Brevpapper 12 Mailsignatur 13 Kuvert 14 Visitkort 15 Exempel i tryck 16 2

Läs mer

Grafisk manual Version 1.0 CTIVE

Grafisk manual Version 1.0 CTIVE Grafisk manual Version 1.0 SPORTS CLUB Active Sportsclub 2 Innehåll 1 / Introduktion 1.1 / Syfte 2 / Grafisk manual 2.1 / Logotyp 2.1.1 Logotypens sammansättning 2.1.2 Storlekar & friyta 2.1.3 Användning

Läs mer

grafisk produktion Grafisk profilpärm

grafisk produktion Grafisk profilpärm Grafisk profilpärm Förord Nacke är, som logotypen antyder på, ett företag som jobbar med grafisk produktion. Mer specifikt kan det vara omslagsdesign, fotografering, logotypdesign, webbdesign etc. Hit

Läs mer

förankrade i Sverige och den vardag som svenskarna upplever oavsett klass, bostadsort, ålder eller ursprung.

förankrade i Sverige och den vardag som svenskarna upplever oavsett klass, bostadsort, ålder eller ursprung. En guide till Alliansens utseende 2014 OM ALLIANSEN VÅR AMBITION Alliansen ska upplevas som: förankrade i Sverige och den vardag som svenskarna upplever oavsett klass, bostadsort, ålder eller ursprung.

Läs mer

Grafisk profil EN KULTURSKOLA I RÖRELSE 2011 03 07 Denna grafiska manual tillhör festivalen En Kulturskola i Rörelse som arrangeras av Kulturskolan i

Grafisk profil EN KULTURSKOLA I RÖRELSE 2011 03 07 Denna grafiska manual tillhör festivalen En Kulturskola i Rörelse som arrangeras av Kulturskolan i Grafisk profil EN KULTURSKOLA I RÖRELSE 2011 03 07 Denna grafiska manual tillhör festivalen En Kulturskola i Rörelse som arrangeras av Kulturskolan i Göteborgs Stad. Bakgrund En Kulturskola i Rörelse är

Läs mer

Pampas Marina Profilmanual version 0.0 17 Juni 2009

Pampas Marina Profilmanual version 0.0 17 Juni 2009 Pampas Marina Profilmanual version 0.0 17 Juni 2009 Innehåll Förord 02 Grundelement Logotype Färger Typsnitt Kontorstryck Brevpapper Kuvert Visitkort Skyltar Flaggor Skyltar 03 05 06 07 08 09 10 11 2 Förord

Läs mer

Hej! Helena Leach Designer. Date: September 2015 Subject: Identitet Dummy

Hej! Helena Leach Designer. Date: September 2015 Subject: Identitet Dummy Hej! Helena Leach Designer Date: September 2015 Subject: Identitet Dummy IDENTITETSUTVECKLING Grundelement och visualisering LOGO TYPO FÄRGER BILDSTIL GRID De olika grundelementen i en identitet: Logotyp,

Läs mer

Grafisk profil. företagsmärke profilfärger och typsnitt Grafiska element och bilder officemallar profilprodukter

Grafisk profil. företagsmärke profilfärger och typsnitt Grafiska element och bilder officemallar profilprodukter Grafisk profil företagsmärke profilfärger och typsnitt Grafiska element och bilder officemallar profilprodukter 1 varför behövs en grafisk profil? För att uppfattas som en enhet krävs en visuell identitet,

Läs mer

DOME. storyteller DOME STORYTELLER

DOME. storyteller DOME STORYTELLER STORYTELLER Domteatern på Visualiseringscenter C är ett fantastiskt presentationsverktyg med en yta på nästan 300 kvadratmeter som är helt anpassningsbar efter kundens önskemål. Dome Storyteller är utvecklat

Läs mer

GRAFISKA RIKTLINJER Svenska Ridsportförbundet maj 2015. Svenska Ridsportförbundet Grafiska riktlinjer 1

GRAFISKA RIKTLINJER Svenska Ridsportförbundet maj 2015. Svenska Ridsportförbundet Grafiska riktlinjer 1 GRAFISKA RIKTLINJER Svenska Ridsportförbundet maj 2015 Svenska Ridsportförbundet Grafiska riktlinjer 1 VÅR PROFIL Det här är en grafisk manual för Svenska Ridsportförbundet som talar om hur vi vill se

Läs mer