Visuele Principes
Hoe creëer je de juiste sfeer, meer diepte en eenheid in je schermontwerp? Hoe kan je effectief nadruk, balans, vorm, eenvoud en beweging toepassen in je schermontwerp? Welke kleuren passen bij je product?
Elementen (design elements)
Dingen die helpen regels te volgen
- Vorm: vormentaal, lijn, textuur, witruimte, gewicht (3D)
- Kleur: kleurpalet, kleurcontrast, licht
- Typografie: fontkeuze en opmaak
- Beeld: fotografie, illustratie, video, beweging
- Tone of voice: taal, slogan, geluid, muziek
Huisstijlelementen worden meestal ingedeeld in vorm, kleur, typografie, beeld, opmaak en tone of voice.
Ontwerpprincipes (design principles)
Regels die je moet volgen: nadruk, balans, eenheid, patroon, beweging, ritme en herhaling, proportie, eenvoud en gradatie.
- Betekenis: Optimal match (semiotiek, cultuur)
- Organisatie: Unity in variety (structuur, module)
- Identiteit: Most advanced, yet acceptable (stijl, representatie)
- Eenvoud: Maximum effect for minimum means (elegantie, con-sistentie)
Ruimte gebruiken om het ontwerp te organiseren
Communiceren met de juiste lettertypen
Objecten uitlijnen
Balans: Een goed evenwicht tussen eenheid en verscheidenheid om een chaotisch of levenloos ontwerp te voorkomen.
Oefening: Type on video
Plaats tekst over een video.
- Download Oefening-Type-over-Video. De tekstblok heeft geen enkele opmaak en is niet leesbaar.
- Welke vijf dingen zou je veranderen om het beter te maken?
- Maak een of meerdere ontwerpvoorstel(len) in Photoshop en plaats als JPG’s op de drive: https://tinyurl.com/whca7nh
- Presenteer je voorstel(len) en onderbouw je keuzes.
20 min.
Oefening: Banner ontwerpen
Ontwerp een afbeelding, slider of video met tekst of Call to action voor een banner. Zorg ervoor dat de tekst leesbaar is, ongeacht wat erachter zit. Zorg voor beeldkwaliteit en comprimeer je bestanden.
Bronnen and inspiratie:
Wikipedia: Visual Design Elements and Principles
Hekkert, P. (2006). Design aesthetics: principles of pleasure in design. Psychology Science (48), 157-172. MAYA, Raymond Loewy (1951)
https://www.linkedin.com/learning/design-aesthetics-for-the-web/pattern-and-gradation