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

Storlek: px
Starta visningen från sidan:

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

Transkript

1 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

2 Making it look good Visuell design Färger Typografi Exempel och patterns Komplex data

3

4

5

6 Utseendet spelar roll Inte speciellt förvånande Användaren trivs bättre - Ökar chansen att man vill prova igen - Ökar chansen att man få gott rykte - Ökar tiden användaren spenderar på sidan Användaren får större tolerans - Ökar chansen att man har överseende med småproblem Användbarheten ökar helt enkelt

7 Utseendet spelar roll Väldesignad software tar hänsyn till utseendet, språk och dess ton lika mycket som till kvalitén (kodning) Produkter och websidor stödjer också branding. Interface kan skapa emotionell respons.

8 Utseende spelar roll

9 Samma innehåll olika utseende Utseende spelar roll

10 Samma innehåll olika utseende Utseendet spela roll

11 Samma innehåll olika utseende Utseende spelar roll

12 Visuell design Kognitivt inbyggda fenomen - Hjärnan uppfattar vissa saker automatiskt (preattentive variables) - Vissa reaktioner kan förutses Känslor och instinktiva reaktioner spelar in också - Kultur - Förväntningar - Erfarenheter osv... Vad använder man då och hur?

13 Färg Markera, beteckna, sätta etikett på

14 Färg Färg är det bland det första vi ser. Det är bra att fundera ut ett färgschema Grundregler Använd mörk förgrund mot ljus bakgrund eller tvärtom - För att testa skillnaden kan man göra om till gråskala Använd aldrig röd kontra grön för kritiska distinktioner - Upp till 10% av alla män har någon form av färgblindhet

15 Färg Ha aldrig liten blå text på en röd eller orange bakgrund Det är svårt att läsa text skriven med komplementärfärger

16 Bakgrund och kontrast Ljus eller mörk bakgrund? - Gör stor skillnad - Ljusa klart vanligast - Mörka - Vanliga kontroller funkar bäst på dessa - fräckare, dyster, energisk - Finns undantag - Sketchflow, Photoshop t.ex.

17 Bakgrund och kontrast Skarpa kontraster - Spänning o styrka Mindre kontrast - Lugnande och avslappnande

18 Hue (kulör, färgton, nyans)

19 Varma och kalla färger Varma- Röd, orange, brun, beige Kalla - Blå, grön, lila, grå (i stora mängder) För att framkalla respekt och konservatism används typiskt kalla färger i synnerhet blått

20 Färgmättnad Mättad Omättad

21 Färgmättnad Mättade eller rena (saturated) färger Klara, briljanta, skarpa gula, röda, gröna etc - Framkallar energi, livlighet, värme - Vågade och har karaktär Också tröttande för ögat - Vanligast att ha max 1 eller 2 mättade färger - Resten omättade, nedtonade

22 Exempel

23 Exempel

24 Kombinationer Vad händer om man kombinerar? - 2 mättade färger = mer liv, energi än bara 1 färg - 1 mättad och 1 omättad = mer uppmärksamhet mot mättad - Ofta använder man ett litet antal grundfärger och sedan variationer på dessa - Mindre splittrat intryck

25 Exempel

26 Exempel

27 Färgblindhet Röd-grön - Protanopia - Deuteranopia Blå-gul - Tritanopia

28 Färgblindhet Förmedla aldrig information med enbart färg - Använd istället medföljande text, form eller något annat. - Undvik röd-gröna kombinationer - Testa, testa, testa! https://kuler.adobe.com/ Mer info

29 Sammanfattning Färgval spelar roll Se över färgscheman i projektet Rast!

30 Typografi Typografi är läran om texter och dess utformning. En text kan avstavas, radbrytas och sidbrytas på flera olika sätt. Mellanrummet mellan raderna, bredd, marginaler, placering påverkar det totala intrycket. Traditionellt = hur lätt det är att läsa och förstå en text Idag = att påverka Viktigt på nätet

31 Typografi Sans-serif (sans = utan) Sans-serif ofta bättre i små storlekar på datorskärm men på pappret är det tvärtom. Webben: - Verdana - Georgia

32 Typografi Vilket/vilka typsnitt man använder spelar också roll för vilket intryck man ger Varje typsnitt har sin egen röst

33 Typografi ANVÄND INTE TEXT MED BARA STORA BOKSTÄVER EFTERSOM DET ÄR SVÅRARE ATT LÄSA Undantag kan vara vissa rubriker Undvik kursiv text eller fonter med mycket ornament eftersom de är svårare att läsa

34 Typografi ord per kolumn är ungefär lagom för att behålla läsbarhet (ungefär 500 pixels) Låt kortare textstycken vara vänsterjusterade GUI-kits och guidelines har vanligen rekommenderade fonter och fontstorlekar

35 Online text Oftast scannar man texten. Bli så kort och direkt så mycket som möjligt Länkar, rubriker, punkter etc används för att dra uppmärksamhet till viktigt eller intressant innehåll Det är viktigt med trovärdighet (välskriven text, bra grafik, utgående länkar) Read more:

36 Online text Kontrasten mellan text and bakground ska inte vara för stor eller för liten Mörkgrå på vit bakgrund är bättre än svart på vitt Svart på en off-white bakgrund är inte svårt att läsa heller Och mörk text på en ljus bakgrund är.

37 Online text Kontrasten mellan text and bakground ska inte vara för stor eller för liten Mörkgrå på vit bakgrund är bättre än svart på vitt Svart på en off-white bakgrund är inte svårt att läsa heller Och mörk text på en ljus bakgrund är lättare att läsa än tvärtom Läs mer...

38 Desktop GUI Desktop-GUI:n ofta hårt styrda av design-guidelines, speciellt nyttoprogram Vad kan man göra: - Bakgrunder Deep Background - Färger och fonter (vikt och kontrast) - Kanter (man kan använda runda kanter och diagonaler) - Bilder - Man kan göra knappar gjorda av bilder - Träd, listor mm kan också justeras med bilder

39 Rymd, vinklar och textur Textur När man ska täcka en yta ser ofta någon slags textur bättre ut än bara att fylla med en färg Corner treatments mönster Bilder - Kan vara effektivt, men finns i desktop-gui:n mest när de har en funktion (ikoner)

40 Mönster: Visual Framework Vad - Designa varje sida med samma grundläggande layout, färg, stil. När - Applikationer eller sajter med många olika sidor (typ allt). Man vill att det ska sitta ihop Varför - Konsistent design av varje sida gör att man känner igen sig och inte behöver anstränga sig lika mycket. Bidrar till branding också. Hur - Skapa en genomgående look-and-feel för alla sidor i applikationen - Färger, fonter, stil på text - Navigation - Layout-grid

41 Exempel (också på Contrasting Font Weights

42 Exempel

43 Mönster: Deep Background Vad - Placera en bild i bakgrunden som ger intryck av att finnas bakom övriga gränssnittselement När - Man har en layout med ett antal distinkta GUI-element som inte är särskilt överbefolkad och vill att det ska vara intressantare än med vanlig vit/grå bakgrund Varför - Lyckas man göra en bakgrund som ser ut att finnas bakom så kan det vara snyggt helt enkelt Hur - Lite överkurs. Boken talar om soft focus, color gradients, depth cues och no strong focal points

44 Mönster: Deep Background Soft focus (undvik detaljer) Color gradients (starka och rena färger OK men inte hårda linjer mellan dem) Depth cues (ledtrådar att något är långt bort, vertical gradient, oklarhet)

45 Mönster: Few hues, many values Vad - Välj en, två eller max 3 huvudkulörer (hues). Skapa en färgpalett genom att ha olika varianter av dessa När - Man skapar en färgpalett och vill undvika ett splittrat intryck, men ha någon slags karaktär Varför - Alltför många färger, speciellt klara och mättade gör lätt GUI:t överlastat och stökigt. Färgerna slåss om användarens uppmärksamhet. Hur - Välj ett par färger (svart o vitt räknas inte) Sen kan man ha ett stort antal inom dessa färger om det krävs. Verktyg som visats kan vara användbara för detta.

46 Few hues, many values exempel

47 Few hues, many values exempel

48 Att visa komplex data Tidwell kap 7 Preattentive variables (färg, storlek mm) - Saker som uppfattas direkt av människor utan vidare tänkande - Fortsättning på föregående om visual flow, grouping etc - Bra att känna till vid design

49 Hitta de blå prickarna

50 Hitta de blå prickarna

51 Hitta tal > 1

52

53

54

55 Mera

56 Forts preattentive variables

57 Forts preattentive variables

58 The End

59 Do this Don t do this

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 och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Data- och informationsteknik Chalmers/GU 1 Idag Lite av varje Resten av Tidwell Små skärmar Kodtips för projekt Tenta Hjälpmedel

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU 1 Idag Lite av varje LayoutManagers Sista Tidwell Backend projekt (Små skärmar)

Läs mer

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

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

Grafisk Profil. Grafisk Profil Version 1.0 06/12-2005

Grafisk Profil. Grafisk Profil Version 1.0 06/12-2005 Grafisk Profil Gertruds grafiska profil är dess ansiktet utåt. För Gertruds kunder, samarbetspartners och medarbetare ska det vara lätt att identifiera budskap från Gertrud i olika medier. Logotpen är

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

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

Grafsk Profl. Stilmanual för Astronomisk Ungdoms kommunikation

Grafsk Profl. Stilmanual för Astronomisk Ungdoms kommunikation Grafsk Profl Stilmanual för Astronomisk Ungdoms kommunikation Inledning Varför grafsk profl? Identifkation För att alla ska uppfatta att det är Astronomisk ungdom som står bakom ett meddelande måste vi

Läs mer

Färger. Matthew Woehlke Översättare: Stefan Asserhäll

Färger. Matthew Woehlke Översättare: Stefan Asserhäll Matthew Woehlke Översättare: Stefan Asserhäll 2 Innehåll 1 Färger 4 1.1 Inledning........................................... 4 1.2 Hantering av scheman................................... 4 1.2.1 Importerar

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

Trädgårdscentrum AB. Grafisk profil

Trädgårdscentrum AB. Grafisk profil Grafisk profil Logotypen Logotypen är baserad på en script för att få den att kännas mer moderna samtidigt som det kopplas mer ihop med växtriket och stjälkar. Bladen är ännu ett element som ska göra att

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

Vad utmärker ett bra gränssnitt?

Vad utmärker ett bra gränssnitt? Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I

Läs mer

FÄRGLÄRA Portfolieuppgift i bild

FÄRGLÄRA Portfolieuppgift i bild FÄRGLÄRA Portfolieuppgift i bild Mål: Att lära sig vad färg är och vad som händer när jag blandar olika färger Att lära sig blanda färger Att veta vad en färgcirkel och komplementfärger är Att kunna skilja

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

Lektion 2 - CSS. CSS - Fortsätt så här

Lektion 2 - CSS. CSS - Fortsätt så här Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt

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

FÄRGER GRAFISKA ELEMENT BILD- OCH TEXTMANÉER ANVÄNDNING SLUTORD

FÄRGER GRAFISKA ELEMENT BILD- OCH TEXTMANÉER ANVÄNDNING SLUTORD GRAFISK MANUAL IDENTITET INNEHÅLL Grafisk design och kommunikation är en sektion med en stark identitet. Vi vet vilka vi är och hur vi gör. Denna manual har gjorts för att alla andra också ska veta vilka

Läs mer

Research. Erikdalsbadets utomhusbad i Stockholm

Research. Erikdalsbadets utomhusbad i Stockholm Framtidens färg Framtidens färg kommer varken att handla om nya kulörer eller färgkombinationer, vilket tidigare ofta har kännetecknat en viss tidsperiod. I framtiden får färgen sin betydelse genom kontexten

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Sjuk Kortföreläsning Idag Torsdag intro till projekt Kom då! 1 MENYER OCH TOOLBARS

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

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

IP-solutions Grafisk Profil

IP-solutions Grafisk Profil Grafisk Profil Varför branding är viktigt Positionering Genom design så förmedlar och förankrar ett företag sin position på marknaden. Förtroende Företag med ett genomarbetat varumärke förmedlar högre

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

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

En stiligare portal Laboration 3

En stiligare portal Laboration 3 Laborationsanvisning En stiligare portal Laboration 3 Författare: Johan Leitet Version: 1 Datum: 2011-09-09 Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt

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

Grafisk profil & kommunikation Vänersborgs kommun. Version 1.5 - maj 2013

Grafisk profil & kommunikation Vänersborgs kommun. Version 1.5 - maj 2013 Grafisk profil & kommunikation Vänersborgs kommun Version 1.5 - maj 2013 Innehåll Grafisk profil & kommunikation Vänersborgs kommun 2 Om denna manual 3 Logotypen 4 Logotypen - 3 olika varianter 5 Logotyp

Läs mer

1. Uppdateringsmodul (CMS)

1. Uppdateringsmodul (CMS) Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...

Läs mer

Profilmanual, internt

Profilmanual, internt Profilmanual, internt Källa: securitasbrand.com Vid frågor eller framtagande av marknadsmaterial kontakta marknadskommunikation. Våra färger 1. Logotypfärger Logotypen består av tre färger - svart, vit

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

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

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

Primär. Sekundär. färger 1.0

Primär. Sekundär. färger 1.0 grafisk manual 1.0 färger Primär Den orangea färgen är Apelsinblommans husfärg och är tagen från apelsinen för att skapa en tydlig återkoppling till företagets namn. Orange är en energifylld färg som

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

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

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

VISUELLA FÖRHÅLLANDEN

VISUELLA FÖRHÅLLANDEN VISUELLA FÖRHÅLLANDEN Hur man uppfattar ljuset i ett rum kan beskrivas med sju begrepp som kännetecknar de delar av synintrycken som man kan iaktta och beskriva ljusnivå, ljusfördelning, skuggor, bländning,

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

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

Den grafiska profilieringen för roar

Den grafiska profilieringen för roar Den grafiska profilieringen för roar 2013 edition INNEHÅLL LOGOTYP 04 LOGOTYPENS FRIZON 05 TYPOGRAFI 06 FÄRGER 07 KONTORSMATERIAL 08 ANNONS & BILDER 10 BROSCHYR 12 GRAFISKA ELEMENT/BYXMÄRKE 14 WEBBSIDA

Läs mer

1.2 Logotypens färgsättning

1.2 Logotypens färgsättning GRAFISK MANUAL Vår grafiska profil Den grafiska profilen utgörs av logotypen, våra färger och vår typografi. Dessa bildar tillsammans bilden och uppfattningen av varumärket Ridentity. Denna manual beskriver

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

«Sida 2 av 4 Till kursens framsida Sida 4 av 4»

«Sida 2 av 4 Till kursens framsida Sida 4 av 4» Sida 1 av 11 Lektion 1: sida 3 av 4 «Sida 2 av 4 Till kursens framsida Sida 4 av 4» 2. Formatera text Du kan ju redan skriva in text, men nu ska vi se hur man formaterar det man skrivit in -- alltså hur

Läs mer

1.1 Verktygslådan översikt

1.1 Verktygslådan översikt 1.1 Verktygslådan översikt Markeringsramverktygen markerar rektanglar, ellipser samt enstaka rader eller kolumner. Flytta-verktyget flyttar markeringar, lager och stödlinjer. Lassoverktygen skapar frihandsmarkeringar,

Läs mer

FÖRETAGETS GRAFISKA PROFIL

FÖRETAGETS GRAFISKA PROFIL FÖRETAGETS GRAFISKA PROFIL och Microsoft Office 1 Innehållsförteckning Förord... 2 Företagets grafiska profil... 2 Färger... 2 Fonter (teckensnitt)... 2 Var börjar man? - PowerPoint... 2 Börja med att

Läs mer

Logotyp. Logotyp med förvaltningsnamn. Frizon. Typsnitt. Färger. Futura Book ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö

Logotyp. Logotyp med förvaltningsnamn. Frizon. Typsnitt. Färger. Futura Book ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö GRAFISK MANUAL Logotyp Landstinget Dalarnas logotyp består av två enheter, symbol och namn. Landstingets symbol är en kombination av bokstäverna L och D. De bildar en symbol som är enkel att använda och

Läs mer

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad 2012-09-14

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad 2012-09-14 Grundredigering i Photoshop Elements Denna artikel handlar om grundläggande fotoredigering i Elements: Att räta upp sneda horisonter och beskära bilden, och att justera exponering, färg och kontrast, så

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

Randboken. - din kompletta guide för ränder i hemmet.

Randboken. - din kompletta guide för ränder i hemmet. Randboken - din kompletta guide för ränder i hemmet www.durosweden.se Vilken rand passar dig? Svårt att veta hur du snabbt och enkelt kan förändra ditt hem? Svaret är enkelt, med ränder! Horisontella,

Läs mer

Bildredigering i EPiServer & Gimp

Bildredigering i EPiServer & Gimp Bildredigering i EPiServer & Gimp Maria Sognefors 7minds Agenda Teori om bilder Att tänka på när jag fotograferar Föra över bilder från kamera till dator Ladda upp bilder till EPiServer CMS 5 Enkel redigering

Läs mer

INNEHÅLL ALLMÄNT... 2

INNEHÅLL ALLMÄNT... 2 INNEHÅLL ALLMÄNT... 2 POWERPOINT... 2 KOMMA IGÅNG MED POWERPOINT... 3 SKAPA EN PRESENTATION... 4 INFOGA... 5 Kopiera kalkylbladsceller från Microsoft Excel till en presentation...5 Dela information mellan

Läs mer

GRAFISKA RIKTLINJER 1

GRAFISKA RIKTLINJER 1 GRAFISKA RIKTLINJER 1 ETT PARTITUR FÖR ÖGAT Det går kanske inte att jämföra grafiska riktlinjer med ett partitur. Men lite fritt tolkat kan man säga att en grafisk manual innehåller alla element som behövs

Läs mer

Värmdö IFs grafiska profil 4. Logotyp 5-9. Färg 10. Typografi 11-12. Brevpapper 13. Visitkort 14. Korrespondenskort 15.

Värmdö IFs grafiska profil 4. Logotyp 5-9. Färg 10. Typografi 11-12. Brevpapper 13. Visitkort 14. Korrespondenskort 15. 1Grafisk manual 2 Innehåll Sida Värmdö IFs grafiska profil 4 Logotyp 5-9 Färg 10 Typografi 11-12 Brevpapper 13 Visitkort 14 Korrespondenskort 15 Kuvert 16-17 3 Värmdö IFs grafiska profil En enhetlig grafisk

Läs mer

Grafisk manual. version 1.2

Grafisk manual. version 1.2 Grafisk manual version 1.2 Innehåll 1.0 Varför en grafisk manual? 1.1 När ska manualen användas? 1.2. Använda profilmaterial 1.3 Lämna synpunkter 2.0 Namnet och organisationen 2.1 Namnet 2.2 Presentationstext

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

bilder för användning

bilder för användning Grundläggande guide i efterbehandling av bilder för användning på webben Innehåll Innehåll...2 Inledning...3 Beskärning...4 Att beskära en kvadratisk bild...5 Att beskära med bibehållna proportioner...5

Läs mer

Projekt 1 Webb- och inform ationsdesign

Projekt 1 Webb- och inform ationsdesign IT-universitetet MDI Interaktionsdesign Interaktionsdesign Grafiska gränssnitt 6p HT 03 Projekt 1 Webb- och inform ationsdesign Grupp 6 Theresa Harmanen, Linus Kjellqvist, Camilla Orrenäs, Emma Thunström

Läs mer

Anvä ndärguide Nyä Expeditionsresor

Anvä ndärguide Nyä Expeditionsresor Anvä ndärguide Nyä Expeditionsresor Hjälpguide för att använda Wordpress och Nya Expeditionsresor.se 2014-08-10 Innehållsförteckning Logga in till Wordpress-panelen... 3 Skapa bildspel... 4 Färgkoder...

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

INTRODUKTION TILL LOGOTYPEN

INTRODUKTION TILL LOGOTYPEN INTRODUKTION TILL LOGOTYPEN Greppa Näringen logotypen är den officiella avsändaren och vårt viktigaste verktyg. Logotypen har en klar och tydlig form som syns mycket bra i alla sammanhang. För att skydda

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

Laboration 2. Webbproduktion En stiligare webbsida HT2015

Laboration 2. Webbproduktion En stiligare webbsida HT2015 Laboration 2 Webbproduktion Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt sätt som möjligt. Nu är det dags att ge ögat något vackert att vila på.

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

Motstånd med 5 eller 6 ringar Serie E48 och E96 Med 1:a ringen brun = 1

Motstånd med 5 eller 6 ringar Serie E48 och E96 Med 1:a ringen brun = 1 Motstånd med eller ringar Serie E och Med :a ringen brun = Nedan visas motstånd med % tolerans (=) dvs te ringen brun. För % tolerans (E) skall femte ringen istället vara röd. -e ringen visas ej. Anger

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

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

Ett enklare sätt att färgsätta Breddar din designpalett

Ett enklare sätt att färgsätta Breddar din designpalett Fasad 1 Ett enklare sätt att färgsätta Breddar din designpalett Färger, skuggningar, texturer du som arkitekt eller designer har starka visuella verktyg. Våra fasadskivor i fibercement möter dig hela vägen.

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Retuschering inkl Skönhetsretusch. Kalle Prorok Okt 2010

Retuschering inkl Skönhetsretusch. Kalle Prorok Okt 2010 Retuschering inkl Skönhetsretusch Kalle Prorok Okt 2010 Varför vill man retuschera? Lokala justeringar Ljusa upp/mörka ner delar av bild Redigera bort tillfälliga skavanker Ta bort detaljer i bakgrund/förgrund

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

GÖR DIN EGEN LOGOTYP SÅ GÖR DU OCH DET SKA DU TÄNKA PÅ

GÖR DIN EGEN LOGOTYP SÅ GÖR DU OCH DET SKA DU TÄNKA PÅ GÖR DIN EGEN LOGOTYP SÅ GÖR DU OCH DET SKA DU TÄNKA PÅ ATT HYRA IN EN DESIGNER eller andra dyra konsulter när du startar upp är troligtvis inte på tapeten. Du får lösa det mesta själv. Som egenföretagare

Läs mer

Råd och riktlinjer för gestaltning. Sintorps. Sintorp 4:6 2010-03-04 BN 63. 1 av 7

Råd och riktlinjer för gestaltning. Sintorps. Sintorp 4:6 2010-03-04 BN 63. 1 av 7 Råd och riktlinjer för gestaltning Sintorps Sintorp 4:6 2010-03-04 BN 63 1 av 7 Bakgrund Byggnadsnämnden har till uppgift enligt Plan- och bygglagen att verka för en god och estetiskt tilltalande stads

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

Manual Anvisningar vid annonsering på startsida i Ratsit 3.0.

Manual Anvisningar vid annonsering på startsida i Ratsit 3.0. Version 2.0 onsdag 12 oktober 2016 1 av 8 Manual Anvisningar vid annonsering på startsida i Ratsit 3.0. Kort beskrivning Instruktioner: Nedan finner du instruktioner kring hur du skapar wallpaper för ratsit.se.

Läs mer

Nordsjö inomhus. Kulörguide

Nordsjö inomhus. Kulörguide Nordsjö inomhus Kulörguide Kulörkänslor Öppna upp dörren till ditt hem och känn hur din stil och personlighet gör ett tydligt avtryck. Om du inte riktigt är där än så är det enkelt att förändra med några

Läs mer

Instruktioner till övningen som börjar på nästa sida

Instruktioner till övningen som börjar på nästa sida Instruktioner till övningen som börjar på nästa sida Övningen innehåller det grundläggande som du måste kunna för att klara Word. Varje stycke ska vara formaterat så som det står i stycket. Under varje

Läs mer

Grundredigering i Photoshop Elements

Grundredigering i Photoshop Elements Grundredigering i Photoshop Elements Denna artikel handlar om grundläggande fotoredigering i Elements: Att räta upp sneda horisonter och beskära bilden, och att justera exponering, färg och kontrast, så

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5

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

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

Läs mer

KLINKER. båda golv och vägg. Alla färgade. Karlstad Kakel, Magasin 2, Löfbergskajen, 652 24 Karlstad, www.karlstadkakel.se

KLINKER. båda golv och vägg. Alla färgade. Karlstad Kakel, Magasin 2, Löfbergskajen, 652 24 Karlstad, www.karlstadkakel.se båda golv och vägg Alla färgade EGEUM 10DL BLÅ Art. nr. 20328 9,5x9,5 (0,68) cm Mörk blå, matt och strukturerad. 100 st 335 kr 1 m2 10DL Blå är en färdigpatinerad klinker med en yta som passar utmärkt

Läs mer

Photoshopskolan, retro-look

Photoshopskolan, retro-look Sida 1 av 12 skriv ut» Övningen är gjord av Anna-Lena Lundin ( http://www.pixelplus.se ) Har du frågor om momenten i övningen eller om Photoshop kan du söka information i vårt Forum för Photoshop. Retro-look

Läs mer

Kurs 5:1 Att presentera med PowerPoint del 1

Kurs 5:1 Att presentera med PowerPoint del 1 Kurs 5:1 Att presentera med PowerPoint del 1 S TUDE NTDATOR UTBILDNINGE N MALMÖ HöGSKOLA Beijerskajen 8, K3, källaren, sal Apollo (A01:303), 205 06 Malmö www.bit.mah.se/undervisning/sdm Att presentera

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

Ett original. Välkommen till Pergo, och ett golv som håller för livet. DEKORER I TRE KVALITETSNIVÅER! format 4. miljö 6.

Ett original. Välkommen till Pergo, och ett golv som håller för livet. DEKORER I TRE KVALITETSNIVÅER! format 4. miljö 6. 1 84 DEKORER I TRE KVALITETSNIVÅER! Läs mer på s. 61 Ett original format 4 miljö 6 endless plank 8 natural variation 10 total design 12 inspiration 16 kvalitetsnivåer 60 lätt att lägga 65 ytstruktur 66

Läs mer

ENKLARE ANSIKTSRETUSCH

ENKLARE ANSIKTSRETUSCH ENKLARE ANSIKTSRETUSCH Här kommer jag att visa en enklare ansiktsretusch. Det är ganska många steg i processen, men de flesta steg är i sig inte krångliga. Jag kommer så långt det är möjligt att arbeta

Läs mer

Stilsäkra solskydd med skön effekt

Stilsäkra solskydd med skön effekt 72 Stilsäkra solskydd med skön effekt PERSIENNER Idag är persienner mer än bara något du fäller ned vid läggdags. Det handlar om färg, form och stil. Idén är att mixa och matcha: plocka upp en färg från

Läs mer

TORSTENS JULFAVORITER

TORSTENS JULFAVORITER TORSTENS JULFAVORITER 99-150 kr Dill- och enbärssnaps Ingredienser: 70 cl brännvin special Kryddor: 10 15 kvistar dill 10 torkade enbär skalet från en gurka Tillagning: 1. Blanda allt i en flaska. Värmeljushållare

Läs mer

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa

Läs mer

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar

Läs mer

Lampladan City. Grafisk manual

Lampladan City. Grafisk manual Grafisk manual Innehåll 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Introduktion Logotyp Logotyp: Färgalternativ Logotyp: Färgalternativ Färger Färger: Förklaring Grafisk dekor Typografi Typografi: Tillämpling

Läs mer

Alla tillämpningar till Distanskursen Digital bildbehandling Lektion 1 till 10

Alla tillämpningar till Distanskursen Digital bildbehandling Lektion 1 till 10 Alla tillämpningar till Distanskursen Digital bildbehandling Lektion 1 till 10 Notera att PingPong är namnet på den lärplattform som kursen ursprungligen sändes på. Det är inte något du på Guld har tillgång

Läs mer

BRF Masthugget. Förslag Färgsättning fasader BRF Masthugget, Göteborg 2010-09-24

BRF Masthugget. Förslag Färgsättning fasader BRF Masthugget, Göteborg 2010-09-24 BRF Masthugget Avsikt Blånande berg + Solnedgång Det sägs att den ursprungliga färgsättningen av Bostadsrättsföreningen Masthugget var gjord så den skulle efterlikna Bohusläns klippor (därav det senare

Läs mer

Kurs i oljemåleri Medborgarskolan

Kurs i oljemåleri Medborgarskolan Kurs i oljemåleri Medborgarskolan Lärare Ragnar Österlund Inledning Detta är en kort sammanfattning av de begrepp som vi går igenom på kursen. Det är tänkt som ett minnesstöd snarare än en introduktionstext

Läs mer

Grafisk manual. 1.0 Index. Om logotypen... 2 DOTTERBOLAG... 3 DOTTERBOLAG 2 RADER... 4 VARIATIONER... 6 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING...

Grafisk manual. 1.0 Index. Om logotypen... 2 DOTTERBOLAG... 3 DOTTERBOLAG 2 RADER... 4 VARIATIONER... 6 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING... Grafisk manual 1.0 Index Om logotypen... 2 DOTTERBOLAG... 3 DOTTERBOLAG 2 RADER... 4 Friyta och MinimIstorlek... 5 VARIATIONER... 6 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING... 7 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING...

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