Living styleguide

Compositie en hierarchie

Elementen verbinden en prioriteren

Compositie betekent het samenstellen van verschillende onderdelen om een geheel te vormen. Hiërarchie is een manier om elementen, maar ook personen en gegevens te ordenen op basis van belangrijkheid of rang. In visual design komen compositie en hiërarchie samen in de vorm van layouts die gebruikt kunnen worden om een boodschap aan de gebruiker te geven.



Deze layouts bestaan uit de volgende elementen:

  • Logo
  • Kleuren
  • Tekst
  • Grafische vormen
  • Beelden (fotografie, illustraties en visuals)
  • Iconen

Layout drukwerk

Het doel van hiërarchie is om informatie relevant, behulpzaam en motiverend te maken voor de gebruiker.

Je gebruikt het als gids om een boodschap duidelijk over te brengen en om de juiste informatie te benadrukken. Bedenk bij iedere handeling waar je als eerst heen moet gaan om ergens uit te komen

Algemene richtlijnen

  • Witte ruimte is belangrijk
  • Aangevuld met belangrijk stijlelementen van funda
  • De funda layout is in evenwicht en multifunctionel
  • Bij informatie voor de zakelijke doelgroep wordt er meer gebruik gemaakt van witruimtes
  • Bij uitingen die een verheel vertellen voor de consument wordt een uitgesproken template gebruikt
  • Denk bij het ontwerpen aan kleur
  • Logo

    In uitingen die informatief zijn mag het logo in de hoek geplaatst worden. En op meerdere plekken mocht het promationeel zijn

    Hieronder een voorbeeld van het logo met wat code

    logo
  • Tekst

    Grote koppen maken het duidelijk voor de gebruiker wat de kernboodschap is. Daarnaast moet je in tekst van groot naar klein werken zodat er een duidelijke volgorde is.

    tekst
  • Kleur

    Gebruik een kleur op de achtergrond om een duidelijke verdeling te creeeren tussen verschillende type informatie.

  • Grafische vormen

    Gebruik grafische vormen om elementen te verdelen. Bijvoorbeeld een lijn die h1 verdeeld van de rest