iOS-krav
Format: Kvadratisk ikon uten gjennomsiktighet (Apple vil automatisk legge til avrundede hjørner).
Størrelser: Trenger flere størrelser for ulike enheter, fra 20x20 px til 1024x1024 px.
Stil: Apple anbefaler en enkel og tydelig design uten for mange detaljer eller tekst. Fokus på gjenkjennbarhet og skalerbarhet.
Android-krav
Format: Kvadratisk ikon med mulighet for gjennomsiktig bakgrunn.
Størrelser: Fra 48x48 px til 512x512 px, inkludert adaptive ikoner som endres i form basert på brukerens Android-versjon.
Stil: Material Design-anbefalinger. Sørg for kontrast og tydelighet i små størrelser.
App-ikonet skal formidle appens formål og gi et klart bilde av hva brukeren kan forvente. Tenk på ikonets viktigste funksjon eller konsept:
Bruk et symbol eller en enkel grafikk som formidler essensen av appen.
Unngå tekst og komplekse detaljer; fokuser på en visuell stil som er enkel og lett gjenkjennbar.
Finn et unikt uttrykk som skiller seg ut i app-butikkene.
Farge er en viktig faktor for app-ikonets visuelle tiltrekning og gjenkjennelighet.
Fargepalett: Velg en palett som samsvarer med merkevaren din, og unngå for mange farger.
Kontrast: Sørg for at ikonets elementer har tydelig kontrast mot bakgrunnen for å fremstå skarpt i alle størrelser.
Fargekonsistens: Bruk farger som også gjenspeiles i appens brukergrensesnitt for å skape en sammenhengende opplevelse.
Et app-ikon må se bra ut både som en liten thumbnail og i større formater, som på en nettbutikk-side.
Detaljnivå: Unngå små detaljer som kan bli uskarpe i mindre størrelser. Fokuser på store, klare former som fungerer godt på tvers av størrelsene.
Enkelhet: Jo enklere ikon, desto lettere blir det gjenkjennelig. Bruk gjerne geometriske former og minimalistiske detaljer.
Ikonet vil vises på ulike bakgrunner avhengig av brukerens skjermoppsett.
Dark og Light Mode: Sørg for at ikonet ser bra ut både i lys og mørk modus.
Tilpasning til Android Adaptive Ikoner: Android-ikoner kan klippes til ulike former (rundt, firkantet osv.). Test hvordan ikonet ser ut i forskjellige former for å sikre en konsekvent visuell stil.
Når designet er klart, sørg for at ikonet eksporteres i riktig format og størrelse for begge plattformene:
iOS: PNG-format uten gjennomsiktighet i flere størrelser (20x20 px til 1024x1024 px).
Android: PNG-format med støtte for gjennomsiktighet og eksport i flere størrelser (48x48 px til 512x512 px). For adaptive ikoner trenger du en forgrunn og en bakgrunnsfil for fleksibilitet.
Adobe Illustrator eller Photoshop: Profesjonelle verktøy for å lage vektorbaserte ikoner.
Sketch eller Figma: Populære verktøy for UI-design, med innebygde eksportmuligheter til alle nødvendige størrelser.
Canva: Et enkelt, nettbasert verktøy som kan være nyttig for enklere design.
Bruk rutenett: Følg et rutenett for å sikre balanse og symmetri i ikonets elementer.
Ikon-konsekvens: Hold enhetlig stil i ikonsettet hvis du utvikler flere apper.
Test på ekte enheter: Se hvordan ikonet ser ut på både iOS- og Android-enheter før lansering.
Trenger du hjelp til å designe et app-ikon? Ta kontakt med oss i Studio X.
