Innhold
- 01. Bruk gjenkjennelige metaforer
- 02. Bli fet
- 03. Bruk rutenettet
- 04. Unngå det skrevne ordet
- 05. Legg til litt dybde
- 06. Lag en konsistent visuell stil
- 07. Søk perfeksjon
- Likte dette? Les disse!
Designet av iOS 7s ikoner har vist seg å være splittende, men som Bjango-direktør og hoveddesigner Marc Edwards påpekte i vår funksjon om hva Apple fikk rett og galt med iOS 7s ikoner: "Appikoner oppdateres vanligvis i forbindelse med store utgivelser, og så Jeg tviler på at vi i det hele tatt vil se mye endring til iOS 8. Så elsk dem eller hate dem, de er her for å bli en stund. "
Haken for designere er at fordi Apples endringer var så radikale, kan iOS 6-ikoner ikke la være å se daterte når de er omgitt av nykommere. Men hvordan skal du nøye med å designe for iOS 7? Er det virkelig et tilfelle å strippe alt tilbake og øke fargene til 11? Vi bestemte oss for å finne ut av det og snakket med eksperter på ikondesign, som avslørte syv gyldne regler for utforming av iOS 7-ikoner.
01. Bruk gjenkjennelige metaforer
Edwards bemerker at ikoner ofte sees i små størrelser, og det er derfor viktig å holde konseptet enkelt: "Det betyr vanligvis å holde seg til ett eller to gjenkjennelige gjenstander. Hvis du kan, bruk en unik farge og silhuett for å hjelpe med tilbakekalling."
Designer Jon Hicks legger til at metaforen skal være gjenkjennelig av hva den gjør (for eksempel kamera) eller hva den er / dens identitet (for eksempel Safari-merkevaren) og bemerker at slike som Apples egne Innstillinger og Game Center mislykkes på både.
Myk fasad kreativ direktør Dmitry Tsozik understreker også at designere ikke bør prøve å være for flinke: "Ikke sett noen tilfeldige sirkler på en hvit bakgrunn og kall det et ikon. Undersøk fargen og metaforene dine, og ikke la brukerne gjette ! "
02. Bli fet
Iconfactory medstifter Gedeon Maheux sier at selv om du ikke er veldig opptatt av Apples øye-sårende ikonfarger, la selskapet grunnlaget for en visuell stil som andre til en viss grad burde følge: "Bruk fet kontrast i designene dine. IOS 7 er preget av lyse grenser, klare linjer og uttrykksfulle farger. " Han legger til at pasteller og dempede farger derfor ikke fungerer bra mot den "lyse, morsomme paletten" som er iOS 7-startskjermen.
03. Bruk rutenettet
Maheux anbefaler i det minste å starte med malrutenettet som Apple formet for iOS 7: "Det har proporsjon og harmoni innebygd rett i. Jo flere apper som bruker det som en base, jo flere apper vil se enhetlig ut på startskjermen." Han sier imidlertid at du heller ikke skal føle deg for begrenset: "Hvis du trenger å bryte rutenettet for å gjøre ikonet ditt fantastisk, så prøv det."
04. Unngå det skrevne ordet
En av de mer slående aspektene ved iOS 7 er hvor mye den er avhengig av type. Med knappegrenser stort sett fraværende, betegner farget tekst ofte noe som kan brukes til handlinger, men Edwards advarer om at denne tankegangen ikke skal omfatte ikoner: "Unngå tekst, og prøv ikke å klemme et helt ord inn i ikonet ditt. Der det er mulig, bør ikoner være symbolske og ikke koblet til et bestemt språk. "
05. Legg til litt dybde
Apples arbeid med iOS har blitt kalt flat design, men Jony Ive var opptatt av å påpeke at systemet virkelig har et 'lagdelt' konsept, snarere enn å eksistere i ett plan. Maheux regner med at ikondesignere kan tenke på samme måte når de lager ikoner de ønsker å skille seg ut: "Ikke vær redd for å eksperimentere med subtile skygger og skyggelegging av elementer utover enkle stigninger. Det er en verden av muligheter i iOS 7, og ting er ikke alltid like flate som de kan virke. "
06. Lag en konsistent visuell stil
En titt på ikonene for Apples App Store-suiter, og det er tydelig at de er en del av et enkelt utvalg. Å tenke utover en enkelt app kan være til fordel for designere, men Hicks advarer om at du ikke bør være for restriktiv når det gjelder stil: "Konsistens betyr ikke at du skal holde alle linjevektene og fargene nøyaktig like, men å ha en visuell stil som harmoniserer." Han forklarer at dette kan være en enkel solid hvit glyf på en grunnleggende gradient, eller et flerfarget gjennomsiktig ikon på en hvit bakgrunn - eller noe helt annet. "Men bestem deg for en stil - en som gir fleksibilitet for en rekke metaforer - og hold deg til den."
Edwards legger til at det også kan være nyttig hvis ikonet representerer appen inne: "Du kan gjøre dette ved å holde stilen og fargene i samsvar med hovedgrensesnittet. Hvis ikke noe annet, kan dette øke tilknytningen til app og ikon."
07. Søk perfeksjon
Dette er ikke en ny tankegang, men med et operativsystem som kjemper for eleganse, enkelhet og fine detaljer, skiller alt grovt og klart seg seg virkelig ut som en sår tommel. "Prinsippene for å lage gode ikoner endret seg ikke med iOS 7," er enig i Tsozik, "men les og les bøker om moderne design, arkitektur og typografi, og bruk tid på å perfeksjonere dine vektorferdigheter".
Ord: Craig Grannell
Likte dette? Les disse!
- Gode eksempler på doodle art
- De beste fotoappene for iPhone, iPad og Android
- Den ultimate guiden til logo design
Har du et flott tips om ikondesign? Del det i kommentarene!