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

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 Varför färg? gruppera information skapa/visa på associationer indikera betydelse och struktur

28

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

30

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

32

33 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

34 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

35 Färg Grön: harmoni, balans, kreativitet Gul: glädje, stimulans, optimism Blå: exklusivt, lyxigt, svalt Röd: livslust, provocerande, varmt Brun: ombonat, mysigt, varmt Grå: neutralt, sobert, anonymt Svart: rebelliskt, syndigt Vit: renhet, fräschör

36

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

38 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

39 Grafisk design Layout Färg Ikoner Typografi

40

41 Varför ikoner? öka begripligheten

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

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

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

45 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

46

47

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

49 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

50

51 Grafisk design / Visualisering Layout Färg Ikoner Typografi

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

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

54 Datorskärmen: Upplösning

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

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

57 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

58 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ö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

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

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

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

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

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 8 8 8 Varför grafisk profil? Övergripande riktlinjer Logotyper Kommunvapen Tidaholmslogotyp Verksamhetsspecifika symboler Skyltar Mallar Audiell profil

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald)

WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald) WWAAC Layout Editor Layout Editor För att ändra en befintlig layout eller göra en ny kan du antingen öppna Layout Designer for the Browser via Start Program wwaac eller nå den via knappen Inst i browsern

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

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

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

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

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

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

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

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet?

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet? Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign Kognition och perception

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

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

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

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3 Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign 120420 Kognition

Läs mer

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. 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 A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm Lilla romanformatet: 135 x 210 mm Stora

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

Detta är inte en ny grafisk profilhandbok utan version 2.0 enklare, tydligare och med fokus på innehållet i kommunikationen, inte utseendet.

Detta är inte en ny grafisk profilhandbok utan version 2.0 enklare, tydligare och med fokus på innehållet i kommunikationen, inte utseendet. Grafisk profil 2.0 Vimmerby kommun tog fram en grafisk profil 2008 för att skapa en tydlighet i sin kommunikation. I samband med att en ny destinations-logotyp tagits fram har behovet att förenkla och

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

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

B känns ny och ger en överblick över många delar av tidningen och får mig att leta mig vidare B

B känns ny och ger en överblick över många delar av tidningen och får mig att leta mig vidare B 2011-11-06 07.49.41 B Bra kontraster. 2011-11-06 11.13.50 A 2011-11-06 23.19.52 A 11.12.39 A 11.16.15 A 11.16.52 A 11.27.11 B 11.27.32 A luftig och stilren, man blir störd när man läser artiklar av att

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

Grafisk manual. Innehåll. Kontakt: max@desmond.com

Grafisk manual. Innehåll. Kontakt: max@desmond.com Grafisk manual Innehåll Kontakt: max@desmond.com Förutsättningar Hoop skall ha en modern och sportig profil som skall vara denna manual trogen i allt formellt material som: Brev, Mejl, Instruktionsböcker

Läs mer

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Göteborgs miljövetenskapliga Centrum, GMV 2 Om GMV:s grafiska riktlinjer Om GMV:s grafiska riktlinjer GMV:s grafiska riktlinjer

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

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

aloq.se Loxysoft AB Post: Box 153, 840 60 Bräcke Besök: Öneslingan 11, Frösön Tel: 063-18 34 40 Fax: 063-12 40 35 info@loxysoft.se www.loxysoft.

aloq.se Loxysoft AB Post: Box 153, 840 60 Bräcke Besök: Öneslingan 11, Frösön Tel: 063-18 34 40 Fax: 063-12 40 35 info@loxysoft.se www.loxysoft. aloq.se Loxysoft AB Post: Box 53, 840 60 Bräcke Besök: Öneslingan, Frösön Tel: 063-8 34 40 Fax: 063-40 35 info@loxysoft.se www.loxysoft.se Grafisk manual Loxysoft AB Text och design: aloq AB, Östersund

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

Kap 17 Sid 1 (10) 17 GRAFISK PROFIL 2

Kap 17 Sid 1 (10) 17 GRAFISK PROFIL 2 Sid 1 (10) 17 GRAFISK PROFIL 2 17.1 Inledning 2 17.2 Skölden 2 17.2.1 Allmänt 2 17.2.2 Broschyrer och liknande 3 17.2.3 Trycksaker producerade av regionala förbund och specialförbund 4 17.3 Försvarsutbildarna

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

Layout och Navigation

Layout och Navigation Layout och Navigation Layout Layout Det är tre saker som definierar formen på ett GUI Gruppering av element Balans Grid & alignment (dvs hur komponenter är utlagda på ett osynligt rutnät) och som sagt,

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

Å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

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

Grafi sk profi l 1 Eslövs kommun 2011

Grafi sk profi l 1 Eslövs kommun 2011 Grafisk profil Eslövs kommun 2011 1 Innehåll Syftet med en grafisk profil... 3 Vårt stadsvapen... 4 Vår logotyp... 5 Designelement... 6 Våra profilfärger... 7 Logotypen i färg, i svart och i vitt... 8

Läs mer

Version 2016:2 GRAFISK MANUAL

Version 2016:2 GRAFISK MANUAL Version 2016:2 GRAFISK MANUAL INLEDNING Våra grundläggande värderingar är kärnan i vår kommunikation. En gemensam grafisk profil förstärker och förtydligar både budskap och avsändare. Vår grafiska profil

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

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

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

Att arbeta utifrån gemensamma riktlinjer ger en enhetlig bild av Våra Gårdar, både internt och externt.

Att arbeta utifrån gemensamma riktlinjer ger en enhetlig bild av Våra Gårdar, både internt och externt. GRAFISK MANUAL RIKTLINJER Att arbeta utifrån gemensamma riktlinjer ger en enhetlig bild av Våra Gårdar, både internt och externt. För att Våra Gårdar ska kunna bli välkänt varumärke måste vi lyckas förmedla

Läs mer

Innehållsförteckning. Inledning 4 Vår logotyp 5 Våra färger 9 Vår typografi 11 Dekorelement 14 Bildspråk 18

Innehållsförteckning. Inledning 4 Vår logotyp 5 Våra färger 9 Vår typografi 11 Dekorelement 14 Bildspråk 18 Grafisk manual Innehållsförteckning Inledning 4 Vår logotyp 5 Våra färger 9 Vår typografi 11 Dekorelement 14 Bildspråk 18 Läs det här först! Välkommen till Teknikföretagens grafiska manual. Den är avsiktligt

Läs mer

Grafisk profilhandbok

Grafisk profilhandbok Den bild vi förmedlar av oss själva är betydelsefull idag kanske mer än någonsin tidigare. Antagen av Kommunstyrelsen 122/2013 tillsammans med kommunikationsstrategi 2013 2014. Grafisk profilhandbok Av

Läs mer

Grafisk Profil VERSION 1.5 Vägen ut! kooperativen

Grafisk Profil VERSION 1.5 Vägen ut! kooperativen Grafisk Profil VERSION 1.5 Vägen ut! kooperativen OM VÅR GRAFISKA PROFIL Grafisk Profil för Vägen ut! kooperativen En gemensam grafisk profil för Vägen ut! kooperativen är viktig för att ge ett enhetligt

Läs mer

svenska EventAkademin

svenska EventAkademin grafisk manual Svenska bakgrund Bakgrund Svenska har till uppgift att belysa och lyfta fram förtjänstfulla personer och initiativ inom den event- och upplevelseindustrin. Akademin arbetar aktivt för att

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

KONTEX & KOMMUNIKATION

KONTEX & KOMMUNIKATION KONTEX GRAFISK PROFIL Formen Logotypförslaget är en bokstavskombination av bokstäverna K och K (Kontex, Kommunikation). Den grafiska formen ska vara lätt att känna igen, vara ren samt kännas symbolisk

Läs mer

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Vad är kognition, perception? Vad har kognition och perception med interaktionsdesign

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