Att utforma ikoner kan vara mycket roligt. Men när har du en bra uppsättning, vad gör du med dem?
Ikoner är inte bara miniatyrlänkar för Facebook eller Instagram-de kan vara helt interaktiva signaler som hjälper användarna genom en design och ger extra visuell gnista. Ikoner kan vara små eller stora, svartvita eller färgade, platta eller invecklade. Oavsett vilken stil som appellerar till dig kan effektiv användning av ikoner förbättra användbarheten och det estetiska värdet av nästan alla designprojekt.
1. Lägg till visuellt intresse
Inte alla bilder kommer att bli ett fantastiskt landskap. Ibland faller bilder bara kort.
Rolig ikonografi kan hjälpa till att öka intresset för dessa lite ointressanta bilder. Använd ikoner för att förbättra innehållet i fotot, ge en extra bit information och ge en interaktionskod.
Ta exemplet ovan för en tandklinik (visst inte det mest intressanta visuella konceptet.) Designen är fräsch, ljus och inbjudande. Den enkla ikonen bredvid ansiktet är en ny tanke på lampan? - notera de små tänderna. Balansen mellan den lätta delen av skärmen till vänster och den ljusa vita ikonen bidrar också till att dra ögat över designen. Resten av webbplatsen använder också andra små ikoner för navigering.
2. Skapa interaktion
Ikoner behöver inte passa in i specifika placeringar för att uppmuntra användarens interaktion. (För många mallar använd kombinationen med tre kolumner / text i rullningen.
Ikoner kan faktiskt vara det element som driver interaktivitet. Par ikonografi och parallax rullar så att objekt flyttas över skärmen. Layerikoner med bilder eller annan bakgrund för att skapa ett element som är lite oväntat.
Boone Selections skapar en resescen för sina viner genom att använda ikonografi på ett sätt som gör att du vill rulla. Flygplanikonet reser på ett plan som följer pilarna på skärmen (som reagerar på rullning). Varje radikonen visar som en ritning när användaren rullar till den delen av skärmen. Rörelserna är enkla, klassiska och mycket effektiva.
3. Använd animering
Ingen sa någonsin att ikoner måste vara statiska element. Animera dem!
Men gå inte för galen. De bästa ikonanimationerna relaterar till innehållet på ikonen själv. Rörelser bör inte vara för snabba eftersom det kan vara lite obehagligt. Rörelser bör inte vara för långsamma eftersom användare kan missa dem. Det finns en söt plats i mitten där ikonrörelsen ger lite glädje.
Sweet Punk gör det här briljant. Ikonen är "samma gamla lampa"? som används överallt, men med en stämpel av personalisering. Notera insidan av glödlampan - det är en flamma. Då är det en rolig rörelseåtgärd som lampan studsar med en idévirvla. Vidare rör cirkelmönstret runt glödlampan försiktigt och verkar reagera på mouseover-mönster.
4. Skapa ikonkluster
Kluster av intressanta former, skisser eller på annat sätt handgjorda ikoner kan göra en intressant visuell. Konceptet visas ofta på webbplatser som distribuerar ikonpaket (som ovanstående), men det har bredare tillämpning.
Tänk på rader av ikoner - leksak med att använda dem under- eller överdimensionerade för mer inverkan - när du saknar en bra bild. Ikoner kan fungera som länkar eller bara bilder som står på egen hand. Kluster kan innehålla bara två eller tre ikoner eller tre gånger så många. Låt ditt innehåll driva den beslutsprocessen.
Vad som är trevligt med att använda grupperade ikoner är att du verkligen kan tänka utanför lådan och göra något kreativt. Den andra bonusen? Du kan till och med börja med ett ikonpaket om du gillar och anpassar ikoner för att göra dem egna. Endera alternativet kan vara mycket roligt och ge dig ett sätt att prova något helt annat.
5. Kombinera med trendiga element
Ikoner ska vara bara en del av en designstrategi för ett projekt. Tänk på ditt innehåll och parikonografi med ett annat trendigt element för att skapa en modern estetik.
Det trevliga med att använda ikoner är stil flexibilitet. Ikoner kommer i till synes varje form och form från linjekonst, skissbaserade stilar till platta utklippsdesign för att utarbeta miniatyrartiklar. När du väl har bestämt dig för en designstil för ett projekt, skapa en uppsättning ikoner som matchar den visuella tonen.
Webbplatsen för en historia av ikoner gör det här vackert. Sidan visar hur ikonstilar har utvecklats under åren - vilket är en cool casestudie i sig om du letar efter mer inspiration - men varje ikon placeras inuti ett behållarelement i ett materialdesignmönster med ganska plana lager, taktila rörelser, ren typografi och ljus färg.
6. Sätt en nyckfull twist på den
För vissa ikoner finns det vanliga mönster som du vill använda så att användarna vet exakt vad de här elementen gör. Det kan innehålla ikoner för sociala medier, sökningar, kundvagnar och navigeringspilar. Du bör aldrig offra användbarhet för en ny design.
Men du kan sätta din egen nyckfulla twist på dessa standardikoner. Ändra färgen, tweak formen eller till och med redraw ikonerna i din stil. Tricket är att göra något som känns unikt samtidigt som man behåller visuellt erkännande så att användarna inte ifrågasätter vad ikonen betyder.
Enkla förändringar kan gå långt. Denna typ av justering kan hjälpa de gemensamma elementen att bli en del av din design och visuella historia också.
Little Puds & Co. gör det på ett sätt som är helt charmigt. De vanliga ikonerna i det övre hörnet är identifierbara, men ta upp webbplatsens varumärkesfärg. Ikonerna verkar lite mjukare än de skulle i de vanliga Facebook- och Instagram-färgpalettarna och verkar matcha den mer nyckfulla, barnliknande stilen som används i hela designen.
7. Skapa anpassade skisser
Ikoner kan vara miniatyr konstdukar i sig.Medan ikonografitrenderna lutar mer mot superplana, linjärtillverkningar, kan detaljerad skiss göra ett bra anpassat alternativ som är ditt eget.
Varje skiss skisserad kommer att vara annorlunda. Det finns inget riktigt sätt att kategorisera dem annat än att hitta något du kan äga. Sketched ikoner är ofta en del av varumärkets identitet som använder dem.
Infinity Foods använder denna stil under hela sin design. (Du borde verkligen gå runt för att titta på hela ikonuppsättningen.) Skissstilen börjar med logotypen och samma detaljerade pennaform används för varje ikonelement i designen.
Slutsats
Medan ikoner kan vara en av de minst tänkta elementen i ett designprojekt, kan de vara en av de mest intressanta. Bra ikonografi kan sammanfoga ett projekt på ett sätt som ger det lite polsk och finess.
Det fina med att arbeta med ikoner är att en bra vektorbaserad uppsättning kan användas på flera olika sätt och i olika storlekar. Intresserad av att fånga tusentals ikoner till ett prissättningsabonnemang? Creative VIP har du täckt!