8 enkle trin til bedre ikondesign
Ikoner er overalt. Fra appikoner på hjemmeskærme til grafiske repræsentationer, der fører brugerne gennem et design, er ikondesign en big deal.
Der er en fin kunst til god ikon design. Ikke alene skal elementet genkende ved den mindste størrelse, gode vektorbaserede ikoner kan skaleres til brug i overdimensionerede proportioner. Nogle designere bruger endda ikon-stil billeder til dominerende billeder.
Så hvor starter du? Her er en guide til at designe et bedre ikon i otte (noget) enkle trin.
1) Start med et gitter
Godt ikondesign starter med et solidt fundament. Et simpelt firkantet blokgitter er alt hvad du behøver for at begynde at tegne et ikon.
Brug det samme gitterpapir, du arbejdede med i klasseskolen, til at oprette ikonskitser med blyant og papir eller start med et kvadratisk pixelgitter i designsoftware. Du skal nok designe på et firkantet lærred, da de fleste ikoner ender med at skulle passe ind i firkantede rum. (Dette omfatter alt fra ikoner til apps til ikoner i website designs eller til sociale medier profiler.)
Når du har et gitter, skal du sørge for at give dig selv et element af hvidt rum omkring omkredsen. Dette giver dig lige nok fleksibilitet til at tilføje en baggrund, hvis det er nødvendigt, og holde ikonet fraskåret i applikationer, der kan have afrundede kanter eller andre former for skråning.
Bare fordi dit net er firkantet betyder det ikke, at dit ikon skal være. Det kan være rundt eller mere rektangulært. Husk: Når du designer noget, der ikke er firkantet, skal det rade op vandret og lodret centreret i gitteret for at gøre det lettere senere. Det vil også hjælpe dig med at opretholde en konsistent skala for et ikonsæt.
Gitteret er kun for at hjælpe dig med at skabe en ramme, hvor du kan designe konsekvent. Som en bonus kan du også bruge nettet til at hjælpe med at tegne elementer i ikonet; brug gridlines til at tegne lige vinkler eller bestemme placeringen af streger i designet.
2) Byg med geometri
Ikoner er ofte små, så det er vigtigt at bygge med elementer, som brugerne genkender på et overblik. Derfor er så mange ikoner forankret i geometriske former.
Cirkler, firkanter og trekanter er de mest populære kombinationer af former. Brugere behøver ikke at tænke over dem eller spørgsmålet om, hvad de er. Hver form er enkel og identificerbar. Derefter kan de fusioneres og forbindes til at skabe andre elementer med samme geometriske styling.
Se på ikonet for Dropbox, for eksempel. Det er ikke mere end et par firkanter, der er forbundet sammen for at danne en kasse. Konceptet er kreativt, enkelt og let at læse i enhver størrelse.
En anden populær "geometrisk" mulighed er at bruge et enkelt blokbogstav som en del af ikonografi. Selv om dette ikke virker godt for udbredt applikation, kan det fungere som et funktionelt brandidentifikator. Facebook er et primært eksempel på dette ikonbrug i aktion.
3) Opret en unik form
Mens du starter med cirkler og firkanter, er det nyttigt, du vil oprette en form, der er din. Dette er vigtigst, hvis du arbejder med et brandidentificerende ikon. Selv tilsyneladende komplicerede ikoner starter ofte med enkle former, der er morphed til noget mere unikt.
Når det kommer til unikhed, er der et par designelementer at tænke på.
- Hold dig væk fra billeder. De ser ikke godt små ud.
- Hold dig væk fra tekst. Brugere kan ikke læse det.
- Nogle tendenser er umagen værd. Flad og næsten flad ikon stiler arbejde vidundere.
- Arbejde med lige linjer og vinkler forbundet med punkter på nettet. Kurver kan blive akavet hurtigt.
- De bedste ikoner arbejder i farve, men er også genkendelige som sort-hvide konturer.
4) Giv det masser af plads
Ikoner har brug for masser af plads til at trække vejret. Tænk på, hvordan ikoner bruges. Især hvis du designer et appikon, som brugerne vil se på toppen af skøre baggrunde på deres enheder, skal designet indstilles inden i rammen lidt for at gøre det mere læseligt og skelneligt.
Inden for dit net skal du oprette en ensartet grænse rundt om kanten. Tænk på dette rum næsten som du ville, når du arbejder med en blødning i printdesign. Farven skal strække sig til denne del af lærredet, men det vil sandsynligvis være usynligt.
5) holde sig til mærkefarver
Bliv ikke vild med ikonfarvepaletter, bare fordi du kan. Hvis du laver noget for mærkearbejde, skal du holde dig til din farvepalet. Selv om du kan afvige fra din normale mærkelogotype for et ikon, bør farver forblive konsistente.
Hvis du arbejder på et ikonindstillet til en webdesignpakke eller anden brug, skal du starte med sorte eller hvide ikoner først. Tilføj derefter farve, når du kommer tættere på udførelsen af designet. Ved at arbejde med enkle elementer med høj kontrast - sort på hvid eller hvid på sort - får du virkelig en følelse af hvordan hvert ikon ser ud i rummet. Hvis det virker uafhængigt af farve, er chancerne større, så det vil fungere godt med farve tilføjet også.
6. Brug ensartede divotter
Vær opmærksom på alle detaljer i ikondesignet. Har du udskåret et vinklet hjørne i designet? Så overvej at gøre det på alle hjørner.
Selvom disse små detaljer måske ikke synes vigtige - de kan ikke engang være helt synlige i de mindste størrelser - de kan tilføje en klassisk stil til ikoner, der bruges i flere grafiske displays.
Flere designere bruger ikoner som knapper i hele design og for at hjælpe med at lede øjnene mellem flere tekstfulde elementer. Nøje udformede ikoner kan hjælpe glæde brugeren og opmuntre webkonverteringer.
7. Design for den mindste størrelse
Mens ikoner kan bruges i næsten enhver størrelse, vil du designe designet, så det virker i den mindste størrelse. Fællesikonikonerne er normalt uploadet til kun 16 med 16 pixel. Er dit ikon decipherable i denne størrelse?
Hvis svaret er nej, har du to valg:
- Start med ikondesignet.
- Opret et alternativt ikon til små rum, som favikoner.
8) Dekorer ikke
Endelig, hold det nemt. Modstå trangen til at dekorere dit ikondesign. Nogle af de bedste apps lider stadig af akavede ikoner. (Wunderlist kommer straks til at tænke på. Tænk bare på, hvor meget bedre det ville se uden skyggerne og skitsere.)
Indretningen ender bare med at se akavet i disse små rum. Det kan også overvælde designet. Tænk på ikoner som design accent mærker, de er ikke det primære fokus. Hvis en bruger linger på et ikon for længe fordi de forsøger at udarbejde betydningen af det, kan de miste sporet af, hvad de skal gøre. Ikoner bør signalere hurtige interaktioner.
Konklusion
Ikon design kan være meget sjovt, hvis du har tid til at finpudse denne færdighed. Men hvis du ikke er ekspert, skal du ikke bekymre dig. Der er masser af gode butikker derude, som udgivelsesikon sætter dig til at bruge i dine projekter.
Hvis du lige er begyndt med ikondesign, er det værd at downloade et af disse sæt. Kast ikonerne på et gitter og pluk dem fra hinanden. Du kan lære meget om, hvordan du bedre kan lave dine egne enkle former fra denne øvelse.