Digital art: Grafische Interface Opdracht: Voor verbetering vatbaar Gijs Witkamp HKU GAR1B V1.0 02-10-2014
De opdracht: Zoek 10 voorbeelden van grafische vormgeving die jullie niet goed vinden communiceren en verbeter deze. Maak een before/after afbeelding en geef kritiek. Schrijf ook een stukje over je verbeteringen. Voorbeeld 1: Klokken in Eindhoven (op het station) De Klokken op het station in Eindhoven zijn blauw gekleurd en hebben een zwarte achtergrond. Voor sommige mensen maakt dit het praktisch onleesbaar van een afstand. Sommige mensen hebben er zelfs moeite mee van veraf. Op de foto is het licht ietwat versterkt maar het word een stuk donkerder waargenomen door je eigen ogen. Verbetering: Ik heb de kleuren verandert naar oranje, omdat dit een van de eerste kleuren is die opvalt bij het menselijke oog. Het steekt ook veel meer af op het zwarte, vandaar dat ik denk dat het een betere keuze is.
Voorbeeld 2: Borden bij de Jumbo Ik stoor me enorm aan hoe de onderste rand een stuk minder breed dan het vlak erboven hoe de letters tegen het zwarte aanzitten. Ook de tekst in het gele vlak is wat druk en te groot. Verbetering: Ik heb de balk doorgetrokken zodat het één geheel is en de tekst niet meer tegen de rand aan zit. Ook heb ik de tekst wat kleiner gemaakt zodat het wat netter in het gehele vlak staat. Ook heb ik de streepjes in de tekst weggehaald zodat de afbeelding een stuk rustiger oogt.
Voorbeeld 3: Pasta Ik erger me hierbij heel erg dat het logo en hoe het is geplaatst enorm scheef is, maar niet fatsoenlijk doorbuigt of juist strak staat. Ook staat er dat de Italiaanse pasta, Noorse vakmanschap is in het Engels. Het komt gewoon een beetje raar over. Ik heb de boog bovenin doorgetrokken en de tekst meegebogen. De tekst daarboven heb ik ook aangepast zodat het iets minder verwarrend lijkt.
Voorbeeld 4: Pasta Het witte blokje vind ik de layout heel erg opbreken. Het past bij de 20 maar niet zozeer bij de rest. De 20 opzich vind ik wel weer erg passen. Het word alleen vrij saai als je alleen het witte stukje zou verplaatsen Ik heb de het witte blokje verplaatst naar het midden bovenin, en heb het blokje ook breder gemaakt zodat de tekst gewoon langs elkaar past. Ook heb ik een kleine flare toegevoegt zodat het wat meer opleeft.
Voorbeeld 5: Boek Ten eerste vind ik de titel heel raar lezen. Het lijkt alsof er James Alles Salter Wat Is staat. Met een kleine tekst linksonder van de uitgever en een vage quote bovenaan. Hierdoor lijkt het een enorm rommeltje. Ik begrijp dat ze de quote er neerzetten om verkoop te stimuleren maar toch vind ik het jammer Ik heb de naam van de schrijver bovenaan gezet en de titel wat meer in het midden gezet. Ik vond de manier waarop alles wat is is weergeven wel interessant dus dat heb ik zo gelaten. Ook heb ik het stukje van de uitgever naar onderen geplaatst en een andere kleur gegeven zodat het nog steeds opvalt maar niet langer zo storend is.
Voorbeeld 6: Hand lotion Er staat een hele hoop info op over wat het is, in 2 verschillende talen. Het lijkt alleen echt alsof er willekeurig tekst op is geplakt waardoor het een stuk minder leesbaar is. Ik heb de tekst wat netter geordend en wat lijnen toegevoegd om het geheel wat te doorbreken en een duidelijkere scheiding te maken tussen de twee talen.ook heb ik de tekst wat meer gecentreerd en het only you stukje naar beneden geplaatst. Ik denk dat het zo wat netter overkomt.
Voorbeeld 7: Boek Waar moet ik beginnen? Het is zo ongelofelijk lelijk en onleesbaar dat ik de volledige cover opnieuw heb ontworpen. Het contrast is enorm hoog en zelfs in de tekst is het een probleem. Je moet met veel moeite kijken wat er staat. Het witte, zwarte en zilveren zijn enorm storend. Blijkbaar zit er een logo links bovenin. Ik heb de kleur wat zachter gemaakt en een extra kleur toegevoegd. Ook heb ik geprobeerd om het zelfde idee met de layerstyles aan te houden maar dan toch netjes te houden. Ik heb ook de scherpe vormen lichtjes terug proberen te laten komen.
Voorbeeld 8: Boek Ook hier is het boek zo enorm druk, en het is moeilijk om te zien waar je moet kijken. De regenboog kleuren ben ik ook geen fan van en het is lastig om in 1 indruk te zien waar je wat moet lezen. Ook hier springt je oog alle kanten op. Ik heb in dit geval gewoon alles vervangen. Ik heb geprobeerd om het hele boek te re-designen aan de hand van waar ik aan moet denken bij Mind Maps. Het resultaat is de cover rechts bovenin. Ik heb het wat speelser/toegankelijker proberen te maken en geprobeerd te zorgen dat je in een vrij korte tijd kan zien waar het op slaat.
Voorbeeld 9: Verpakking van een inktcartridge Op de linkse staat zo veel informatie dat het lastig is om te zien wat je nou precies koopt. Heel veel van de informatie zou op de zijkant kunnen worden geplaatst of misschien ook achterop. Ik heb het opnieuw ontworpen met het idee in gedachten dat de 'extra' informatie achterop staat. Zo is de voorkant een stuk cleaner en word je niet overrompelt met informatie waar je door verward word.
Voorbeeld 10: Cola De blauwe stukjes op de fles steken enorm af met de rest van de afbeelding. Misschien is het de bedoeling maar het zorgt er ook voor dat het een typische goedkope look krijgt. Je ziet duidelijk dat het een 'minder goed' merk is dan bijvoorbeeld coca cola et cetera. Om het iets 'classier' te maken heb ik geprobeerd om de kleuren in de rest van de afbeelding te gebruiken in plaats van het blauwe. Zo heb ik het naar het goud toe getrokken. Het valt nog steeds redelijk op, maar oogt een stuk minder goedkoop.