Läroboken är skriven så att du ska kunna gå igenom bokens kapitel för kapitel när det gäller de olika steg i designprocessen för ett gränssnittsprojekt, och parallellt arbeta med ett verkligt projekt. Du kan också välja att först gå igenom alla teoretiska avsnitt och göra projektet sist. I slutet av varje kapitel finns övningar och praktiska uppgifter för ett gränssnittsprojekt.
Boken är anpassat efter Skolverkets nya ämnesplaner för Gy25 som gäller från jul 2025. Läromedelspaketet med lärobok, arbetsbok och facit är utarbetat för gymnasieskolan men lämpar sig även för bransch- och vuxenutbildningar.
Till boken finns även en arbetsbok med facit som fördjupar kunskaperna. Böckerna är spiralbundna, tryckta i färg och har det praktiska formatet 16 × 22,5 cm.Författaren, Meg Marnon, är en erfaren utbildningsproducent, pedagog och författare. Sedan 1998 har hon skapat många uppskattade läromedel för gymnasieskolan och arbetsmarknadsutbildningar – med fokus på IT, media och entreprenörskap
Övningar
Stilguide
Ditt projekt – övning kapitel 1-4
Kapitel 1. Vad är gränssnittsdesign?
Improve your coding skills
Kapitel 2. Att stjäla smart
Steve Jobs – Connecting The Dots
Upphovsrättslag (1960:729)
Kapitel 3. Informationsarkitektur
Beginner’s Guide
Kapitel 4. Gränssnittskonventioner
Kapitel 5. Att designa för användaren
Accessibilitychecker
Delaktighetsguiden
E-delegationens riktlinjer för webbutveckling
Internationell webbplats för professionell utveckling av användarvänliga gränssnitt
Kolla tillgänglighet (delvis på spanska)
Kolla tillgängligheten på en webbplats
Color Oracle – färgblindhetsimulator
Kapitel 6. Grafisk design och layout
Kapitel 7. Färger för gränssnitt
Färg
Adobe Color
Color Hunter
Color Scheme Designer
ColourLovers
Varumärken
Grabient
Om webbplats-färgscheman
Färgencyclopedia
Kontrollera färgkontrastförhållanden:
Color contrast checker
Contrast and Color Accessibility
WCAG 2.0 AA & AAA Color contrast checker
Kapitel 8. Typografi för digitala medier
I love typography
Font Squirrel
Google Fonts
Kapitel 9. Skissarbetet
Övning: Stilguide
Verktyg för gränssnittsdesign
Adobe XD (under avveckling)
Balsamiq mockups
Sketch
Invision
Verktyg
Figma Branschstandard för UI-design
Sketch (Mac)
Kapitel 10. Testa och utvärdera