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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

High Voltage Valley möjliggör framtidens energieffektiva värld.

High Voltage Valley möjliggör framtidens energieffektiva värld. High Voltage Valley möjliggör framtidens energieffektiva värld. INNEHÅLL 1 En världsledande region inom Elkraftteknik 2 HVV:s kärnvärden och identitet 3 Logotyp 4 Profilfärger 5 Typografi 6 Layout 7 Avsändare

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

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

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

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

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

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

GRAFISK MANUAL EQUMENIA 2013 2013 09 17

GRAFISK MANUAL EQUMENIA 2013 2013 09 17 EQUMENIA 2013 2013 09 17 INNEHÅLL KAPITEL 1 KAPITEL 2 KAPITEL KAPITEL KAPITEL 3 4 5 INLEDNING s. 3 LOGOTYP Logotyp Lokala & regionala Placering & storlek Felaktig användning s. 4 FÄRGER Färgschema s. 8

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

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

CPM-100 Mjukvara Bruksanvisning

CPM-100 Mjukvara Bruksanvisning CPM-100 Mjukvara Bruksanvisning Innehåll Sidnummer: Öppna mjukvaran 2 Ändra sidans storlek 3 Infoga text 4 Redigera text 5 Infoga grafik 6-8 Klippa former 9-11 Duplicera Etiketter 12-14 Flerfärg utskrift

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

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

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

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

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

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

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

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

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

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

Färgval som designparameter

Färgval som designparameter Mälardalens Högskola Produkt och Processutveckling PM Produktutveckling 3 KPP039 Färgval som designparameter Hur färgen på produkten avgör hur vi uppfattar den Datum: 11/1 2010 Författare: Emilia Klint

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

Grafisk form för användargränssnitt

Grafisk form för användargränssnitt Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala

Läs mer

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet 1-1 Grafisk formgivning Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet Komponenter måste utformas och användas på ett konsekvent och enhetligt sätt.

Läs mer

Kom igång med FrontPage 2003

Kom igång med FrontPage 2003 Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker

Läs mer

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Lite info först Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Förra veckan... GUI = Graphical User Interface (grafiskt användargränssnitt) Gör så här

Läs mer

GRAFISK MANUAL. för BORAB

GRAFISK MANUAL. för BORAB GRAFISK MANUAL för BORAB Innehåll: 03: Logotyp 07: Kontorstryck 14: Färger 16: Typografi 19: Bildspråk 21: Trycksaker 23: Annonser 25: Web 27: Profiltryck 02: Innehållsförteckning Logotyp 03: Logotyp Logotyp

Läs mer

Världens bästa hälsa 2020. Profilmanual. Profilmanual Indexator

Världens bästa hälsa 2020. Profilmanual. Profilmanual Indexator Världens bästa hälsa 2020 Profilmanual Profilmanual Indexator Innehåll Följ profilmanualen 3 Logotyp 4 Logotypanvändning 5 Friyta 6 Färger 7 Typografi 8 Typografi ersättningstypsnitt 9 Grafiskt mönster

Läs mer

Triangle Colorscale. Created for design CMYK GUIDE. Intuitiv, exakt och praktisk

Triangle Colorscale. Created for design CMYK GUIDE. Intuitiv, exakt och praktisk Created for design CMYK GUIDE Intuitiv, exakt och praktisk Med CMYK GUIDE hittar du rätt färg i en handvändning. Och i tryck får du exakt den färg du valt! INTUITIV Snabbt verktyg för grafisk design Triangle

Läs mer

Gör släktboken enhetlig - använd formatmallar

Gör släktboken enhetlig - använd formatmallar Gör släktboken enhetlig - 25 använd formatmallar I en lättläst bok märks inte typografin - om den märks stör den! För att på ett enkelt sätt ge din bok enhetlig layout och typografi bör du använda formatmallar.

Läs mer

Färgsätta putshus. Råd och förslag som hjälper dig att välja kulörerna du blir nöjd med. Länge.

Färgsätta putshus. Råd och förslag som hjälper dig att välja kulörerna du blir nöjd med. Länge. Färgsätta putshus. Råd och förslag som hjälper dig att välja kulörerna du blir nöjd med. Länge. Innehåll: Färger att leva med 5 Tips och råd om färgsättning 7 Vilken färg är ditt hus? 8 Färgsättningsförslag

Läs mer

INLEDNING. Navigera dig genom manualens delar och avsnitt med hjälp av menyn till höger.

INLEDNING. Navigera dig genom manualens delar och avsnitt med hjälp av menyn till höger. GRAFISK MANUAL INLEDNING Denna grafiska manual för Backyard beskriver hur, när och vart text, bild och färg ska användas. Den är fram tagen för att kunna lyfta varumärket på bästa sätt i dess position

Läs mer

Hur man målar beigefärgade och. BRUNA VACKRA HUS så att de blir behagligt beigefärgade eller bruna.

Hur man målar beigefärgade och. BRUNA VACKRA HUS så att de blir behagligt beigefärgade eller bruna. Hur man målar beigefärgade och BRUNA VACKRA HUS så att de blir behagligt beigefärgade eller bruna. De beigefärgade husen är ofta som kameleonter. De förändras kraftigt beroende på omgivning, ljus och färg

Läs mer

DigitalBild del 2 Adobe Photoshop Elements ver 3.0

DigitalBild del 2 Adobe Photoshop Elements ver 3.0 Sidan 1 av 5 Inbyggd hjälpfunktion i Photoshop Elements...2 Dataprogram för bildbehandling...2 Forts. Adobe Photoshop Elements verktygsfält...2 Menyraden, Bild...3 Ändra bildstorlek...3 Reglera filkompressionen

Läs mer

Fokus. Mirjam HY, Hovåsskolan F- 9, Hovås www.lektion.se

Fokus. Mirjam HY, Hovåsskolan F- 9, Hovås www.lektion.se Fokus När man tar en bild är motivet i fokus, ofta är bakgrunden då suddig. Ibland tar det lite tid att få till ett bra fokus, ge inte upp, om du tar kort med mobilen; testa att backa lite och gå fram

Läs mer

DigitalBild del 2 Adobe Photoshop Elements ver 5.0

DigitalBild del 2 Adobe Photoshop Elements ver 5.0 Sidan 1 av 5 Inbyggd hjälpfunktion i Photoshop Elements... 2 Dataprogram för bildbehandling... 2 Forts. Adobe Photoshop Elements verktygsfält... 2 Menyraden, Bild...3 Ändra bildstorlek...3 Intensitet och

Läs mer

Förbundet Vi Ungas. Grafiska handbok

Förbundet Vi Ungas. Grafiska handbok Förbundet Vi Ungas Grafiska handbok Innehållsförteckning INLEDNING 2 KAPITEL ETT 3 LOGOTYPEN 4 Vad man inte får göra med Vi Ungas logotyp 5 FÄRGER 6 TYPSNITT 7 FLÄTAN 8 KAPITEL TVÅ 9 GRAFISKA ELEMENT 10

Läs mer

Bilaga Digital profilmanual

Bilaga Digital profilmanual Bilaga Digital profilmanual Version 1 Januari 2011 SID 2 Innehåll Inledning... 3 Logotyp... 4 Placering... 4 Alternativ placering... 5 Färger... 6 Färgpalett... 6 Färganvändning... 7 Färghierarki... 8

Läs mer

Grundläggande grafisk profilmanual för SKR. Georgia Pro Black italic. Georgia Bold italic. Typografi. Rubriker. Georgia Pro light italic 16 pkt

Grundläggande grafisk profilmanual för SKR. Georgia Pro Black italic. Georgia Bold italic. Typografi. Rubriker. Georgia Pro light italic 16 pkt Grundläggande grafisk profilmanual för SKR Typografi Vi använder Calibri och georgia. Dessa typsnitt finns förinstallerade på de flesta datorer och därmed kan både tryck, web och word-dokument hålla samma

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

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

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

PMS Rubine Red C. PMS Process Black C 90%

PMS Rubine Red C. PMS Process Black C 90% PMS 227 C PMS Rubine Red C PMS 2415 C Version utan datumrad. Används endast i undantagsfall på produkter som återkommer från år till år. 2.1 Logotyp Versioner Versioner Logotypen finns, förutom i sitt

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

Bilaga Digital profilmanual

Bilaga Digital profilmanual Bilaga Digital profilmanual Version 3 December 2011 SID 2 Innehåll Inledning... 3 Logotyp... 4 Placering... 4 Alternativ placering... 5 Färger... 6 Färgpalett... 6 Färganvändning... 7 Färghierarki... 8

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

Målgruppsanpassad Webbplats. Bild och grafisk design för webben Institutionen för samhällsvetenskaper HT2010 Av: Eva Wallin

Målgruppsanpassad Webbplats. Bild och grafisk design för webben Institutionen för samhällsvetenskaper HT2010 Av: Eva Wallin Bild och grafisk design för webben Institutionen för samhällsvetenskaper HT2010 Av: Eva Wallin Målgruppsanpassad Webbplats Motiveringar för utformningen av webbplatsen Utsiktens SPA Tredje och avslutande

Läs mer

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering.

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering. Kom-igång-hjälp för hemsida & e-butik Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering. Ta reda på dina behov Skapa förutsättningar för att lyckas. Skriv ner en tydlig sidstruktur

Läs mer

Grafisk manual Våren 2014 Besök vår webb: www.lillahjartatipitea.se Eller maila på: info@lillahjartatipitea.se Vår grafiska manual Här hittar du riktlinjer och praktiska exempel på hur vår profil ska användas.

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

Lathund för appen GoTalk NOW Free

Lathund för appen GoTalk NOW Free Lathund för appen GoTalk NOW Free MENYSIDAN Så här ser menysidan ut. Page Editor trycker man på för att anpassa någon av de tre sidorna. Player startar användarläget. Settings används t ex för att välja

Läs mer

lindab kulörer Kulörkarta bandplåt Lindab Sverige 2013-09-25

lindab kulörer Kulörkarta bandplåt Lindab Sverige 2013-09-25 Kulörkarta bandplåt Lindab Sverige 2013-09-25 Kulörer - fakta NCS Färgtriangel Rent vitt NCS Färgcirkel NCS Färgrymd Rent vitt Maximalt Kulört Kulörthet (50) Maximalt kulört Rent svart Svarthet (10) Kulörton

Läs mer

Färgtyper. Färg. Skriva ut. Använda färg. Pappershantering. Underhåll. Felsökning. Administration. Index

Färgtyper. Färg. Skriva ut. Använda färg. Pappershantering. Underhåll. Felsökning. Administration. Index Med skrivaren får du möjlighet att kommunicera med färg. drar till sig uppmärksamhet, ger ett attraktivt intryck och förhöjer värdet på det material eller den information som du skrivit ut. Om du använder

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

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

Skola: Framkalla i Lightroom Därför är Lightroom bättre än Photoshop

Skola: Framkalla i Lightroom Därför är Lightroom bättre än Photoshop Skola: Framkalla i Lightroom Därför är Lightroom bättre än Photoshop Program som Photoshop kommer att få en allt mindre betydelse för digitalfotografen då program som Lightroom bara blir bättre och bättre.

Läs mer

Förord. Innehåll. Logotyp 3 Typsnitt 4 Färger 5 Profilelement 6 Profilmallar 7-9

Förord. Innehåll. Logotyp 3 Typsnitt 4 Färger 5 Profilelement 6 Profilmallar 7-9 Grafisk Guide 1.0 Förord Den grafiska guiden ska fungera som en vägledning för allt profilmaterial; både för tryck och webb och såväl för extern som intern kommunikation. Rocklunda Restaurang & Konferens

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

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

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

aren att o: förf fot

aren att o: förf fot foto: författaren 9 Tips och tricks Jag slår vad om att din första lektion i fotografi bestod av ett tips. Ett enkelt, rakt och älskat litet trick som gav dig något nytt att tänka på både i dina egna bilder

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

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

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

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

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

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

Palmeblads Grafiska är återförsäljare för exklusiva bröllopskonceptet Bjud-in.

Palmeblads Grafiska är återförsäljare för exklusiva bröllopskonceptet Bjud-in. Palmeblads Grafiska är återförsäljare för exklusiva bröllopskonceptet Bjud-in. Prislista 2015 Champagne guld: Kollektionen champagne guld går i toner av guld. Gästerna får först ett save-the-day-kort som

Läs mer

Så skapas färgbilder i datorn

Så skapas färgbilder i datorn Så skapas färgbilder i datorn 31 I datorn skapas såväl text som bilder på skärmen av små fyrkantiga punkter, pixlar, som bygger upp bilden. Varje punkt har sin unika färg som erhålls genom blandning med

Läs mer

Mönstringsrekommendationer för får (bild och text omskrivna från fårkontroll s handboken) Vad är mönstring? Kroppsbedömning på får

Mönstringsrekommendationer för får (bild och text omskrivna från fårkontroll s handboken) Vad är mönstring? Kroppsbedömning på får Mönstringsrekommendationer för får (bild och text omskrivna från fårkontroll s handboken) Vad är mönstring? Mönstring är samma som lammbedömning och utförs för att lättare kunna välja ut lämpliga djur

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

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

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

Projektrapport. Projekt - Anna Broström Keramik

Projektrapport. Projekt - Anna Broström Keramik Projektrapport Projekt - Anna Broström Keramik Kurs: Medieteknik A, VT 2013 Delkurs: Interaktiva medier och Publicering via Internet Inlämningsdatum: 2013-06-04 FIMS: Freja Krogh-Andersen, Ida Josefsson,

Läs mer

Genom att följa instruktionerna når vi konsekvens, tydlighet och trovärdighet i vår kommunikation.

Genom att följa instruktionerna når vi konsekvens, tydlighet och trovärdighet i vår kommunikation. Hotell Grafisk Profil Vår grafiska profil är en viktig del av vår identitet och ett grundläggande verktyg i våra relationer. Därför är det avgörande att vi använder vår grafiska profil rätt och att alla

Läs mer

Vad ingår i de olika dataprogrammen?

Vad ingår i de olika dataprogrammen? Vad ingår i de olika dataprogrammen? 5D Embroidery Följande moduler ingår, se mer info på kommande sidor 5D Embroidery 5D Organizer Monogram Wizard 5D Configure Medföljande broderier och bilder 700 broderier

Läs mer

Grafisk guide. adress Box 801, 961 17 Boden besök Parkgatan 34 Tel 0921-578 80 FAX 0921-789 03 E-POST info@bodenbo.se internet www.bodenbo.

Grafisk guide. adress Box 801, 961 17 Boden besök Parkgatan 34 Tel 0921-578 80 FAX 0921-789 03 E-POST info@bodenbo.se internet www.bodenbo. Grafisk guide adress Box 801, 961 17 Boden besök Parkgatan 34 Tel 0921-578 80 FAX 0921-789 03 E-POST info@bodenbo.se internet www.bodenbo.se Grafisk guide Grafisk profil handlar om en helhet där intrycket

Läs mer

F15 Tillgänglighet/Accessibility Dagens agenda

F15 Tillgänglighet/Accessibility Dagens agenda F15 Tillgänglighet/Accessibility Dagens agenda Varför bry sig? Vad tjänar jag? WAI Funka Nu WCAG 1, 2 Hjälpmedel Prolog Varför bry sig? En stor del av Sveriges befolkning lider av funktionsnedsättningar

Läs mer

Klädinfo nr 2 till NM 2015

Klädinfo nr 2 till NM 2015 Klädinfo nr 2 till NM 2015 Enfärgad klänning i 50- tals stil i någon utav färgerna rosa, lila, mintgrön, turkos, blå eller gul. Färgerna skall vara mera åt det karamellfärgade hållet i nyans, blir det

Läs mer