large icon

UI Design – Layout

Tags

No items found.

UI Design – Layout

Vuistregels voor de layout van een visual design (UI)

Voor wie ?

Deze module is van belang voor all-round UX-designers, visual designers, interaction designers en beginnende front-end developers.

Leerdoelen

Na afloop van deze module kan je in grote lijnen de layout van web-pagina's en app-schermen goed analyseren, beoordelen en ook zelf opzetten.

Je maakt kennis met een behoorlijke portie termen en technieken, zodat je goede overwegingen en keuzes kan gaan maken.

Beschrijving

Als alle inhoudelijke en functionele elementen in kaart zijn gebracht, dan moet het geheel visueel in elkaar worden gezet volgens een bepaalde layout. Met de juiste design-filosofieën en -uitgangspunten in het achterhoofd, is er eigenlijk best veel mogelijk.

Onderwerpen

Een overzicht van de onderwerpen die zoal aan bod komen:

  • Sketches, wireframes, mock-ups
  • Lo-fi, Hi-fi en (Paper) Prototypes
  • Formaten, Breakpoints en Responsive Design
  • Grid Systems, Frameworks, Templates (WP CMS)
  • Pas op: One Pagers, False Floors, Infinite Scroll
  • Visuele stijlen (o.a. Cards, Masonry, Brutal)
  • Design Systems (o.a. Atomic)

Trainingsvorm

Interactieve training met presentatie, uitleg en voorbeelden.

Uiteraard is er altijd gelegenheid tot het stellen van vragen en andere verzoeken. En afhankelijk van de beschikbare tijd, kan er méér aandacht worden gegeven aan extra uitleg, meer voorbeelden en eventueel wat oefeningen.

Zowel fysiek als online te volgen.

Deze training is op veel manieren in te richten:

  • in een klas met andere deelnemers (fysiek of online);
  • één-op-één of in een groep met één of meer collega's;
  • binnen een bedrijf of met andere ZZP-ers, of een mix;
  • in een vergaderruimte op de (thuis)werkplek, of online.

Het meest voor de hand liggend is de klassikale vorm, waarbij je fysiek of online aanwezig bent, samen met andere deelnemers. Maar neem gerust contact op met mij of een van mijn partners voor meer informatie over andere mogelijkheden.

Trainingsduur

Deze module duurt 2 à 4 uren (1 à 2 dagdelen), afhankelijk van de gewenste diepgang in het trainingstraject.

Deze module is ook onderdeel van de training UX Design.

Locatie(s)

Deze training kan je bij een van mijn vaste trainingpartners in o.a. Amsterdam, Utrecht, Rotterdam of Breda volgen.

De training kan ook op je eigen locatie (in een vergaderruimte, op je werkplek of bij je thuis) of elders worden georganiseerd, bijvoorbeeld in een Seats2meet-vestiging. Neem daarvoor contact met mij op.

Voor de meeste trainingen geldt dat je de training ook online kan volgen (al dan niet gepland), bijvoorbeeld in geval van quarantaine of vanwege de verre afstand.

Voorkennis

Voor deze module kan ervaring of affiniteit met visueel ontwerp helpen, maar dit is beslist niet vereist.

De training wordt in het Nederlands gegeven, maar houd er wel rekening mee dat veel jargon Engelstalig is, en naar veel Engelstalig studiemateriaal wordt verwezen.

Leermiddelen

Voor deze training heb je niets anders nodig dan een fris hoofd, een goede portie aandacht en een redelijke computer. Alle informatie en tools worden je via een presentatie, op papier en/of digitaal aangereikt.

Als je de training fysiek bijwoont mag je je eigen laptop meenemen, maar bij de meeste opleidingscentra staat een Mac of PC voor je klaar.

Studiemateriaal

Je ontvangt een hand-out van de getoonde slides (voor je aantekeningen) en nog wat ander leesvoer.

En er wordt veelvuldig verwezen naar allerlei publicaties, diverse artikelen en blogs.

Certificering

Na afloop van de training ontvang je een certificaat van deelname.

Gerelateerde trainingen en onderwerpen

Deze module is ook onderdeel van de zesdaagse training UX Design en wordt onderdeel van de training Visual & Interaction Design.

De training Adobe XD sluit hier ook goed op aan.