Gränssnittsdesign · område 2

Form, ikoner och typografi

Vektor i stället för pixlar, och vad det gör möjligt. Illustrator, ikonspråk, typografi och ordmärke — allt du gör här går vidare in i stilguiden i nästa område, och därifrån in i koden.

• 24 sept Inlämning: Uppgift 2 – Ikonset och ordmärke Kl 23:59. Ikonerna och typografin används sedan i stilguiden i område 3.

Börja här

• Uppgift Ikonset och ordmärke

  Kraven, bedömningsmatrisen och en checklista du kan bocka av medan du arbetar.

• Guide Illustrator för webb

  Banor, rutnät, ikonspråk och felsökning. Slå upp här när något krånglar.

• Kom igång Fyra steg den här veckan

  Vad du gör innan du ritar den andra ikonen, och varför ordningen spelar roll.

• Fallgropar Vanliga misstag

  Sex saker som kostar tid att göra om. Läs dem innan du börjar, inte efteråt.

Vad du ska kunna när området är slut

• Förklara varför vektor skalar och pixelbilder inte gör det
• Rita rena former med banor, och veta när pathfinder sparar tid
• Bygga ett ikonset som håller ihop: samma rutnät, samma streckbredd, samma manér
• Avgöra vad en ikon kan säga och vad den aldrig klarar utan text
• Sätta en typografisk skala och pröva den på riktig brödtext
• Rita ett ordmärke som fungerar både litet och stort
• Exportera SVG och läsa koden som kom ut

Lektionerna i området

Missade du ett pass? Sista kolumnen säger var innehållet står.