Grafisk design För synskadade och lite om dyslexi

Storlek: px

Starta visningen från sidan:

Download "Grafisk design För synskadade och lite om dyslexi"

Mats Lindgren
för 8 år sedan
Visningar:

1 Grafisk design För synskadade och lite om dyslexi

3 Färgblind Tritanopi/tritanomali, blått Protanopi/protanomali, röd Deuteranopi/deuteranomali, grönt Röd-grön vanligast Gul-blå ovanlig

4 Mycket ovanligt, inga kulörta färger Kan se fler nyanser av khaki? Trafik, lärt sig ordningen på trafikljus

5 Andra synskador

6 Allt men ännu mer Följ de typografiska riktlinjerna

7 Teckensnitt Enklare är bättre Hellre linjär än seriff Seriff får inte vara för tunn Undvik, skripter, extremer, gotisk...

8 kraftig och öppen

9 Franklin, Eurostile, Helvetica, Arial, Avant garde, Futura, Geneva, Scala, Verdana, Charcoal, Tahoma, Trebuchet, Myriad

10 Franklin, Eurostile, Helvetica, Arial, Avant garde, Futura, Geneva, Scala, Verdana, Charcoal, Tahoma, Trebuchet, Myriad

11 Gemener bättre än versaler Gemener har större skillnad än versaler Borde också gälla att teckensnittet inte ska vara för geometriskt som Avant Garde och Eurostile

12 Undvik Kursiv, tunnare och mer utsirad Understruken, flyter ihop med texten Men textens övre del viktigast Hellre fet stil Kondenserad, absolut inte Expanderad, kanske

14 Impact är inget bra teckensnitt men finns på alla datorer Gör den lite mindre och ingen kan läsa vad som står

15 Bra teckensnitt Verkar som att det som är bra för skärm också är bra för synskadade Georgia, Verdana, Trebuchet, Tahoma, Bookman, New Century Schoolbook

16 Storlek Har betydelse, ja upp till 14 punkter Men text kan bli för stor Extrem förstoring

17 Radavstånd Grundregeln fungerar Storleken + 2pt

18 Radlängd Korta rader, enkelt att hitta nästa rad men många radbyten Långa rader, få radbyten men svårt att hitta rätt rad 6-13 cm rekommenderas 7-8 ord 55 tecken

19 Justering Vänsterjusterad + Inga (eller få) avstavningar + Alltid samma ordmellanrum - Ojämn högerkant - Ovanligt Marginaljusterad (Hallberg) + Jämn höger och vänster kant + Vanligt - Avstavningar - Olika ordmellanrum

20 inte Centrerad Högerjusterad

21 luft mellan tecken Behöver inte knipa eller spärra

22 Layout Logisk startpunkt Det som är störst Eller längst upp till vänster

23 Följa texten Försök bygga layouten med rektanglar Undvik, vinkelhakar, hästskor...

28 Dela upp texten Rubrik, mellanrubrik Ingress Bildtext Brödtext Allt på rätt ställe Gärna tydlig innehållsförteckning

29 Färg Svart på vitt, bäst Mörkblått eller mörkgrönt på vitt Gult eller vitt på svart colourcheck/

30 Tonplatta Max 10% För större text, max 20% Rastret värre än färgen Hellre ram än tonplatta

31 Kontrast Storlek Styrka Längd Yta Färg

32 Bilder Tydliga Bra kontrast Inte text på bild

33 Lagen om närhet Saker som hör ihop ska vara nära

34 Rangordna Radavstånd Spaltmellanrum Marginaler, papper - satsyta Ordmellanrum Teckenmellanrum Mellanrubrik till stycke före Avstånd mellan två artiklar Bild till bildtext Rubrik Mellanrubrik till stycke efter

35 Papper Matt obestruket papper bäst Matt bestruket Undvik, glättade eller glansiga

36 papperskvalitet 50% vill ha vitt papper 50% vill ha ett svagt tonat papper Opacitet (genomskinlighet)

37 Läsbarhetstest (1993) 15% normalt läsavstånd Desto sämre syn desto mindre läser man

38 Storlek 9 p för litet (även för normalseende) 12 p bra för synskadade, för stort för normalseende 10 p bäst för normalseende ca 10% vill ha mindre radavstånd

39 Ordmellanrum De flesta vill ha normalt ordmellanrum En liten grupp mindre En liten grupp större

40 Radlängd Korta rader, bäst för synskadade Drygt hälften marginaljusterad Seende föredrar marginaljusterad (Kommer det att ändras med webben?)

41 Teckenmellanrum Något större teckenmellanrum för synskadade (Sämre tillriktning i dåtidens program?)

42 Kontrast Viktigt Men texten får inte blir för svart tex halvfet, semibold Tonplattor 5% OK 10% gränsfall

43 Teckensnitt Synskadad + Frutiger + Helvetica + Bodoni - Berling Normalseende + Times + Palatino + Berling - Frutiger - Helvetica - Bodoni

44 Kompromiss

45 Papper Matt papper Helst obestruket Många ogillade svagt färgtonade papper

46 Dyslexi Vet för lite 10% hjälpta av färgade glasögon (papper) Alla inte hjälpta av visuell hjälp

47 Dyslexi Teckensnitt som man är van vid Variabeldata, själv välja typografimall?

48 Två skolor? När förstår man texten bäst Läsa snabbt Läsa långsamt

49 Mini-intervju Följ de typografiska riktlinjerna Men inte för stor kontrast

50 Vänsterjusterad Seriff/Linjär/Comic Sans

51 Barn, varför?

54 Framtida läsvanor Verdana 1996 Redan det teckensnitt som många är mest vana vid Webbtypografi även för papper?

55 Digitalt papper

56 Sensible things that communicate Blöjor Förpackningar

57 Daisy Digitalt Audiobaserat Informationssystem Obligatoriskt i Sverige?

58 Daisy forts Logiska block: rubrik, stycken, tabell... Talsyntes i framtiden Märka upp all text med XML

Relevanta dokument

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