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 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

Ö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 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

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

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

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

/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

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

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

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

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

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

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

Riktlinjer för Försäkringskassans grafiska profil

Riktlinjer för Försäkringskassans grafiska profil 1 (9) Riktlinjer för Försäkringskassans grafiska profil Allmänt Riktlinjerna är baserade på Försäkringskassans varumärkesplattform och kommunikationskoncept. Riktlinjerna gäller för samtliga interna och

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

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

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

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

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

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

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

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

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

Västerbottensost riktlinjer för användning av varumärke

Västerbottensost riktlinjer för användning av varumärke Västerbottensost riktlinjer för användning av varumärke Västerbottensosten intar en särställning bland svenska hårdostar. Dess tillverkningsmetod och karaktär är oförändrad sedan 1872. I början av 1900-talet

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

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

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

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

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

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

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

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

Inledning 4 6. Märke. Typsnitt 7 9. 10. Färger

Inledning 4 6. Märke. Typsnitt 7 9. 10. Färger GRAFISK PROFIL INNEHÅLL 3. Inledning 4 6. Märke Huvudmärke. Varianter. Tillämpning. 7 9. Typsnitt Huvudtypsnitt. Webbtypsnitt. 10. Färger Huvudfärger. Komplementfärger. Webbfärger INLEDNING Den grafiska

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

GRAFISK MANUAL Arcada studerandekår - ASK

GRAFISK MANUAL Arcada studerandekår - ASK GRAFISK MANUAL Arcada studerandekår - ASK Innehåll 1 Inledning 3 2 Namn och undertecknare 3 3 Färgskala 3 4 Typografi 4 4.1 Brödtext 4 4.2 Rubriker 5 5 Logo 5 5.1 Logo med text 5 5.2 Logo utan text 6 5.3

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

KULTURRÅDET - EN INSPIRERANDE MYNDIGHET

KULTURRÅDET - EN INSPIRERANDE MYNDIGHET 2008-01-28 09.32 KULTURRÅDET - EN INSPIRERANDE MYNDIGHET Kulturrådet har i uppdrag att förverkliga de kulturpolitiska beslut som riksdag och regering fattat. Det är ett viktigt uppdrag och ett inspirerande

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 profil för Ottenby Åkeri

Grafisk profil för Ottenby Åkeri Grafisk profil för Ottenby Åkeri Grafisk profil framtagen för Ottenby Åkeri utav designbyrån ADDinnovation 2006 Inledning Grafisk profil Den största vinsten med en enhetlig grafisk profil är att företagets

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. Grafisk utformning av kommunikations-, marknadsförings- och informationsmaterial. Version 2013-01.

Grafisk manual. Grafisk utformning av kommunikations-, marknadsförings- och informationsmaterial. Version 2013-01. Grafisk manual Grafisk utformning av kommunikations-, marknadsförings- och informationsmaterial. Version 2013-01. Varför en grafisk manual? Varje möte med en kund eller partner formar dennes uppfattning

Läs mer

En bild säger mer än tusen ord

En bild säger mer än tusen ord Identitet 2 3 En bild säger mer än tusen ord Ideon Science Park är inte bara en organisation och ett geografiskt område. Det är också ett starkt varumärke som skapar positiva bilder i många människors

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. Bilaga: Utdrag som underlag till riktlinjer för typuppdrag STYRDOKUMENT FÖR ETT SAMMAN- HÅLLET VISUELLT UTRYCK

GRAFISK MANUAL. Bilaga: Utdrag som underlag till riktlinjer för typuppdrag STYRDOKUMENT FÖR ETT SAMMAN- HÅLLET VISUELLT UTRYCK GRAFISK MANUAL Bilaga: Utdrag som underlag till riktlinjer för typuppdrag STYRDOKUMENT FÖR ETT SAMMAN- HÅLLET VISUELLT UTRYCK VERSION 1.3 GRAFISK PROFIL 1 BASREGLER 2 Logotypen är den enskilt viktigaste

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

Det ska synas att det är vi. Vår gra ska pro l

Det ska synas att det är vi. Vår gra ska pro l Det ska synas att det är vi Vår gra ska pro l Vår gra ska pro l Inledning Riksförbundet för Rörelsehindrade Barn och Ungdomar (RBU) arbetar för barn och ungdomar med rörelsehinder och deras familjer. RBU

Läs mer

Primär färgpalett. Rött RGB: HEX: #A92B31. Guld RGB: HEX: #AD9469

Primär färgpalett. Rött RGB: HEX: #A92B31. Guld RGB: HEX: #AD9469 Huddinge Färger & gradienter Primär färgpalett Färg är en av de mest igenkännbara delarna av ett varumärke. I bästa fall kan det bli det element som omvärlden främst kopplar till företaget. Huddinge primära

Läs mer

Kårmål G. Profilerad kommunikation. Arbetsmaterial för kårer. Kårmålsformulering. Kåren använder NSF:s grafiska profil i all visuell kommunikation.

Kårmål G. Profilerad kommunikation. Arbetsmaterial för kårer. Kårmålsformulering. Kåren använder NSF:s grafiska profil i all visuell kommunikation. Kårmål G Profilerad kommunikation Arbetsmaterial för kårer Kårmålsformulering Kåren använder NSF:s grafiska profil i all visuell kommunikation. Målgrupp Alla i kåren som är över 15 år och vill vara med.

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

Läs mer

Teckenförrådet Grafisk profil

Teckenförrådet Grafisk profil Teckenförrådet Grafisk profil Om den grafiska profilen Hur vi beter oss och ser ut styr i mångt och mycket hur vi uppfattas, alla har vi en personlig stil som signalerar vilka vi är, detta gäller även

Läs mer

Profilprogram för Folkets Hus och Parker 2013

Profilprogram för Folkets Hus och Parker 2013 Profilprogram för Folkets Hus och Parker 2013 2 Innehåll Tillsammans syns vi bättre! 4 SNURRORNA GRUNDELEMENTEN I VÅR GRAFISKA PROFIL 6 VÅRA FÄRGER 7 Bli en del av helheten 8 EXEMPEL PÅ HUR LOGGAN APPLICERAS

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

Logotyp och Grafisk profil för UT Transport i Norr AB

Logotyp och Grafisk profil för UT Transport i Norr AB Logotyp: Introduktion UT Transport i Norr AB s logotyp är designad för att på ett tydligare och starkare sätt representera det företag som UT har utvecklats till att bli idag och kommer att bli imorgon.

Läs mer

Glimåkra folkhögskola

Glimåkra folkhögskola grafisk manual Glimåkra folkhögskola Den grafiska manualen är överenskomna regler inom Glimåkra folkhögskola som anger hur vi bör kommunicera internt och externt. Manualen anger råd och riktlinjer för

Läs mer

blå blomma öga sko kylskåp blomma bil kuvert ljus blus flagga boll bälte kök hus jacka Vit / Vitt Svart / Svart Röd / Rött Grön / Grönt

blå blomma öga sko kylskåp blomma bil kuvert ljus blus flagga boll bälte kök hus jacka Vit / Vitt Svart / Svart Röd / Rött Grön / Grönt Vit / Vitt Svart / Svart Röd / Rött Grön / Grönt Blå / Blått Brun / Brunt Gul / Gult EN ETT blå blomma öga sko kylskåp blomma bil kuvert ljus blus flagga boll bälte kök hus jacka Anders Svensson, Kunskapscentrum,

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

Kognition crash course

Kognition crash course Kognition crash course Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskap och kognitiv psykologi syftar till att beskriva och förstå hur tänkande går till. Människans

Läs mer

GRAFISK MANUAL 6/2012

GRAFISK MANUAL 6/2012 GRAFISK MANUAL 6/2012 2 Innehållsförteckning Innehållsförteckning 01 Baselement Svenska folkpartiets logotyp Vår logo: dimensioner och skyddsområde Logoversioner och minimistorlek Logons användning Applikationer

Läs mer

Grafisk manual för Härjeåns Kraft AB

Grafisk manual för Härjeåns Kraft AB Grafisk manual för Härjeåns Kraft AB 1 Vår profil I denna manual presenteras den visuella och grafiska profilen för Härjeåns Kraft. En enhetlig och tydlig profil utgör en väsentlig grund för vår långsiktiga

Läs mer

Att göra en vetenskaplig poster

Att göra en vetenskaplig poster Att göra en vetenskaplig poster FoU-enheten för närsjukvården Susan Wilhelmsson FoU handledare, docent Vad är en poster? Ett sätt att presentera ett arbete på ett enkelt och tilltalande sätt Ett sätt att

Läs mer

PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+

PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+ PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+ IT-universitetet i Göteborg Interaktionsdesign - Grafiska Gränssnitt 2003-09-17 Deltagare:

Läs mer

Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011

Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011 Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011 Lizette Nilsson 2012-05-07 Idag Kort om vår datormiljö Vanliga orsaker till problem Låt MS Word göra jobbet åt dig - Formatmallar

Läs mer

Riktlinjer för Halmstads kommuns grafiska profil

Riktlinjer för Halmstads kommuns grafiska profil Riktlinjer för Halmstads kommuns grafiska profil 1 Bakgrund Vår grafiska profil är ett av flera hjälpmedel för att stärka varumärket Halmstad. Den skapar en enhetlig och professionell bild av Halmstads

Läs mer

Se och förstå! om att utforma information på bildskärmar och displayer

Se och förstå! om att utforma information på bildskärmar och displayer Se och förstå! om att utforma information på bildskärmar och displayer I ARBETSMILJÖLAGEN står det att arbetsförhållandena ska anpassas till människors olika förutsättningar i fysiskt och psykiskt avseende.

Läs mer

Vad utmärker ett bra användargränssnitt?

Vad utmärker ett bra användargränssnitt? Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt

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

Designmanual. Logotype Färger Varumärkesbård Mönster Formgivning Typografi Skyltning

Designmanual. Logotype Färger Varumärkesbård Mönster Formgivning Typografi Skyltning Designmanual Logotype Färger Varumärkesbård Mönster Formgivning Typografi Skyltning Designmanual i korthet För frågor om vår design kontakta Helene Keskitalo, stab Information, tel 08 655 91 05 eller helene.keskitalo@sveaskog.se

Läs mer

Dokumentation av rapportmall

Dokumentation av rapportmall Dokumentation av rapportmall Utgivningsår: 2003 Författare: Eva Erbenius Samhällsmedicin Centrum för Tillämpad Näringslära Box 175 33 Wollmar Yxkullsgatan 19 118 91 Stockholm Innehåll Inledning... 3 Rapportens

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck Projektarbete Solveig Betnér Sammanfattning och syfte Företaget Solveig skapar textila handarbetade produkter

Läs mer