Close

Categorieën

Sjabloon voor ontwerpsysteem

door InVision

Schaal je ontwerpteam door een geïntegreerd systeem te ontwikkelen met behulp van experts

Sjabloon gebruiken
Sjabloon voor ontwerpsysteem

Als je organisatie groeit, moet je waarschijnlijk je merk en ontwerp ook onder handen nemen. De ontwikkeling van een ontwerpsysteem helpt het ontwerpproces te versnellen, inconsistenties weg te nemen en het aantal onvoltooide ontwerpen in je organisatie te verlagen. Met de InVision-sjabloon voor ontwerpsystemen heb je de benodigde tools om je ontwerpuitgangspunten te definiëren, componenten vast te leggen, en regels en aanbevolen werkwijzen op het gebied van ontwerpen, schrijven en meer te verduidelijken. De sjabloon vormt het ideale startpunt voor elk ontwerpsysteem.

Het Ontwerpsysteem-sjabloon gebruiken

Stap 1. Definieer je ontwerpuitgangspunten

Your design principles are the foundation of your design system: they are the values that guide you as you create new products, features, and functionality, and they interact to create your unique look and feel. Choose principles that are concrete, that reflect your organization’s unique point of view, and that designers can apply – using their expert discretion to resolve any tensions or conflicts.

Stap 2. Beschrijf je visuele taal

Zodra je ontwerpuitgangspunten duidelijk zijn, is het tijd om je op de elementen van je visuele taal te richten. Je kunt hierbij denken aan je kleurenpalet, typografie, afmetingen en regelafstand, en je pictogram- en illustratiecollectie. Vermeld de regels die ontwerpers bij elk ontwerpelement moeten toepassen en neem een aantal do's-and-don'ts op om te laten zien hoe de elementen in de praktijk worden gebruikt.

Stap 3. Stel je schrijfregels op

Na de visuele aspecten kun je over de woorden nadenken. Elke organisatie heeft zijn eigen schrijfstijl en boodschap. Zelfs de richtlijnen voor hoofdlettergebruik, interpunctie en cijfers kunnen voor elk ontwerpteam anders zijn. Zet je gedetailleerde schrijfregels op papier, voeg merktermen aan je lexicon toe en maak bovenaan een geheugensteuntje om veelgestelde vragen te beantwoorden of het ontwerpteam aan belangrijke schrijfrichtlijnen te herinneren.

Stap 3. Stel je schrijfregels op

Stap 4. Werk je aanbevolen werkwijzen uit

Jij weet wat wel en niet werkt voor je ontwerpteam. Noteer in de volgende sectie je aanbevolen werkwijzen voor onder andere toegankelijkheid, browserondersteuning en mobiel ontwerp. Hierdoor hebben ontwerpers altijd een geheugensteuntje bij de hand, zodat ze betrouwbare, mooie en inclusieve ontwerpen kunnen maken.

Stap 5. Leg je componenten vast

Nu is het tijd voor het echte werk. Plak voor elke component een codefragment in je ontwerpsysteem en gebruik de tabellen in deze sectie om de manieren te beschrijven waarop het in verschillende ontwerpcontexten aangepast kan worden. Deze essentiële sectie zorgt dat de ontwerpers in je organisatie je ontwerpen op de juiste manier en consistent implementeren. Besteed hier dus voldoende tijd aan en wees zorgvuldig.

Stap 5. Leg je componenten vast

InVision is het digitale productontwerpplatform om de beste klantervaringen ter wereld te maken.

  • Customer interview report template

    Atlassian

    Rapport klantgesprek

    Zet met het rapport voor klantgesprekken deze gesprekken om in waardevolle inzichten.

    Sjabloon gebruiken Meer informatie
  • Design component template

    Tony Starr

    Lead Content Designer
    Atlassian

    Ontwerpcomponent

    Documenteer componenten in je ontwerpsysteem met deze handige sjabloon.

    Sjabloon gebruiken Meer informatie
  • Design sprint template

    Figma

    Ontwerpsprint

    Maak een framework met antwoorden op essentiële bedrijfsvragen over ontwerpen en testen.

    Sjabloon gebruiken Meer informatie