Ikoner kan vara en av de viktigaste - och underrated - exempel på design i din portfölj. Här är en blick på ikondesignen 2018, plus några bra exempel på inspirerande ikoner och designarbete.
Ikonelement visas nästan överallt, men får ibland framställning som eftertanke. Det borde inte vara fallet. En bra ikondesign kan vara distinkt och lägga till finess och känsla för ett projekt.
Låt oss ta en titt på vad som är nytt och vad som är varmt i ikondesign i 2018!
Line Style Icon Design
Linjeformatikoner verkar vara den trenden som aldrig blir gammal.
En del av anledningen är att denna ikonstil kan fungera praktiskt taget var som helst på vilken bakgrundstyp som helst. Många av de populära, nedladdningsbara ikonpaketen innehåller ofta en stildesign på grund av denna mångsidighet.
Det är lätt att se detta i exemplet ovan. Varje ikon är lätt att se och förstå i praktiskt taget vilken som helst storlek.
Enkla element och representationer
Som med de flesta andra designtrenderna år 2018 är enkelhet också en del av ikondesignen. Enkla former och geografi kombinerar för att skapa nästan över enklare representationer för ikoner.
Resultatet är en ganska artfull design som gör att användarna ser ut.
I exemplet med hjälp av livsmedelsikoner ovan använder varje ikon en gemensam tråd i en cirkel i ikonen. Detta kan vara den övergripande formen på ikonen själv eller en del av ikondesignen. Denna form förbinder varje ikon med varandra i projektet.
Ikoner med gradienter
Gradientfärgen trenden som har blivit en av de dominerande teman i 2018 är också en faktor i ikondesignen. Från enkla gradienter i linjesträckor (till exempel exemplet ovan) till full gradientfärgning till vita ikoner på en gradientbakgrund är detta färgschema populärt.
Det kan vara vad som är så tilltalande om användningen av gradienter i ikoner (och totalt) - det finns så många olika sätt att använda trenden. Du kan lägga till en lutning och fortfarande inte ha ett projekt som ser ut som något annat.
Fokusera på enkel färgning
Ikondesigners tar motsatt tillvägagångssätt med färg också och klibbar till enkla, mer begränsade, mer grundläggande färgpaletter för dessa små designelement.
Att använda en begränsad palett är en bra idé. Med en design som är så liten kan för mycket färg eller detalj överväldiga rymden snabbt och orsaka belastning på ögat.
Du vill inte att användarna måste tänka på vad ikonen är eller vilken färg det betyder. Att begränsa detaljerna - inklusive utarbetad färgning - kan göra varje enskild ikon lite lättare att se och förstå. Detta är viktigast med ikoner som kommer att användas i minsta storlekar.
Allt App Style
En av anledningarna till att ikoner har ökat i popularitet så mycket är att vi redan utformar dem för nästan allt. Från appikoner till ikoner i appstil för favikoner eller skrivbordsikoner är den här stilen praktiskt taget överallt.
App-Style-ikoner har en distinkt stil nästan ensam. Detta inkluderar:
- Kvadratisk form
- Rundade kanter
- Färgad bakgrund (vanligtvis en färg)
- Enkel form inuti ikonen
- Massor av kontrast mellan ikon och bakgrundsfärg
- Ingen text eller bokstäver
Tjocka, enhetliga slag
Inte bara är ikonerna i stilstilten populära, men ikoner med tjocka linjesträckor är särskilt populära.
Designad ofta för enfärgade applikationer används dessa ikoner ofta i vitt eller svart ovanpå färg- eller fotobakgrunder.
Ikoner med tjocka, likformiga slag används oftast på egen hand, till exempel en vagnikon eller kontaktikon. De används inte ofta i en samling ikoner.
Flat ikoner är populära
Medan mycket av det hårda fokuset på platt design har avdunstats, är ikondesign fortfarande ganska platt (eller åtminstone nästan platt).
Detta beror troligtvis på den enkla designen av superdesign och tanken att den här utseendet kan integreras med ett antal andra stilar ganska enkelt.
Även om du tittar på några av de ikoniska designexemplen och trenderna som visas här ser du att många av dem är platta. (Linjestilikoner är nästan alltid platta, till exempel.)
Emoji-ikoner
Emojis har nästan blivit sitt eget språk - en mer visuell form av kommunikation som blir mer allmänt accepterad hela tiden.
Ikoner design tar också på sig en emoji-esque känsla. Dessa ikoner är identifierbara på grund av fokus på huvudets form av en person eller varelse. (De Star Wars-inspirerade emoji-ikonen ovan är ett bra exempel på hur man har kul med ikondesign.)
Denna stil på ikonen kan fungera bra för en kontaktsida eller för att representera personer eller personer i en design.
Hur man utformar en bättre ikon
Att skapa en bra ikon eller uppsättning ikoner är mer än att bara hoppa på några av de senaste trenderna i ikondesign. På grund av symbolernas lilla storlek är detaljerna och precisionen en viktig del av designprocessen.
Enkla regler gäller fortfarande för ikondesign år 2018. Koppla ihop dessa riktlinjer med några av de trendiga idéerna ovan för att skapa något du kommer att älska:
- Börja med ett rutnät
- Bygg med geometri
- Skapa en unik form
- Ge ikoner gott om utrymme
- Håll dig till dina varumärkesfärger
- Använd konsekventa divots
- Design för den minsta storleken du behöver
- Dekorera inte
Ikon design riktlinjer
Ett bra sätt att hålla reda på vad som är? är genom att titta på grafikstandarder och stilguider. Varje gång Apple eller Google ändrar sitt tillvägagångssätt, så gör alla andra. Delvis eftersom de måste och delvis eftersom den nya stilen ofta reflekterar tiderna och trenderna i ikondesignen.
Här hittar du riktlinjer:
- Apple App-ikoner
- Android Appikoner
- Material Design Produkt Ikoner
- Material Design System Ikoner
Slutsats
Ikoner är ett användbart designverktyg.Från användning som appikoner till webbplatsmärken eller favicons till divotor som kan användas i en logotyp eller genom ett designprojekt, är ikonen ett varumärke som är här för att stanna.
Approach icon design på samma sätt som du skulle nästan alla andra projekt, men tycker verkligen om enkelhet och storlek. Ikoner är gjorda för att titta på snabbt och är ofta små i storlek. Detta kan ha stor inverkan på designen.