DAG 1 Figma uitleg: waar zit wat en waarom?

10.00-16.30

• Inleiding

• Kennismaking met de werkomgeving (online en desktop)

• Starten bestand, begrijpen hiërarchie (Pages, Frames, Layers)

• Samenwerken aan een eenvoudig wireframe (rapid prototype)

• Indeling a.h.v. een Layout Grid (kolommen en marges), Guides

• Invoegen van vormen (lijnen en vlakken) en beelden (maskers)

• Kleuren (vulling en lijn), pipet, verlopen, effects (Shadow, Blur)

• Vormen tekenen met het bijzondere Vector Network (path/paint)

• Gebruiken van populaire UI-elementen (iOS, Android, Windows)

(Huiswerk 2 van c.a uur)

​

DAG 2 Figma zelf toepassen

10.00-16.30

• Tekst toevoegen (auto-width/height, fixen), typografie instellen

• Objecten uitlijnen en groeperen, Autolayout, Constraints, Resize

• Slimmer werken d.m.v. Styles en Assets (Components, Variants)‍

• Meer formaten makkelijker aanmaken m.b.v. Responsive Resize

• Navigaties, scrolls, overlays, hovers, transities, (micro)animaties

• Speciale features zoals Font Agent, Plugins, Thumbnails

• Integratie met andere populaire software en bestandstypen

• Anderen uitnodigen voor samenwerken, tekst en audio-chat

• Delen van Libraries, Templates, instellen/gebruiken van versies

• Voorbereiden en maken van Style Guide en/of Design System 

• Presenteren, in een browser of de mobile app, met hotspot-hints

• commentaren, feedback verzamelen, ook via andere platformen

• Exporteer frames, materialen, en design-specs voor developer

​

DAG 3

10.00 - 12.30 uur

• IJsbreker: spelen met compositie 

• Visual design in de context van UX design 

• Ruimtegebruik en gestaltprincipes 

• Kleurgebruik: de betekenis van kleuren, het maken en toepassen van een palet, jargon en standaarden 
   

13.00 - 16.30 uur

• Typografie en typesetting: lettertypes kiezen en teksten opmaken 

• User interface essentials: lay-out's en interactieve elementen vormgeven 

• Schrijf een UI briefing op basis van je eigen case 

• Componenten: de bouwstenen van je ontwerp 

​

DAG 4

10.00 - 12.30 uur

• Mobile, responsive en adaptive design 

• Tussenpresentaties n.a.v. het huiswerk: leer van elkaars casus 
   

13.00 - 16.30 uur

• Best practices, pattern libraries en style guides 

• Design Systems: waarom en hoe kan het helpen? 

• Design tokens definiëren 

• Opdracht: toepassen van een huisstijl. Je zet een aangeleverd wireframe om naar een high fidelity design met een specifieke huisstijl. 

• Je visual design evalueren ​

​