Digital Style Guide

Een complete, geïntegreerde en gebruikersvriendelijke digitale stijlgids. 

De Digital Style Guide wordt ingezet om ontwikkelaars te helpen bij de vormgeving van bestaande of nieuwe applicaties, zodat elementen op een consistente wijze worden toegepast.

Met de Digital Style Guide worden interface elementen en interacties vastgelegd. De elementen laten realtime het gedrag zien. Ook wordt de code (HTML - CSS -JavaScript) aangeboden. 

Features

Gebruik

  • Snel overzicht van bruikbare UI-elementen, interactieve inhoudsopgave
  • Direct inzicht over de interactie van deze UI-elementen
  • Code is direct te downloaden en gebruiken voor de gebruiker

Platform integratie

  • Gebruik van media uit de Media Bank
  • Automatische aanpassing beeldformaten met de Media Bank
  • Inzetbaar vanuit het Brand Book (met daarin richtlijnen (tekst, beeld, voorbeelden, links)
  • Inzetbaar vanuit de Image Map (Add-on), om bijvoorbeeld interactief binnen webpagina’s te navigeren

Managen

  • Vanuit Systemmanager zijn UI-elementen afzonderlijk te beheren en aan te passen
  • Live preview van de UI-elementen
  • Color coding voor HTML - CSS - JavaScript
  • Mogelijkheid voor het toevoegen en gebruiken van bestandstypen zoals .jpg, .png, .svg, .gif.
  • Sass-support

Benefits

  • Helpt ontwerpers denken in systemen
  • Helpt de fundamenten van responsieve websites te rationaliseren
  • Versnelt het ontwerpproces
  • Communiceert effectief interactiepatronen en animaties aan ontwikkelaars
  • Minimaliseert documentatie
  • Bevordert samenwerking en communicatie binnen het team
  • 1 centrale opslagplaats voor bestanden en informatie
  • Kan ook dienen als testplatform
  • Zorgt ervoor dat de gebruiker optimaal betrokken wordt bij productontwikkeling