BASIS STYLEGUIDE
WORKSHOP 4 | DESIGN | SPRINT 4
WORKSHOP 4 | DESIGN | SPRINT 4
WAT IS EEN STYLEGUIDE
Een styleguide is een handig hulpmiddel voor ontwerpers. Het zorgt ervoor dat alle uitingen van een merk er consistent en professioneel uitzien. In zo’n document staan duidelijke regels voor het gebruik van logo’s, kleuren, lettertypes en beeld. Door je daaraan te houden, blijft de stijl overal hetzelfde, of het nu op een website, flyer of social media is. Zo voorkom je rommelige ontwerpen en straalt je merk betrouwbaarheid uit
WAT STAAT ER IN EEN STYLEGUID
Een styleguide bevat de visuele bouwstenen van een merk of organisatie. Denk aan het logo en hoe het gebruikt mag worden, de juiste typografie (lettertypes, kleur en opmaak), het vaste kleurgebruik met kleurcode, en de stijl van beeldmateriaal zoals foto’s maar ook illustraties, icoontjes en patronen. Al deze elementen samen zorgen voor een herkenbare en consistente uitstraling in alle communicatie.
Leerdoelen
Je begrijpt waarom een styleguide belangrijk is voor een herkenbare en consistente uitstraling van je design.
Je weet welke onderdelen in een styleguide horen (zoals kleuren, lettertypes, logo’s en beeld) en leert hoe je deze zelf kunt toepassen.
Werkvorm
Werkmateriaal
Werkvorm: Individueel
Duur: ± 2 uur
Computer met Illustrator
Werk van Workshops 1 t/m 3
Illustrator bestand: stramien basis styleguide.ai
WORKSHOP 4 | BASIS STYLEGUIDE
Je maakt een styleguide van alle onderdelen die je hebt ontworpen voor jouw Rotterdamse icoon. Dit is een overzicht met duidelijke afspraken over je icoon, kleuren, lettertypes en beeld.
Stap 1: Illustrator-bestand openen
Download het aangeleverde bestand via: Teams > DESIGN-map > Werkbestand Illustrator: stramien basis styleguide.ai
Open het bestand in Adobe Illustrator en sla het direct op in je eigen OneDrive-map.
Stap 2: Je styleguide vullen
Vul je styleguide met de onderdelen uit de eerdere workshops over jouw Rotterdamse icoon. Zorg dat het volgende erin staat:
Ontworpen icoon Plaats je uitgewerkte gestileerde icoon in het Illustrator-bestand (dit geldt als je logo voor de styleguide). Maak ook een versie die geschikt is voor een donkere achtergrond.
Kleuren Tijdens de workshop Basis Kleurenleer heb je twee (of meer) kleuren gekozen voor je icoon. Toon deze kleuren in je styleguide en vermeld de CMYK- en RGB-codes. (Kleurcodes vind je via: Window > Color)
Lettertypes Tijdens de workshop Basis Tekstopmaak heb je lettertypes gekozen. Vermeld: De naam van het lettertype, waarvoor je het gebruikt (bijvoorbeeld koptekst, bodytekst) en in welke kleur het gebruikt wordt.
Beeld Voeg het beeld (of de beelden) toe dat je zelf hebt gemaakt van je icoon en dat je wilt gebruiken in je ontwerpen.
Stap 3: Sla je styleguide op
Styleguide opslaan als PDF: File > Save as... Kies bij Formaat: Adobe PDF. Plaats de stylguide in je pixel gallery.
Inleveren voor Design workshop 4 | Basis stuileguide
Plaats je ingevulde styleguide, met onderdelen uit eerder gemaakt materiaal, in de Pixel Gallery.
TIP!!! Maak er een mooi en samenhangend geheel van. Zo zie je je huisstijl nóg beter tot leven komen!