Dårlig ikondesign 3 fallgruver og hvordan du kan unngå dem

La oss se på tre vanlige feil og fallgruver når du designer ikoner, og måter å unngå dem på!

Fallfall 1: Ikonet er for komplekst

Et ikon kan være utformet for å representere et komplekst emne, men det bør unngå å være altfor komplisert. Kompleksiteten påvirker skalerbarheten og kan føre til at den ikke blir gjenkjent. Et effektivt ikon er ment å være gjenkjennelig og unikt på et øyeblikk, uansett omfang. 

Ta en titt på dette forenklet "Lightly" ikonet; det skalerer mer effektivt og fremmer likevel det samme konseptet. 

Lett ikon redesign for ios7 av Jay Kwong

Løsning: Bruk enkle, unike former som best formidler konseptet uten overflødige detaljer. Bli kjent med skalerbarhetskravene for ditt ikon og design for dine begrensninger. Enkle og særegne ikoner kan være svært effektive. 

Pitfall 2: Ikonet er designet i en silo 

Hvis ikonene ser ut som de ikke ville passe sammen visuelt side ved side, kan det hende du har designet ikonene i en silo. Ikoner for et digitalt produkt bør passe inn med den overordnede visuelle strategien for å se og føle seg som en familie. Dette er en vanlig fallgruve som kan skje hvis nyere ikoner er designet over tid og av forskjellige designere. 

Facebooks nyeste mobile ikon sett har et sammenhengende utseende på grunn av bruken av avrundede former og enkle linjestiler. 

Fra Facebook og Instagram får redesigner for lesbarhet på TechCrunch

Løsning: Design ikoner som en del av et sett. Bruk felles perspektiv, linjevikt, fargevalg og styling for å sikre en sammenhengende følelse. Tilnærm ikondesignen ved å fokusere på konteksten der den skal leve. 

Pitfall 3: Ikonet er designet fra grunnen av

Ikonbibliotek finnes av en grunn. Bruk referanser for å få en følelse av hvilke visuelle metaforer som eksisterer for ditt konsept, og ikke ta forutsetninger om hva som fungerer for et ikon før du måler det eksisterende landskapet. Et ikon designet fra grunnen kan være forvirrende for brukere fra ulike kulturer og bakgrunner. 

Ikonene "Innstillinger" er vanligvis avbildet av et gir, men det er ikke alltid tilfelle.

Fra icons8.com

Løsning: Bruk eksisterende ikonbiblioteker for å starte brainstorming av ditt ikonkonsept. Vær oppmerksom på eventuelle mulige forskjeller eller alternative betydninger av symboler på tvers av kulturer, samt konsistens med former som brukes til vanlige ikoner.

Lær mer om ikondesign

  • Android-designikonretningslinjer
  • Retningslinjer for materialdesignikon