Sinds de iPhone in 2007 worden apps in één oogopslag herkend door het app-pictogram, een vierkant ontwerp met afgeronde hoeken.
De vorm stond ook jarenlang op de homeknop van de iPhone. Bij Apple ben je verplicht in een afgerond vierkant te werken. Jullie dus ook!
Timmy
Timmy
Iedereen krijgt twee willekeurige app-concepten voorgeschoteld. Je kiest er één uit. Je baseert je dus op een uitgeschreven concept om een visuele voorstelling te maken.
Je houdt je gekozen concept geheim. Later zullen je klasgenoten raden voor welke soort app je een icon hebt gemaakt.
Evernote
Miximal
Een geslaagd
icon brengt kern en persoonlijkheid van app over én helpt mensen product in één oogopslag te herkennen.
Eenvoudige iconen zijn makkelijker te herkennen. Kies één (of twee) element(en) dat kern van jouw app weergeeft.
Gebruik een simpele achtergrond. Vul niet het hele icon met inhoud en let op negatieve ruimte. Let op juist kleurgebruik.
Tekst is vaak te klein om te lezen en kan een icon rommelig maken.
Vaak staat de appnaam al onder het icon, waardoor tekst overbodig is. Een herkenbare letter, zoals de eerste van je appnaam, kan op zich wél, maar vermijd niet-essentiële woorden.
(of afbeeldingen van internet)
Foto’s bevatten vaak te veel details die slecht zichtbaar zijn op klein formaat. Gebruik in plaats daarvan een zelfontworpen grafische vectorafbeelding die de belangrijkste kenmerken benadrukt.
Ook screenshots of weergave van interface van de app in icon zijn een slecht idee.
Take notes. Iconen van verschillende notitie-apps.
Welke vind jij het beste en waarom? Welke zou de duurste app zijn?
Denk er even over na, daarna bespreken we het samen in de klas.
Ook voor Dark Mode
én Tinted kleurmodus.
Gebruikers kunnen hun iPhone instellen op Dark Mode of overschakelen naar een monochroom kleurenpalet.Dark mode is een weergaveoptie waarbij de interface voornamelijk donkere kleuren gebruikt om de ogen te ontlasten.
De getinte kleurmodus past subtiele kleurfilters toe om de schermkleuren aan te passen, afgestemd op persoonlijke voorkeuren.
Icons: Joshua
Light Mode Dark Mode Tinted Mode
Behoud voor Dark Mode eventueel kleuren van standaardicon, maar houd er rekening mee dat donkere iconen nóg subtieler zijn.
Tinted icon maak je in grijswaarden. Het is iOS die icon in een (kleur)tint plaatst.
Draai niet zomaar kleuren om
Dark mode wil niet zeggen dat je je kleuren gewoon omdraait (negatief plaatsen). Je let op behoud van contrast, diepte en details. Is de subtiliteit van je origineel ontwerp nog aanwezig?
Bron afbeeldingen:
© Digitaal Lab - inhoud en design door korneel.io