8 eenvoudige stappen om pictogramontwerp te verbeteren
Iconen zijn overal. Van app-pictogrammen op startschermen tot grafische weergaven die gebruikers door een ontwerp leiden, pictogramontwerp is een groot probleem.
Er is een kunst tot goed pictogramontwerp. Het element moet niet alleen herkenbaar zijn in de kleinste formaten, maar ook op vectoren gebaseerde pictogrammen kunnen worden geschaald om te gebruiken in extra grote proporties. Sommige ontwerpers gebruiken zelfs pictogramachtige afbeeldingen voor dominante beelden.
Dus waar begin je? Hier is een gids voor het ontwerpen van een beter pictogram in acht (enigszins) eenvoudige stappen.
1) Begin met een raster
Een goed pictogramontwerp begint met een solide basis. Een eenvoudig vierkant blokraster is alles wat u nodig heeft om een pictogram te schetsen.
Gebruik hetzelfde gerasterde papier waarmee je op de basisschool hebt gewerkt om pictogramschetsen met potlood en papier te maken of begin met een vierkante pixelraster in ontwerpsoftware. Je moet waarschijnlijk ontwerpen op een vierkant canvas, omdat de meeste pictogrammen uiteindelijk in vierkante vakken moeten passen. (Dit omvat alles, van pictogrammen voor apps tot pictogrammen in website-ontwerpen of voor profielen van sociale media.)
Als je een raster hebt, zorg er dan voor dat je jezelf een element van witte ruimte rond de omtrek geeft. Dit geeft je net voldoende flexibiliteit om een achtergrond toe te voegen als dat nodig is en ervoor te zorgen dat het pictogram niet wordt afgesneden in toepassingen die afgeronde randen of andere afschuining hebben.
Alleen al omdat uw raster vierkant is, betekent niet dat uw pictogram moet zijn. Het kan rond of meer rechthoekig zijn. Let op: als u iets ontwerpt dat niet vierkant is, moet het horizontaal en verticaal gecentreerd in het raster liggen zodat u het later gemakkelijk kunt gebruiken. Het zal u ook helpen een consistente schaal te behouden voor een pictogrammenset.
Het raster is slechts bedoeld om u te helpen een kader te creëren waarin u consistent kunt ontwerpen. Als bonus kun je het raster ook gebruiken om elementen van het pictogram te tekenen; gebruik rasterlijnen om rechte hoeken te tekenen of bepaal de plaatsing van streken in het ontwerp.
2) Bouw met geometrie
Pictogrammen zijn vaak klein, dus bouwen met elementen die gebruikers in één oogopslag herkennen, is belangrijk. Daarom zijn zoveel pictogrammen geroot in geometrische vormen.
Cirkels, vierkanten en driehoeken zijn de meest populaire combinaties van vormen. Gebruikers hoeven er niet over na te denken of zich af te vragen wat ze zijn. Elke vorm is eenvoudig en identificeerbaar. Vervolgens kunnen ze worden samengevoegd en verbonden om andere elementen te maken met dezelfde geometrische stijl.
Kijk bijvoorbeeld naar het pictogram voor Dropbox. Het is niets meer dan een paar vierkanten die aan elkaar zijn verbonden om een doos te vormen. Het concept is creatief, eenvoudig en gemakkelijk te lezen op elk formaat.
Een andere populaire "geometrische" optie is om een enkele blokletter te gebruiken als onderdeel van de iconografie. Hoewel dit niet goed werkt voor een wijdverbreide toepassing, kan het als functionele merkidentificatie dienen. Facebook is een primair voorbeeld van dit pictogramgebruik in actie.
3) Creëer een unieke vorm
Hoewel het nuttig is om met cirkels en vierkanten te beginnen, wilt u een vorm maken die van u is. Dit is het belangrijkst als u werkt met een merk-identificerend pictogram. Zelfs schijnbaar gecompliceerde iconen beginnen vaak met eenvoudige vormen die zijn veranderd in iets unieks.
Als het gaat om uniciteit, zijn er enkele ontwerpelementen om over na te denken.
- Blijf uit de buurt van afbeeldingen. Ze zien er niet goed klein uit.
- Blijf uit de buurt van tekst. Gebruikers kunnen het niet lezen.
- Sommige trends zijn de moeite waard. Platte en bijna platte pictogramstijlen werken wonderen.
- Werk met rechte lijnen en hoeken verbonden door punten op het raster. Curven kunnen snel ongemakkelijk worden.
- De beste pictogrammen werken in kleur maar zijn ook herkenbaar als zwarte en witte contouren.
4) Geef het voldoende ruimte
Pictogrammen hebben veel ruimte nodig om te ademen. Bedenk hoe pictogrammen worden gebruikt. Vooral als u een app-pictogram ontwerpt dat gebruikers bovenop gekke achtergronden op hun apparaten zullen zien, moet het ontwerp een beetje in het kader worden geplaatst om het beter leesbaar en onderscheidbaar te maken.
Maak binnen je raster een consistente rand rond de rand. Denk aan deze ruimte bijna zoals je zou doen bij het werken met een bloeding in printontwerp. De kleur moet zich uitstrekken tot dit deel van het canvas, maar het is waarschijnlijk onzichtbaar.
5) Blijf bij kleuren van merken
Raak niet gek met kleurpaletten van pictogrammen, alleen omdat je het kunt. Als u iets maakt voor merkwerk, houdt u dan vast aan uw kleurenpalet. Hoewel u kunt afwijken van uw normale merklogo voor een pictogram, moet de kleur consistent blijven.
Als u aan een pictogrammenset werkt voor een webontwerppakket of ander gebruik, begint u met eerst zwarte of witte pictogrammen. Voeg vervolgens kleur toe naarmate u dichter bij het voltooien van het ontwerp komt. Door te werken met eenvoudige elementen met een hoog contrast - zwart op wit of wit op zwart - krijg je echt een idee van hoe elk pictogram in de ruimte eruit ziet. Als het onafhankelijk van kleur werkt, is de kans groter dat het ook goed werkt met toegevoegde kleuren.
6. Gebruik consistente divots
Besteed aandacht aan elk detail in het pictogramontwerp. Heb je een schuine hoek uitgesneden in het ontwerp? Overweeg dan om het op alle hoeken te doen.
Hoewel deze kleine details misschien niet belangrijk lijken - ze zijn misschien niet eens volledig zichtbaar in de kleinste maten - ze kunnen een klassieke flair toevoegen aan pictogrammen die worden gebruikt in meer grafische weergaven.
Meer ontwerpers gebruiken pictogrammen als knoppen in ontwerpen en helpen de ogen tussen meer zware tekstelementen te houden. Zorgvuldig ontworpen pictogrammen kunnen de gebruiker verheugen en websiteconversies aanmoedigen.
7. Ontwerp voor de kleinste maat
Hoewel pictogrammen bijna op elke grootte kunnen worden gebruikt, wilt u het ontwerp zo maken dat het op de kleinste formaten werkt. Gewoonlijk worden favicon-pictogrammen geüpload met slechts 16 bij 16 pixels. Is uw pictogram op dit formaat te ontcijferen?
Als het antwoord nee is, hebt u twee keuzes:
- Begin opnieuw met het pictogramontwerp.
- Maak een alternatief pictogram voor kleine ruimtes, zoals favicons.
8) Versier niet
Houd tot slot het eenvoudig. Weersta de drang om je pictogramontwerp te versieren. Sommige van de beste apps hebben nog steeds last van lastige pictogrammen. (Wunderlist komt meteen voor de geest, bedenk eens hoeveel mooier het eruit zou zien zonder de schaduwen en het schetsen.)
Decoratie ziet er in deze kleine ruimtes gewoon ongemakkelijk uit. Het kan ook het ontwerp overweldigen. Denk aan pictogrammen als ontwerpaccentmarkeringen, ze zijn niet de primaire focus. Als een gebruiker te lang op een pictogram blijft hangen omdat hij probeert de betekenis ervan uit te werken, kunnen ze uit het oog verliezen wat ze moeten doen. Pictogrammen moeten snelle interacties signaleren.
Conclusie
Icon design kan heel leuk zijn als je tijd hebt om deze vaardigheid aan te scherpen. Maar maak je geen zorgen als je geen expert bent. Er zijn tal van geweldige winkels die iconenets vrijgeven die u kunt gebruiken in uw projecten.
Als u net begint met het ontwerpen van pictogrammen, is het de moeite waard om een van deze sets te downloaden. Gooi de pictogrammen op een raster en pak ze uit elkaar. U kunt veel leren over hoe u uw eigen eenvoudige vormen uit deze oefening beter kunt maken.