Hoe maak je een logo voor applicaties: tips en methoden

Gebruikers over de hele wereld hebben in 2019 ongeveer 120 miljard mobiele apps geïnstalleerd. Volgens prognoses zal het gebruik van mobiele applicaties in 2020 $ 189 miljard aan inkomsten genereren. Is dat niet indrukwekkend? Laten we doorgaan: de gemiddelde eigenaar van een mobiel apparaat gebruikt elke maand ongeveer 30 programma's. Hij/zij selecteert en installeert ze uit 2,8 miljoen applicaties voor Android of 2,2 miljoen applicaties voor iOS. Weet u op welke criteria de gebruiker een selectie maakt?

Waarvoor heeft een mobiele applicatie een icoon nodig?

Het icoon van een mobiele applicatie helpt om een ​​specifiek programma te vinden tussen de honderdduizenden aanbiedingen van de concurrentie. Het is het eerste dat een gebruiker ziet wanneer hij door een winkel bladert of naar een specifiek programma zoekt. Als u het pictogram aantrekkelijk maakt, helpt dit om de app vaker te installeren. Een icoon van slechte kwaliteit doet echter precies het tegenovergestelde: het roept twijfels op en stoot potentiële klanten af.

Het toepassingspictogram is een unieke afbeelding die, samen met de oorspronkelijke naam, een verplicht onderdeel van het programma is. Als het programma al is geïnstalleerd, heeft het pictogram een ​​ander doel. Dan dient het om het programma onder andere op het apparaat te herkennen. Een goed symbool vervult alle functies adequaat. Laten we eens kijken wat als een goede foto wordt beschouwd.

6 tips voor het maken van een effectief pictogram voor mobiele toepassingen

1. Algemene vereisten

Een belangrijke regel: maak een pictogram op basis van officiële aanbevelingen van ontwikkelaars van mobiele besturingssystemen. Er zijn open Apple-richtlijnen en tips voor ontwerpers van Android-producten. Bij de ontwikkeling moet rekening worden gehouden met deze normen en de onderstaande vereisten.

2. Schaalbaarheid

Het pictogram van de mobiele applicatie wordt weergegeven op de winkelpagina en is in een kleinere versie te zien in het submenu. Wanneer het programma is geïnstalleerd, wordt het weergegeven in het smartphonemenu. De afbeeldingsgrootte zal in elk geval anders zijn. Dit hangt van veel factoren af, waaronder schermresolutie en instellingen . De maker van de afbeelding moet ervoor zorgen dat de herkenningswaarde en de details behouden blijven bij alle weergaveopties. U kunt deze factor controleren met behulp van de Appsparky-service.

3. Uniciteit

Originaliteit is een belangrijke vereiste voor een icoon van een mobiele applicatie. Schending van het auteursrecht zal problemen veroorzaken. Uniciteit is ook een noodzakelijk attribuut bij het strijden om de aandacht van de gebruiker. Probeer het volgende om een ​​uniek toepassingspictogram te krijgen:

• Analyseer de logo's van applicaties in uw niche. Dit is nodig om de ideeën van andere ontwerpers niet te herhalen.
• Experimenteer, doorbreek grenzen en vind nieuwe symbool- en kleurencombinaties.
• Gebruik je eigen identiteit: heroverweeg het of gebruik het.

Hier is een voorbeeld van het aannemen van een andere identiteit. De afbeeldingen zien er misschien uniek uit, maar ze lijken nog steeds op het origineel. De eerste afbeelding toont de pictogrammen van MS Office-programma's:

De tweede afbeelding toont vergelijkbare programma's van LibreOffice:

4. Detecteerbaarheid

Gebruikers moeten alles begrijpen wat wordt gepresenteerd op een pictogram van een mobiele applicatie zonder verdere uitleg. Niets mag een belemmering zijn, noch de taal die iemand spreekt, noch het land waarin hij of zij woont. Hoe gemakkelijker het symbool te begrijpen is, hoe effectiever het is. Het YouTube-logo in de vorm van een gestileerde afspeelknop is voor de meeste gebruikers gemakkelijk te herkennen:

5. Minimaal aantal brieven

U kunt letters en afkortingen gebruiken in uw eigen programma- logo als uw merkidentiteit over een lange periode is ontwikkeld en bekend en herkenbaar is voor mensen. Zo herkennen mensen op het eerste gezicht de letter "f" als een Facebook-symbool. Als merkimago nog niet zo ontwikkeld is, moet je op zoek naar een andere optie.

Ontwerpers adviseren om de woorden in de symbolen helemaal weg te laten. Algemene mening: Als visuele elementen moeten worden aangevuld met letters, dan zijn ze niet goed ontwikkeld. Nog een paar redenen om geen letters op de foto te gebruiken:

• De naam van het programma wordt weergegeven naast het pictogram.
• Letters leiden af ​​van visuele elementen.
• Het is moeilijk voor de gebruiker om zich op één ding te concentreren.
• Je moet de visuals verminderen vanwege de letters. Dit vermindert de herkenningswaarde.

Een uitzondering is wanneer het logo van het merk uit letters bestaat en deze in een onderscheidende, herkenbare stijl zijn geschreven. Dit is bijvoorbeeld wat de ontwikkelaars van Biugo deden (in het voorbeeld is het icoon van hun videobewerkingsprogramma Noizz te zien):

6. Logo en functionaliteit als geheel

De gebruiker moet het pictogram en de interface van de mobiele applicatie gelijk waarnemen. Het juiste pictogram maakt deel uit van het algemene concept van de software, het holistische beeld en de ideeën. De eisen zijn dus:

• Passend bij de stijl en het kleurenschema van de interface.
• Goede zichtbaarheid op verschillende soorten achtergrondafbeeldingen en met lichte of donkere thema's of winkelontwerpen.

De IconTester-service geeft u de mogelijkheid om te controleren hoe het pictogram eruitziet op verschillende achtergrondopties.

De trends van moderne applicatie-iconen

De ontwerpeisen veranderen jaarlijks. De gebruikersinterface staat voorop: optimalisatie van de externe elementen voor klanttevredenheid. Welke invloed heeft dit op het app-pictogram? Na analyse van de trends voor 2020 geven we de volgende aanbevelingen voor imagoontwikkeling:

1. Maximaal belang. Zo min mogelijk onbelangrijke elementen. Elk detail van de foto moet een betekenis hebben. Bijvoorbeeld de foto van Ablo. Het papieren vliegtuigje symboliseert de overdracht van berichten en het onderstaande grafische element geeft de hoge communicatiesnelheid aan:
    

   

   
    
2. driedimensionale afbeeldingen. Dergelijke pictogrammen zijn informatiever en gedetailleerder. Ze vereenvoudigen de overdracht van informatie aan de gebruiker. Deze trend wordt vaak gebruikt door ontwikkelaars van mobiele games (bijvoorbeeld Call of Duty: Mobile). De gedetailleerde driedimensionale figuur in het midden trekt de aandacht:
    

   

   
    
3. gradiënten. Dit is een van de belangrijkste trends die zich in 2020 zal voortzetten. Het eenvoudige gebruik van verlopen zorgt ervoor dat het pictogramontwerp er levendiger uitziet. Hier is de oplossing voor de Spectre Camera-app (een pictogram dat een cameralens voorstelt, met subtiele kleurovergangen):
    

   

   
    
4. Lege kamer. Minimalisme is al een aantal jaren de drijvende kracht achter designtrends en lege ruimte is daar een natuurlijk onderdeel van. Hij concentreert zich op het belangrijkste element van het symbool. Microsoft Edge is hier een voorbeeld van (een element dat de browser symboliseert op een effen witte achtergrond):

   

   
    

Hoe een pictogram voor een Android-app te ontwikkelen

Het applicatiepictogram voor Android-apps moet worden ontwikkeld rekening houdend met de schermresoluties en de huidige instellingen van het apparaat. Android gebruikt de DPI-waarde om de grafische kwaliteit te meten, dit is het aantal dots per inch (dots per inch). Er kan onderscheid worden gemaakt tussen de volgende waarden:

• LDPI (120)
• MDPI (160)
• HDPI (240)
• XHDPI (320)
• XXHDPI (480)

Vereisten voor geïnstalleerde toepassingspictogrammen

De afbeelding voor het starten van het programma moet worden gemaakt in PNG-indeling (32-bits), op een transparante achtergrond. Het detailniveau is afhankelijk van de DPI-waarde. De minimale waarde voor MDPI is 48dp, met een marge van 1dp. Voor andere indicatoren zijn de volgende waarden relevant (in pixels):

HDPI	XHDPI	XXHDPI	XXXHDPI
72	96	144	192

De normen voor pictogrammen om te uploaden naar Google Play

De pictogramgrootte voor het mobiele programma is 512 × 512 pixels met een hoge resolutie. Het pictogram dat wordt weergegeven in Google Play heeft een andere grootte dan het pictogram dat wordt gebruikt voor de geïnstalleerde applicatie. Meer aanbevelingen:

• Formaat: PNG, 32-bits.
• Maximale grootte: 1024 kB.
• Kleurruimte: sRGB.
• Vierkante vorm zonder afgeronde hoeken (het systeem maakt ze rond, met een straal van 20 graden).
• Geen schaduwen: het systeem genereert ze automatisch.

Aanbevelingen voor ontwikkeling

Hoe maak je een pictogram voor een Android-app? Hier zijn een paar tips:

• Plaats alle belangrijke elementen in het midden. Zorg ervoor dat de lege ruimte zich dichter bij de randen en in het onderste derde deel van het frame bevindt.
• Gebruik je het logo? Plaats deze precies in het midden.
• Kies bij het gebruik van letters en woorden (indien nodig) een groot, leesbaar lettertype.
• Zorg ervoor dat het op elk formaat herkenbaar is en geschikt is voor verschillende achtergronden.

Het is belangrijk dat het Android-app-pictogram helpt bij het oplossen van een specifiek probleem. Een icoon met bedrijfssymbolen maakt branding bijvoorbeeld makkelijker. Een afbeelding met een origineel, aantrekkelijk ontwerp trekt gebruikers aan.

Hoe maak je een pictogram voor een iOS-app?

Het iPhone-applicatiepictogram moet in twee versies worden ontwikkeld: klein en groot. De eerste wordt weergegeven na installatie (in het systeem en op het hoofdscherm). De tweede is voor de Apple Store. Deze tabel bevat alle aanbevelingen voor de grootte van pictogrammen:

apparaat	Grootte van het Spotlight-pictogram
iPhone	120px×120px (40pt×40pt @3x)
	80px×80px (40pt×40pt @2x)
iPad Pro, iPad, iPad mini	80px×80px (40pt×40pt @2x)

apparaat	Instellingen pictogram grootte
iPhone	87px×87px (29pt×29pt @3x)
	58px×58px (29pt×29pt @2x)
iPad Pro, iPad, iPad mini	58px×58px (29pt×29pt @2x)

apparaat	Grootte van het meldingspictogram
iPhone	60px×60px (20pt×20pt @3x)
	40px×40px (20pt×20pt @2x)
iPad Pro, iPad, iPad mini	40px×40px (20pt×20pt @2x)

U zult verschillende kleine pictogrammen moeten ontwikkelen voor verschillende iOS-apparaten . Het verschil mag natuurlijk alleen in grootte zijn, dat wil zeggen, er mogen geen visuele verschillen zijn. De belangrijkste vereisten voor de symbolen zijn:

• Grootte: 1024×1024 pixels.
• 72 dpi, in één laag, zonder transparante achtergrond.
• Formaat: PNG of JPEG.

Voeg geen kader toe aan het pictogram. Dit gebeurt automatisch in de vorm van een inspringing van 1 pixel.

Standaarden voor iOS-app-pictogrammen

Hier zijn een paar regels:

1. Minimalisme in ontwerp. Een centraal grafisch element (hoofdelement) op een neutrale achtergrond, zonder overbodige details, is voldoende.
2. aandachtspunt. We hebben een element nodig dat de aandacht van gebruikers trekt en het doel van de applicatie duidelijk maakt.
3. detecteerbaarheid. De gebruiker heeft geen tijd om puzzels op te lossen, dat wil zeggen dat de betekenis van het pictogram duidelijk moet zijn.
4. Alleen afbeeldingen waarvan u het copyright bezit. Het is verboden attributen van andere merken te gebruiken.
5. De compatibiliteit van het toepassingspictogram met verschillende kleuropties voor aangepaste achtergronden.
6. Rechte hoeken (ze worden automatisch afgerond).
7. Gezien de kenmerken van de donkere modus die is geïntroduceerd in iOS 13. Zie The Mac Observer voor een voorbeeld van een afbeelding op een donkere achtergrond.

Services voor het maken van een applicatielogo

Zelf een icoon voor een mobiele applicatie ontwikkelen? We hebben verschillende diensten geselecteerd die u hierbij helpen.

Pictogrammen stromen

Dit is een afbeeldingseditor waarmee u online originele stijlafbeeldingen kunt maken. U kunt de kleuren en details kiezen en u kunt uw eigen afbeelding uploaden en bewerken. Zelfs een gemiddeld persoon zal de eenvoudige interface begrijpen.

appicon maken

Een online icon generator voor de grote mobiele platformen met de juiste instellingen. U kunt uw afbeelding uploaden en de website zal verschillende moderne logo-opties maken op basis van die afbeelding.

Logster

Een online service en logo-generator. De service genereert enkele tientallen unieke logo-opties met slechts twee klikken. U kunt een thema en kleurenschema kiezen, uw favoriete foto bewerken en downloaden met verschillende achtergronden en formaten

Lettertype Geweldig

Dit is een geweldige foto-editor voor mobiele apps en sociale media. Het biedt een verscheidenheid aan sjablonen en instellingen voor het maken van een origineel pictogram.

Conclusie

Het toepassingspictogram is het belangrijkste visuele element dat de beslissingen van de gebruiker beïnvloedt. Het perfecte pictogram is gebaseerd op een unieke, interessante en aantrekkelijke afbeelding die voldoet aan de normen van ontwikkelaars van mobiele besturingssystemen. U kunt contact opnemen met een ontwerper of moderne services gebruiken om een ​​geschikt pictogram voor uw programma te maken. Met moderne services kunt u afbeeldingen van hoge kwaliteit maken die aan de huidige behoeften voldoen.