Hoe maak je een mooi pictogram voor je mobiele app

Een gemiddeld persoon die in de VS woont, heeft meer dan 100 apps op zijn smartphone geïnstalleerd, en dit aantal groeit met het jaar. Om de concurrentie een stap voor te zijn, heeft uw app absoluut een professioneel icoon nodig dat de betrokkenheid van de gebruiker bij uw merk vergroot. Lees verder om te weten te komen hoe dat moet!

  1. Wat is een app-icoon?
  2. Technische specificaties voor app-iconen op Android en iOS
  3. Vijf belangrijke aspecten om in gedachten te houden
  4. Drie manieren om een aangepast app-icoon te maken
  5. Afronden

Wat is een app-icoon?

Het is een kleine afbeelding die staat voor uw app op het apparaat van een gebruiker. Uiteraard is een icoon een fundamenteel element van uw merkidentiteit. Een icoon helpt u zich te onderscheiden en onthult de essentie van uw unieke verkoopvoorstel.

De statistieken zeggen dat gebruikers 70% van de mobiele apps zoeken in de App Store en Google Play. De overige 30% van de apps leert men kennen uit reclamecampagnes, reviews, nieuwsbrieven en social media berichten. Het is uw taak om een boeiend pictogram te creëren dat de aandacht trekt en een gebruiker aanmoedigt om meer te leren over uw producten.

Technische specificaties voor app-iconen op Android en iOS

App-iconen vallen in twee grote categorieën – die voor Android en die voor iOS. Hoewel ze op het eerste gezicht misschien identiek lijken, hebben ze eigenlijk een aantal verschillen die je niet kunt negeren.null


Google Play Store (Android)

App Store (iOS)


Afmetingen

512 px × 512 px

    iPhone: 180px × 180px (60pt × 60pt @3x), 120px × 120px (60pt × 60pt @2x)
    iPad Pro: 167px × 167px (83,5pt × 83,5pt @2x)

    iPad, iPad mini: 152px × 152px (76pt × 76pt @2x)

    App Store: 1024px × 1024px (1024pt × 1024pt @1x)


Formaat

32-bit PNG

PNG


Kleurmodus


sRGB

sRGB or P3


Vorm


Vierkant. Google Play rondt automatisch hoeken af (20% van de grootte van het pictogram) en voegt schaduwen toe.


Vierkant zonder schaduwen of afgeronde hoeken

Vijf belangrijke aspecten om in gedachten te houden

21% van de duizendjarigen kiest ervoor om een mobiele app te verwijderen als ze het niet leuk vinden hoe het pictogram ervan op hun scherm eruit ziet. Daarom moet uw icoon niet alleen functioneel zijn, maar ook esthetisch aantrekkelijk. We staan op het punt om u de geheimen van een slim ontwerp te onthullen.

1. Eenvoud

Als we maar één regel zouden moeten opstellen voor het maken van een icoon, dan zou het deze zijn: “Houd het schoon en simpel.” Laten we dieper ingaan op wat dat betekent:

  • Zeg “nee” tegen ingewikkelde ontwerpen. Hoe meer details uw pictogram bevat, hoe moeilijker het voor gebruikers zal zijn om het correct waar te nemen en te herkennen. Bovendien wordt een visueel overbelast ontwerp een hoofdpijn als het gaat om schaalvergroting. Uw pictogram moet gemakkelijk te herkennen zijn in verschillende formaten en op verschillende media, of het nu gaat om een app store, een smartphone menu of een bedieningspaneel. 
  • Gebruik symbolische afbeeldingen. Baseer uw ontwerp op een gedenkwaardige afbeelding. Snapchat is bijvoorbeeld direct herkenbaar aan zijn geest. In het geval van Instagram werkt een camerabeeld geweldig. Als u uw bedrijfslogo gebruikt, zorg er dan voor dat het schoon en minimalistisch is.  
  • Lifehack: Maak een lijst van uw favoriete apps en bekijk hun pictogrammen. Leren van succesvolle merken is altijd een geweldig idee.

2. Kleur

Voor veel gebruikers kan kleur de bepalende factor zijn bij de beslissing om uw app wel of niet te gebruiken. Hier zijn enkele tips voor het samenstellen van een gebalanceerd kleurenschema:  

  • Vermijd het gebruik van meer dan 2-3 tinten. Anders loopt u het risico dat uw ontwerp in een wazige puinhoop terechtkomt. Volg het voorbeeld van Airbnb, Pandora en Dropbox. 
  • Vertrouw op de keuzes van de grote merken. Een studie zegt dat de nummer 1 kleur onder de grote merken (Google Calendar, Safari, Twitter, LinkedIn) blauw is. Het wordt gevolgd door rood en wit. Rood wordt overigens vaak gebruikt door bedrijven die gespecialiseerd zijn in eten en drinken.  
  • De door u gekozen tinten moeten aansluiten bij uw bedrijf en in overeenstemming zijn met uw merkidentiteit.  
  • Zorg ervoor dat uw icoon er goed uitziet op verschillende achtergronden (zwart, wit en gekleurd).

3. Coherentie

Uw pictogram moet weergeven waar uw app over gaat. Het samenvoegen van design en inhoud is een zekere manier om een sterk visueel beeld te creëren dat een emotionele band met uw publiek zal opbouwen. Klanten waarderen het als merken nadenken over hun ontwerpen.

  • Voor uw app-icoon kunt u uw bedrijfskleuren, texturen, vormen, etc. lenen. Uw app is voorzien van een gradiënt, ongewone geometrie of retrovibes? Probeer die elementen in uw icoon te verwerken!  
  • Als je meer dan één app hebt, zou het leuk zijn als hun iconen dezelfde visuele stijl delen. Dit is precies wat Adobe deed met zijn producten (Photoshop Sketch, Illustrator Draw, Lightroom, Skan, en andere).
  • Bind het ontwerp en de functionaliteit aan elkaar. Door naar je icoon te kijken, moet een gebruiker direct zien (of in ieder geval raden) wat je app doet. Vivino gebruikt bijvoorbeeld een druiventros, terwijl Spotify koos voor het volume-icoon.

4. Afbeeldingen vs. tekst

Als het gaat om het ontwerpen van een klein icoon, zijn lange woorden en foto’s zeker niet nodig. Deze elementen kunnen het waarnemen van het icoon moeilijker maken voor het publiek.. 

  • Gebruikers nemen beelden 60.000 keer sneller waar dan tekst. Het is duidelijk: voor een grotere impact moet je een visueel symbool gebruiken in plaats van een woord.  
  • Als je moeite hebt om het juiste symbool voor je kunstwerk te vinden, maak dan een lijst met associaties die bij je product horen. Het zal voor u gemakkelijker zijn om woorden om te zetten in beelden in plaats van het juiste symbool te vinden zonder “opwarming”.
  • U kunt tekst gebruiken als uw merknaam echt kort is (BBC News, Uber). Het gebruik van de eerste letter van uw bedrijfsnaam is ook een goed idee (“F” voor Facebook of Foursquare).
  • Als u vastbesloten bent om een foto in uw icoon op te nemen, vereenvoudig deze dan zodat hij perfect leesbaar blijft in klein formaat.

5. Uniekheid

Uw icoon zal samen met duizenden andere beelden de aandacht van de gebruiker trekken. Daarom is het zo belangrijk om een origineel stuk te maken dat bij uw publiek zal resoneren en hen uw app zal laten ervaren.

  • Bestudeer de populairste apps in je niche en zie welke technieken ze toepassen. Denk na over hoe je kleuren, afbeeldingen, etc. kunt gebruiken om je kunstwerk te onderscheiden van de massa.
  • Ontdek welke elementen uw doelgroep aanspreken. Maak ook een lijst van ontwerpmethoden die niet werken voor uw klanten.
Source: Ramotion

Bonus tips:

  • Doe A/B-tests. Als u niet kunt kiezen tussen twee ontwerpen, doe dan een marketingonderzoek.  A/B-testen is een brandwerende methode om de meest effectieve van de twee opties te kiezen.
  • Aanpassen. Bedenk hoe u uw kunstwerk kunt opwaarderen voor vakanties en andere belangrijke evenementen, zoals Kerstmis, Zwarte Vrijdag, Halloween, etc. U kunt spelen met nieuwe tinten, een nieuw spannend grafisch element toevoegen, enz. De mogelijkheden zijn eindeloos. 
  • Volg de trends. Houd het evenwicht tussen de noodzaak om bij te blijven met trends en de noodzaak om trouw te blijven aan uw visuele identiteit. Geef niet toe aan een trend, tenzij je 100% zeker weet dat het de moeite waard is. Als bijvoorbeeld al uw concurrenten zijn overgestapt op vlakke ontwerpen en u nog steeds het 3D-effect gebruikt, is het misschien tijd om uw icoon te vernieuwen.
Jakub Kuik

Drie manieren om een aangepast app-icoon te maken

Afhankelijk van uw behoeften en budget kunt u een van de drie manieren kiezen om een professioneel uitziend app-icoon te ontwerpen. Het is aan u!

1. Grafische redactie. Als je enige ervaring hebt met het maken van kunstwerken in Photoshop of Illustrator, aarzel dan niet om je vaardigheden aan het werk te zetten. Deze methode vereist geen investeringen in geld. 

2. 2. Online diensten:

  • Logaster. Deze online logo maker kan letterlijk alles doen, zelfs een aanpasbare beeldtaal voor uw app maken! Maak een logo, download het in de juiste grootte en formaat en gebruik het als uw app-icoon. 
  • Canva. Gratis grafische editor met een indrukwekkende verzameling sjablonen en aanpassingsopties.  
  • Iconsflow. Het platform biedt meer dan 200.000 iconen voor elk doel. Kies het beste beeld en herontwerp het om het aan te passen aan uw behoeften. 
  • Appicon. Upload uw afbeelding en pas het formaat aan om een app-icoon voor iOS en Android te maken.

Maak een professioneel logo

Voer gewoon een merknaam in en maak binnen enkele minuten gratis uw eigen logo aan

3. Ontwerper. Als je wat geld opzij hebt gelegd, kun je een professionele ontwerper inhuren die een geweldig icoon voor je app kan bedenken. Waar vind je een betrouwbare aannemer? Ga naar de jobhunting-platforms (Upwork, Fiverr), vraag je vrienden om referenties, of kijk op sociale media.  

Afronden

Laten we de belangrijkste richtlijnen voor het creëren van een slim pictogram voor uw mobiele app samenvatten:

  • Maak uw ontwerp eenvoudig, uniek en gemakkelijk herkenbaar. 
  • Volg de trends om relevant te blijven.  
  • Leer van gerenommeerde merken. Bekijk als een goed begin deze lijst met de meest gedownloade mobiele apps van 2019: 
  1. Facebook Messenger
  2. Facebook
  3. WhatsApp
  4. TikTok
  5. Instagram
  6. SHAREit
  7. Likee
  8. Snapchat
  9. Netflix
  10. Spotify

Categories: How to

Volledig merkidentiteitspakket

Gebruik de Logaster-logomaker om uw bedrijf snel te starten. Typ uw bedrijfsnaam in en ontvang een professioneel merkpakket in 60 seconden! Probeer het - het is heel makkelijk!