7 tips voor effectief gebruik van pictogrammen in ontwerpprojecten
Pictogrammen ontwerpen kan heel leuk zijn. Maar als je eenmaal een goede set hebt, wat doe je er dan mee?
Pictogrammen zijn niet alleen miniatuurlinks voor Facebook of Instagram - het kunnen volledig interactieve aanwijzingen zijn die gebruikers door een ontwerp leiden en extra visuele vonk geven. Pictogrammen kunnen klein of groot zijn, zwart en wit of gekleurd, plat of ingewikkeld. Welke stijl u ook aanspreekt, effectief gebruik van pictogrammen kan de bruikbaarheid en de esthetische waarde van bijna elk ontwerpproject verbeteren.
Verken Envato Elements
1. Voeg visuele interesse toe
Niet elk beeld wordt een adembenemend landschap. Soms schieten beelden gewoon te kort.
Leuke iconografie kan helpen om deze enigszins oninteressante foto's interessanter te maken. Gebruik pictogrammen om de inhoud van de foto te verbeteren, extra informatie te geven en een interactie-aanwijzing te geven.
Neem het bovenstaande voorbeeld voor een tandheelkundige kliniek (weliswaar niet het meest interessante visuele concept.) Het ontwerp is fris, helder en uitnodigend. Het eenvoudige pictogram naast het gezicht is een nieuwe kijk op het 'gloeilampenidee' - let op de kleine tandjes. De balans tussen het lichte deel van het scherm aan de linkerkant en het helderwitte pictogram helpt ook om de aandacht over het ontwerp te trekken. De rest van de site gebruikt ook andere kleine pictogrammen voor navigatie.
2. Creëer interactie
Pictogrammen hoeven niet in specifieke plaatsingen te passen om gebruikersinteractie te stimuleren. (Te veel sjablonen gebruiken de combinatie van pictogram / tekst met drie kolommen in de scroll.
Pictogrammen kunnen in feite het element zijn dat interactiviteit stimuleert. Koppel iconografie en parallax-scrollen zodat items over het scherm bewegen. Laagpictogrammen met afbeeldingen of een andere achtergrond om een element te creëren dat een beetje onverwacht is.
Boone Selections creëert een reisscène voor zijn wijnen met behulp van iconografie op een manier die ervoor zorgt dat je wilt scrollen. Het vliegtuigpictogram reist in een vliegtuig en volgt de pijlen op het scherm (die reageren op scrollen). Elk lijntekeningenpictogram wordt weergegeven als een tekening terwijl de gebruiker naar dat deel van het scherm scrolt. De bewegingen zijn eenvoudig, klassiek en zeer effectief.
3. Gebruik animatie
Niemand heeft ooit gezegd dat pictogrammen statische elementen moeten zijn. Animeer ze!
Maar ga niet te gek. De beste pictogramanimaties hebben betrekking op de inhoud van het pictogram zelf. Bewegingen mogen niet te snel zijn, omdat het een beetje zenuwslopend kan zijn. Bewegingen mogen niet te traag zijn omdat gebruikers ze mogelijk missen. Er is een sweet spot in het midden waar icon-beweging een beetje genot biedt.
Sweet Punk doet dit uitstekend. Het icoon is de 'zelfde oude gloeilamp' die overal wordt gebruikt, maar met een stempel van personalisatie. Let op de binnenkant van de lamp - het is een vlam. Dan is er een leuke zweefactie terwijl de gloeilamp stuitert met een idee-werveling. Verder beweegt het cirkelpatroon rond de gloeilamp voorzichtig en lijkt het te reageren op mouseover-patronen.
4. Maak pictogramclusters
Clusters van interessante vormen, schetsen of anderszins handgemaakte pictogrammen kunnen een interessant beeld opleveren. Het concept wordt vaak weergegeven op websites die pictogrampakketten verspreiden (zoals die hierboven), maar het heeft een bredere toepassing.
Overweeg rijen pictogrammen - speel ze met onder- of oversized voor meer impact - wanneer u een slecht beeld mist. Pictogrammen kunnen werken als links of gewoon als afbeeldingen die op zichzelf staan. Clusters kunnen slechts twee of drie pictogrammen bevatten of driemaal zoveel. Laat uw inhoud dat besluitvormingsproces sturen.
Het leuke van het gebruik van geclusterde pictogrammen is dat je echt buiten de gebaande paden kunt denken en iets creatiefs kunt doen. De andere bonus? U kunt zelfs beginnen met een pictogrampakket als u pictogrammen wilt en deze aanpassen om ze uw eigen te maken. Beide opties kunnen erg leuk zijn en u een manier geven om iets totaal anders te proberen.
5. Combineer met Trendy Elements
Pictogrammen moeten slechts een onderdeel zijn van een ontwerpstrategie voor een project. Denk na over uw inhoud en combineer iconografie met een ander trendy element om een moderne esthetiek te creëren.
Het leuke van het gebruik van pictogrammen is stijlflexibiliteit. Pictogrammen zijn er in vrijwel elke vorm en vorm, van lijntekeningen, op schets gebaseerde stijlen tot platte uitgesneden ontwerpen tot uitgebreide miniatuurkunstwerken. Als u eenmaal een ontwerpstijl voor een project hebt gekozen, maakt u een set pictogrammen die passen bij die visuele toon.
De website voor een geschiedenis van iconen doet dit prachtig. De site laat zien hoe pictogramstijlen in de loop van de jaren zijn geëvolueerd - wat op zichzelf al een coole casestudy is als je op zoek bent naar meer inspiratie - maar elk pictogram wordt in een containerelement geplaatst in een materiaalontwerpstijlpatroon, met vrij vlakke lagen, tactiel bewegingen, schone typografie en felle kleuren.
6. Geef er een speelse draai aan
Voor bepaalde pictogrammen zijn er standaardontwerpen die u wilt gebruiken, zodat gebruikers precies weten wat die elementen doen. Dit kunnen pictogrammen zijn voor links naar sociale media, zoeken, winkelwagentjes en navigatiepijlen. U mag gebruiksvriendelijkheid nooit opofferen voor een nieuw ontwerp.
Maar u kunt uw eigen grillige draai geven aan deze standaard pictogramstijlen. Verander de kleur, pas de vorm aan of teken de pictogrammen zelfs opnieuw in jouw stijl. De truc is om iets te doen dat uniek aanvoelt met behoud van visuele herkenning, zodat gebruikers niet vragen wat het pictogram betekent.
Simpele veranderingen kunnen een lange weg gaan. Dit soort aanpassing kan helpen om gemeenschappelijke elementen ook onderdeel te laten worden van uw ontwerp en visuele verhaal.
Little Puds & Co. doet dit op een manier die absoluut charmant is. De algemene pictogrammen in de bovenhoek zijn herkenbaar, maar krijgen de kleur van de website. De pictogrammen lijken een beetje zachter dan in de normale kleurenpaletten van Facebook en Instagram en lijken te passen bij de meer grillige, kinderlijke stijl die door het hele ontwerp wordt gebruikt.
7. Maak aangepaste schetsen
Iconen kunnen op zichzelf miniatuurkunstdoeken zijn. Terwijl de iconografische trends meer neigen naar superplatte, lijntekeningen, kan gedetailleerd schetsen een geweldige aangepaste optie zijn die van u is.
Elke handgetekende set zal anders zijn. Er is geen echte manier om ze te categoriseren, behalve om iets te vinden dat je kunt bezitten. Geschetste pictogrammen maken vaak deel uit van de identiteit van het merk dat ze gebruikt.
Infinity Foods gebruikt deze stijl prachtig in het hele ontwerp. (U moet echt rond gaan klikken om naar de volledige pictogrammenset te kijken.) De schetsstijl begint met het logo en dezelfde gedetailleerde potloodstijl wordt gebruikt voor elk pictogramelement in het ontwerp.
Gevolgtrekking
Hoewel pictogrammen misschien wel een van de minst doordachte elementen in een ontwerpproject zijn, kunnen ze een van de meest interessante zijn. Goede iconografie kan een project samenbrengen op een manier die het net dat beetje glans en finesse geeft.
Het leuke van het werken met pictogrammen is dat een goede, op vectoren gebaseerde set op verschillende manieren en in verschillende formaten kan worden gebruikt. Geïnteresseerd om duizenden pictogrammen te pakken te krijgen voor een zacht prijsje? Creative VIP heeft je gedekt!
