Ontwikkeling van een icoon voor een mobiele applicatie. Toepassingspictogrammen doelen

Een van de handigste gratis aanbiedingen op internet voor ontwikkelaars van mobiele apps zijn pictogrammen! Mobiele icooncollecties besparen veel tijd en moeite.

Een van de handigste freebies die op internet beschikbaar zijn voor ontwikkelaars van mobiele apps zijn pictogrammen en wanneer een verzameling geweldige gratis mobiele pictogrammensets op deze manier wordt gepresenteerd, bespaart dit veel tijd en moeite.

En wat als we zeggen dat deze geweldige verzameling gratis mobiele pictogrampakketten wordt aanbevolen door verschillende ontwikkelaars? De helft van je werk zal toch gedaan zijn? U hoeft geen tijd te verspillen aan onderzoek - ga aan de slag, gebruik ze niet!

1. Algemene bepalingen Vectorpakket

Algemeen vectorpakket

Dit is een geweldige verzameling iconen van stationair en mobieltjes en andere mobiele apparaten zoals tablets, draadloze telefoons en aanverwante apparaten. Ja, ze zijn zwart-wit, maar maak je geen zorgen - je kunt kleuren toevoegen of de pictogrammen aanpassen aan je vereisten, aangezien het een vectorpakket is.

Pictogramset downloaden

2. Android-pictogramset voor ontwikkelaars

Pictogrammenset voor Android-ontwikkelaars

Pictogramset downloaden

4. Voltooi platte pictogrammen

Volledige platte pictogrammen

Pictogramset downloaden

5. Sociale pictogrammen medialijn

Pictogrammen voor sociale medialijn

Pictogramset downloaden

6. 500 iOS-tabbalkpictogrammen

500 iOS-tabbalkpictogrammen

Pictogramset downloaden

7. Gratis mobiele bessen

Gratis mobiele bessen

Pictogramset downloaden

8. Aelous - Android-pictogrampakket

Aelous - Android-pictogrampakket

Pictogramset downloaden

9. Projectpictogramreeks

Projectpictogramset

Dit is een van de meest handige sets De iconen die op de website te vinden zijn, zijn allemaal iconen die te maken hebben met projectmanagement. Sommigen van hen zijn namelijk staafdiagram, kalender, documenten, zoeken/vinden, klok/tijd en meer. Bekijk ze eens.

Pictogramset downloaden

10. Bar Action Icon Pack van Google

Bar Action Icon Pack van Google

Dit is een enorme verzameling van Google - 150 pictogrammen in het pakket zijn geoptimaliseerd voor meerdere schermresoluties. Deze PNG-pictogrammen zijn niet in vectoren. Ze zijn bedoeld voor gemeenschappelijke actie zoals kopiëren, plakken, bewerken, inhoud, sociaal, beoordelingen, navigatie, camera en meer.

Pictogramset downloaden

11.iOS7 Tabbalkpictogrammen

Pictogrammen op de iOS7-tabbalk

Dit is een elegante verzameling tabbalkpictogrammen voor iOS7. Deze basisset, dat bestaat uit 36 iOS7-tabbalkpictogrammen in PSD-indeling. Sommige pictogrammen die u in het pakket vindt, bevatten pictogrammen voor kopiëren, instellingen, vuilnisbak, help, chat en meer.

Pictogramset downloaden

Gemeenschappelijke pictogrammenset voor Android-ontwikkelaars

Pictogramset downloaden

13. 108 Mono-pictogrammen (minimale pictogrammen)

108 Mono-pictogrammen (minimale pictogrammen)

Pictogramset downloaden

14. TEKEN Icon Set

TEKEN Icon Set

Pictogramset downloaden

15. Multi-Touch-gebaarpictogrammen

Pictogrammen met meerdere aanrakingen

Dit gratis pictogrampakket bevat 58 van de meest populaire gebaren die worden gebruikt op meerdere aanraakapparaten zoals tablets, smartphones en trackpads. Elk gebaar is zo ontworpen dat het gemakkelijk te bewerken is en kleurveranderingen nemen slechts een paar klikken in beslag. We hebben alle streken intact gelaten zodat u het gewicht kunt aanpassen.

Pictogramset downloaden

16. Pictogrammenset voor ontwikkelaars

Pictogrammenset voor ontwikkelaars

Pictogramset downloaden

17. Pictogrammen: Gratis iPhones werkbalkpictogrammen

Pictogramset downloaden

20. mobiel apparaat vector iconen

Vectorpictogrammen voor mobiele apparaten

Dit gratis vectorpictogrampakket bevat 23 van de meest populaire mobiele smartphone-apparaten op de markt, ze kunnen in uw ontwerpen worden gebruikt om te illustreren verschillende telefoons of zoiets als je gewoon meer apparaatopties wilt dan standaard pakketje icoon biedt. De iconen zijn volledig bewerkbaar en worden ook als aparte .svg-bestanden geleverd.

Pictogramset downloaden

21. Standaardpictogrammen

Standaardpictogrammen

Pictogramset downloaden

22. Platte designerpictogrammen

Platte designer iconen

Pictogramset downloaden

23. Eenvoud Vector Icon Set

Eenvoud Vector Icon Set

Pictogramset downloaden

24. Tik op Pictogrammen Gebaar

Touch Gebaar Pictogrammen

Deze geweldig uitziende gebarenpictogrammen zijn beschikbaar in PSD-, EPS- en PNG-indelingen. Ze zijn ontworpen voor multi-touch apparaten.

Pictogramset downloaden

25.Androidiconen

Pictogramset downloaden

26.Android Mega-pakket 2

Android Mega Pack 2

Pictogramset downloaden

27. Weerpictogrammen

weerpictogrammen

Pictogramset downloaden

28. WiFi-verbindingen pictogrammen

Pictogrammen voor wifi-verbinding

Pictogramset downloaden

29. 2600 Vlag Icon Set

2600 Vlag Icon Set

Pictogramset downloaden

Nucleo platte zakelijke pictogrammenset

Pictogramset downloaden

31. 24 e-commerce lijn iconen

24 eCommerce-lijnpictogrammen

Dit is een set van 24 lijnpictogrammen voor online winkels - speciaal ontworpen voor iPhone e-commerce-applicaties, maar ze kunnen ook worden gebruikt voor andere applicaties en websites omdat ze in EPS-, AI- en PSD-indeling zijn en volledig bewerkbaar zijn.

1. Algemeen vectorpakket

Dit is een grote verzameling iconen van vaste en mobiele telefoons en andere mobiele apparaten zoals tablets, draadloze telefoons en aanverwante apparaten. Ja, ze zijn zwart-wit, maar maak je geen zorgen - je kunt naar wens kleuren toevoegen of de grootte van de pictogrammen wijzigen.

2. Pictogrammenset voor Android-ontwikkelaars

Deze set bevat dertig PNG-menupictogrammen met extra bronbestanden. Deze set wordt gedistribueerd onder een licentie die vergelijkbaar is met de Creative Commons Attribution-licentie, dus het is volledig gratis.

3. Web0.2ama

Deze set bevat 311 minimalistische pictogrammen die kunnen worden gebruikt voor/in: navigatie, informatiesystemen, webapps, mobiele apps en gebruikersinterfaces.

4.Volledige platte pictogrammen

Deze set bevat ongeveer 2472 unieke pictogramvormen, verschillende maten gerelateerd aan multimedia-elementen zoals: videogames, video, audio, afspeelknoppen, gadgets, cd-formaten en meer.

5. Pictogrammen sociale medialijn

Deze prachtige set aantrekkelijke pictogrammen voor sociale media - het bestaat uit 24 PSD-pictogrammen en deze pictogrammen kunnen volledig worden bewerkt. Ze zien er geweldig uit in witte en zwarte achtergronden.

6. 500 iOS-tabbalkpictogrammen

Dit is een geweldige set van 500 handige pictogrammen voor iPhone en iPad. Ze zijn gratis te downloaden en in licentie gegeven onder een Creative Commons Attribution-licentie.

7. Gratis mobiele bessen

Deze set bevat 80 prachtige iconen voor mobiele toepassingen. Deze pictogrammen zien er scherp uit en vallen op waar ze zijn geplaatst.

8. Aelous - Icon Sets voor Android

Dit is echt een fantastische verzameling geweldige Android-pictogrammen - deze set bestaat uit 44 125 * 125 PNG-pictogrammen.

9. Projectpictogramreeks

Dit is een van de handigste pictogrammensets die u op de website kunt vinden - alle pictogrammen die te maken hebben met projectbeheer. Sommigen van hen zijn staafdiagram, kalender, documenten, zoeken/vinden, klok/tijd en meer.

10. Action Bar Icon Pack van Google

Dit is een enorme verzameling van Google - 150 pictogrammen in het pakket zijn geoptimaliseerd voor meerdere schermresoluties. Deze pictogrammen zijn in PNG-indeling, niet in vectoren. Ze zijn voor veelvoorkomende acties zoals kopiëren, plakken, bewerken, inhoud, sociaal, beoordelingen, navigatie, camera en meer.

11.iOS7 Tabbalkpictogrammen

Dit is een elegante icoonverzameling voor iOS7. Dit is een basisset die bestaat uit 36 PSD-iconen. Sommige pictogrammen die u in het pakket vindt, bevatten pictogrammen voor kopiëren, instellingen, vuilnisbak, help, chat en meer.

12. Gemeenschappelijke pictogrammenset voor Android-ontwikkelaars

Dit aantrekkelijke Android-pictogrampakket bestaat uit 24 Png-pictogrammen in de volgende formaten: 16*16, 24*24, 32*32 en 48*48.

13. 108 Mono-pictogrammen (minimale pictogrammen)

Dit is een fantastische set van 108 Mono-pictogrammen in PNG-indeling - ze worden geleverd in grijze bloemen, maar u kunt kleuren naar keuze toevoegen, aangezien kleuraanpassingsopties beschikbaar zijn in zowel Photoshop als Fireworks.

14. TOKEN-pictogramset

Deze unieke set van 128 pictogramontwerpen in .ico- en .png-formaat beschikbaar in lichte en donkere opties. beschikbare maten- 256*256, 32*32, 16*16 (.ico) en 128*128 (.png).

15. Multi-Touch-gebaarpictogrammen

Dit gratis pakket bevat 58 van de meest populaire gebaren die worden gebruikt op apparaten aanraken zoals tablets, smartphones en trackpads. Elk gebaar is zo ontworpen dat het gemakkelijk te bewerken is en het kost maar een paar klikken om de kleur te veranderen. We hebben alle streken intact gelaten zodat je het gewicht kunt aanpassen.

16. Pictogrammenset voor ontwikkelaars

Deze icon set bestaat uit 154 ontworpen iconen in PNG, AI en PSD formaten. Het bereik varieert van veelgebruikte pictogrammen tot zelden beschikbare pictogrammen.

17. Pictogrammen: gratis iPhone-werkbalkpictogrammen

Dit icon pack is een prachtige collectie die speciaal is ontworpen voor iPhone-ontwikkelaars.

18. Verduistering 2

Deze set bevat 176 aantrekkelijke pictogrammen die beschikbaar zijn voor persoonlijk niet-commercieel gebruik. Beschikbare maten zijn 128*128, 48*48, 32*32 en 16*16.

19.iconSnoep

Deze set bevat 60 elegante pictogrammen voor iPhone- en iPad-applicaties.

20. Vectorpictogrammen voor mobiele apparaten

Dit gratis pakket bevat 23 vectorpictogrammen van de meeste populaire smartphones, mobiele apparaten op de markt, ze kunnen worden gebruikt in ontwerpen om verschillende telefoons te illustreren of op een andere manier als u gewoon meer apparaatopties wilt dan het standaardpictogrampakket biedt. De iconen zijn volledig bewerkbaar en worden ook als aparte .svg-bestanden geleverd.

21.Standaardpictogrammen

Dit is een geweldige set van minimalistische en elegante iconen. Deze pictogrammen zijn beschikbaar in PNG en EPS-formaten. Maten: 16*16, 64*64, 32*32, 48*48, 128*128 en 256*256.

22. Platte ontwerperpictogrammen

Dit is een set van 48 eenvoudige en mooie pictogrammen met betrekking tot kantoor, reizen en het sociale leven. Ze zijn beschikbaar in AI- en PNG-indeling.

23. Eenvoud Vector Icon Set

Deze pictogrammenset bestaat uit eenvoudige perspectiefpictogrammen die in verschillende projecten kunnen worden gebruikt. Ze vallen op en zien er ook nog eens erg clean uit. Deze pictogrammen kunnen worden geschaald naar elk formaat zonder kwaliteitsverlies.

24. Tik op Gebaarpictogrammen

Deze geweldig uitziende gebarenpictogrammen zijn beschikbaar in PSD-, EPS- en PNG-indelingen. Ze zijn ontworpen voor multi-touch apparaten.

25.Androidiconen

Dit is een geweldige reeks prachtige pictogrammen voor Android-ontwikkelaars. Dit zijn belangrijke iconen zoals: contacten, browser, back-up, document, kaart en meer.

26. Android Mega Pack 2

Dit is een unieke set van 139 stijlvolle Android iconen. Ze zijn beschikbaar in PNG-formaat (48*48).

27.Weerpictogrammen

Dit pakket bevat 24 eenvoudige pictogrammen weer, geschikt voor gebruik in alle weersomstandigheden. Ze zijn beschikbaar in AI- en PSD-formaten.

28. Wi-Fi-verbindingen Pictogrammen

Deze icon set bestaat uit 36 moderne platte pictogrammen mobiele communicatie en wifi-signalen.

29. 2600 Vlag Icon Set

Dit is een epische set van 2600 vlagpictogrammen - bevat vlaggen voor elk groot land. Ze zijn verkrijgbaar in twee versies - plat en standaard.

30. Nucleo platte zakelijke pictogrammenset

Dit is een verzameling bedrijfspictogrammen die op elke bedrijfs- of bedrijfswebsite kunnen worden gebruikt. Ze zijn beschikbaar in AI- en SVG-indeling.

31. 24 e-commercelijnpictogrammen

Iconen zijn ontwerpcomponenten waar je niet zonder kunt. Soms is het moeilijk om goede te vinden mobiele sets pictogrammen, en hier is mijn lijst met 11 gratis mobiele pakketten pictogrammen die ik vooral handig vind. Er zijn nog veel meer pakketten die ik niet in dit artikel heb opgenomen, maar deze lijst is een goede verzameling voor de gereedschapskist van elke ontwerper.

1. Een algemeen vectorpakket

Het maakt niet uit welke mobiel besturingssysteem u ontwerpt, heeft u altijd basisafbeeldingen van telefoons en andere mobiele apparaten nodig. Dit pictogrampakket bevat veel vergelijkbare afbeeldingen. Dit is een algemeen pakket vectorpictogrammen voor telefoons (mobiel en vast), tablets, handsets en andere items met betrekking tot mobiel bellen en mobiel gebruik.

De pictogrammen zijn zwart-wit, maar aangezien dit een vectorpakket is, kunt u altijd meer kleur toevoegen en/of de grootte van de pictogrammen wijzigen als u dat wilt.

2. Platte telefoon vectorpictogrammen

Als je meer telefoonpictogrammen nodig hebt en de voorkeur geeft aan platte pictogrammen, bekijk dan deze telefoonpictogrammen. Dit georganiseerde pakket bevat ongeveer 200 platte pictogrammen van telefoons en andere gerelateerde items. mobiele toestellen. Nogmaals, het pakket is zwart-wit, maar het heeft vectorbasis, dus het zal niet moeilijk zijn om de kleuren en/of grootte van de pictogrammen te wijzigen. Je kunt het hele pakket downloaden of alleen de pictogrammen die je nodig hebt.

3. Een enorm megapakket met iPhone-, iOS7-, Android- en Windows 8-pictogrammen

Dit enorme megapakket van 10.000 pictogrammen voor Android, iPhone, iOS7 en Windows8 is waarschijnlijk een van de beste bronnen, die te vinden is op internet, en het is gratis voor zowel persoonlijk als commercieel gebruik. Als je het eenmaal hebt gedownload, kunnen alle andere pakketten onbruikbaar worden omdat het veel nuttige pictogrammen bevat.

10000 iPhone-pictogrammen, Android, Windows8 en iOS-applicaties- verschillende formaten, bijvoorbeeld 20 × 20, 30 × 30, 60 × 60, 114 × 114, 512 × 512 en meer. Ze zijn ook uitgerust met add-ons en bronbestanden. Ongetwijfeld zou elke mobiele ontwerper dit megapakket moeten hebben. Naast dit gratis pakket bieden de auteurs een betaalde versie aan met meer dan 80.000 iconen.

4. Gemengde Android-pictogrammen en meer

In vergelijking met het vorige pakket is dit icon pack niet zo indrukwekkend, maar heeft het nog steeds mooie Android-pictogrammen die je kunt gebruiken in je persoonlijke en commerciële projecten. Dit is een pakket gemengde pictogrammen voor Android - pictogrammen voor apparaten, algemene items, basiselementen van de gebruikersinterface, enz.

Dit is niet het enige icon pack op deze site. Er zijn vele anderen Android-pakketten, zoals netwerkpictogrammen, foto en video, plat gebruikersomgeving, aankoop van goederen, enz. Als u pictogrammen voor een specifiek thema nodig heeft, bladert u gewoon door de site om te zien wat er nog meer beschikbaar is.

5. Nog een gemengd Android-pictogrampakket

Dit pictogrampakket is ook voor Android, maar de pictogrammen verschillen van andere pakketten. Het is een relatief klein pakket van ongeveer 30 pictogrammen, maar het is handig omdat het pictogrammen bevat populaire apps en sites, evenals instellingen, spraaksgewijs zoeken enzovoort.

In tegenstelling tot het vorige pakket zijn de pictogrammen kleurrijk, maar het nadeel is dat ze alleen in PNG-indeling zijn, er zijn geen vectoren, wat uw bewerkingsopties beperkt.

6. 350 gratis Android-pictogrammen

Nog een pakket geordende pictogrammen voor Android. Dit is een groot pakket - het bevat 350 pictogrammen gegroepeerd in verschillende categorieën, zoals Basic, Buzz, Arrows, Shopping, Photo and Video, Music, Users (Basic, Sleutelbegrippen, Pijlen, Kopen, Foto & Video, Muziek, Gebruikers), enz. De pictogrammen zijn niet gekleurd, maar ze zijn beschikbaar in verschillende formaten, zoals PSD, AI, EPS, SVG en PNG, dus het is gemakkelijk om ze te bewerken voor extra kleur of andere aanpassingen. Pictogrammen zijn standaard in meerdere formaten verkrijgbaar, van 24px tot 512px, maar nogmaals, u kunt de grootte indien nodig wijzigen.

7. Meer gratis Android-pictogrammen

In tegenstelling tot andere pictogrampakketten voor Android, is dit pakket niet voor ontwikkelaars, maar voor eindgebruikers. Dit pakket kan worden gebruikt om native Android-pictogrammen te vervangen. Omdat het pakket echter enorm is - 207K (ja, duizenden) pictogrammen, is het waarschijnlijk dat een Android-ontwerper nogal wat pictogrammen zal vinden om te gebruiken - zo niet voor het beoogde doel, door tenminste, voor inspiratie. Niet alle pictogrammen zijn gratis, vooral niet voor commercieel gebruik, dus controleer de licentie voordat u ze gebruikt.

8. Action Bar Icon Pack van Google

Als u pictogrammen van Google zelf wilt, kunt u naar het actiebalkpictogrampakket kijken. Om het pakket te downloaden, klik hier. De pictogrammen in het pakket zijn geoptimaliseerd voor: verschillende resoluties scherm en werkt het beste met de thema's Holo Light en Holo Dark.

Het pakket bevat ongeveer 150 pictogrammen voor: gewone handelingen zoals hoofdactiviteiten (kopiëren, plakken, bewerken, enz.), navigatie, beoordelingen, verzameling, inhoud, sociale netwerken, locatie, camera, media, toegangsapparaten, Hardware, waarschuwingen en aanvullende acties. De pictogrammen zijn in PNG-indeling, wat niet zo goed is als vectorpictogrammen vanwege het beperkte aanbod van PNG-bewerkingsopties, maar maakt het pakket nog steeds niet onbruikbaar.

9.iOS7-lijnpictogrammen

Na de serie Android-pictogrammen, kwam iOS-tijd. Het eerste IOS-pictogrampakket is: gratis pakket iOS7 lijn pictogrammen. Het pakket bevat 80 pictogrammen in AI-, PSD-, SVG- en PNG-indeling (en [e-mail beveiligd]). De pictogrammen bestrijken verschillende categorieën, van oproepen tot foto's, muziek en navigatie. Het pakket bevat voornamelijk iconen voor iOS7, maar er zijn er ook een paar voor iOS8. Het pakket is gratis, maar je moet wel je adres invullen E-mail voor een downloadlink.

10.iOS7 Tabbalkpictogrammen

Als je op zoek bent naar tabbalkpictogrammen voor iOS7, bekijk dan deze set. Het pakket bevat 36 tabbalkpictogrammen voor iOS7 in PSD-formaat. U vindt er onder andere pictogrammen voor Inbox, Kopiëren, Prullenbak, Uitloggen, Instellingen, Vergrendeld (Inbox, Kopiëren, Garbage, Afsluiten, Instellingen, Vergrendelen), enz. Deze basispakket, maar als je niet meer nodig hebt dan dat, zit je wel goed met wat is.

11. Een Android, iOS7, iPhone en Windows8 Megapack

Dit is het tweede megapakket op deze lijst en dit pakket bevat pictogrammen voor Android, IOS en Windows. Dit enorme pakket bevat 175K pictogrammen in PNG-indelingen en PSD. Het wordt ook geleverd met een paar extra's - pictogrammen in categorieën zoals Algemeen, Boekhouding, Zakelijk, Database, Onderwijs, Grafisch, Multimedia, Netwerken en Webdesign (Hoofd, Rekening, Business, Database, Onderwijs, Grafisch, Multimedia, Web en Web Design).

Conclusie

Uw app of website zit misschien boordevol functies, maar zonder kwaliteitspictogrammen kan deze volledig onopgemerkt blijven. Zelfs als u zelf geen pictogrammen kunt maken, zijn er veel alternatieven, waaronder gratis. Enkele van de beste icon packs voor Android, IOS, iPhone en Windows8 zijn gratis en ik heb ze in dit artikel opgenomen. Natuurlijk zijn er nog vele anderen die de lijst niet hebben gehaald, als je nog andere suggesties hebt, zien we ze graag in de reacties hieronder.

Een pictogram maken voor mobiele applicatie

Werken aan een klein element grafische vormgeving, waarmee gebruikers vaak moeten communiceren, kan een nogal moeilijke taak lijken. In dit artikel worden enkele tips en trucs beschreven om u te helpen het antwoord te vinden.

Het is belangrijk om te weten welke functie de pictogrammen vervullen. En wat ze werkelijk zijn. Dit is het visuele symbool van uw product. Een klein merkdetail dat er niet alleen aantrekkelijk uit moet zien en zich moet onderscheiden van de rest. In het ideale geval vat het de essentie van uw toepassing vast. Velen gooien het woord "logo". Maar pictogrammen zijn geen logo's. Ze hebben dingen gemeen. Logo's zijn schaalbare vectorbrandingelementen die zijn ontworpen voor billboards, etalages en andere prominente plaatsen. Pictogrammen - meestal bitmaps in vierkant frame bepaalde maat. Verschillende benaderingen, tools, werk en daarmee succescriteria.

Icon packs verschillende maat.

Tijdens het werken is het niet overbodig om een set PNG-bestanden van verschillende groottes te maken: van 29 × 29 tot 1024 × 1024 pixels. U kunt een dergelijke set in verschillende contexten van het besturingssysteem gebruiken wanneer gebruikers het pictogram ( , het instellingenpaneel, de zoekresultaten en het hoofdscherm van het apparaat) gebruiken.

Applicatiepictogrammen kunnen worden gemaakt in bijna elk programma dat wordt afgespeeld bitmapbestanden. Photoshop, Illustrator of Sketch. Er zijn veel PSD-sjablonen op de Apply Pixels-site.

Een korte video die laat zien hoe om te gaan met sjablonen op Pixels toepassen

5 belangrijke aspecten

Laten we eens kijken naar een paar basistechnieken die worden gebruikt in .

1) Schaalbaarheid

Dit is een van de belangrijkste kenmerken van de applicatie. Pictogrammen van verschillende groottes worden weergegeven in verschillende secties platformen. Daarom is het belangrijk dat uw iconen leesbaar en uniek zijn. Ze moeten er goed uitzien App Winkel, en op apparaten met Retina-display, en zelfs in de instellingen.

Toepassingspictogrammen moeten worden weergegeven in andere resolutie, begrijpelijk zijn, ongeacht hun schaal.

Een complex ontwerp, waarbij te veel details in een klein vierkant van een pictogram worden geperst, wordt vaak niet goed weergegeven als het wordt geschaald. In de beginfase, wanneer het concept van een toekomstig pictogram wordt gemaakt, moet u voldoende tijd besteden aan de vraag hoe een bepaald pictogram eruit zal zien als u de grootte wijzigt.

Hoe de schaalbaarheid te verbeteren

Een ontwerp van 1024×1024 pixels kan bedrieglijk zijn. Controleer het pictogram op het apparaat in verschillende situaties. Eenvoud is belangrijk, de uniciteit van de vorm of het element dat zijn contouren behoudt en onderscheidende kenmerken. Het pictogram moet er goed uitzien, ongeacht de achtergrond.

2) Herkenbaarheid

Een goed app-icoon is als een pakkend liedje: je kunt het altijd onderscheiden in het omgevingsgeluid. Hoofdscherm- hoofdonderdeel goed design pictogrammen. De vorm, kleur en het algemene idee van het pictogram moeten resoneren met de gevoelens van de gebruiker, zijn innerlijke gevoel van harmonie. Design moet het geheugen op functioneel en emotioneel niveau activeren.

Een pictogram kan gedetailleerd of eenvoudig zijn; het belangrijkste is om de intentie van de maker nauwkeurig over te brengen.

Uw icoon zal strijden om de aandacht van de gebruiker met duizenden van zijn concurrenten. Elk van hen is dezelfde 1024 pixels, ontworpen om een emotionele en andere verbinding tot stand te brengen met de eigenaar van het apparaat.

Hoe het pictogram zichtbaarder te maken

Banale, te ingewikkelde iconen schaden de herkenning. Het is beter om alle onnodige details te verwijderen, zolang het algemene idee behouden blijft. Is het icoon beter zichtbaar geworden?

Experimenteer met verschillende ontwerpopties. Plaats ze in een raster, let op welke details meer opvallen.

Probeer uw favoriete app-pictogrammen uit elkaar te halen en kijk waarom u ze leuk vindt. Waarin onderscheiden ze zich van de concurrentie? Welke methoden zijn gebruikt om ze te maken?

3) Interactie-integriteit

Zowel met de applicatie zelf als met zijn icoon. Een goed icoon dient als verlengstuk van de interface. Als aan deze voorwaarde is voldaan, wordt de aanvraag onthouden.

Uniformiteit vormgeven softwareproduct in de ogen van gebruikers verhoogt u uw retentiegraad en viraliteit. Simpel gezegd, als het pictogram in harmonie is met de functionaliteit en het ontwerp, is dit een groot pluspunt.

Hoe uniformiteit te bereiken?

Een voor de hand liggende manier is om vast te houden aan een gemeenschappelijke kleuren en ontwerptaal. Dus als de interface overwegend groen is, moet het pictogram ook groen zijn.

Een andere manier is om de symbologie van het icoon direct te koppelen aan de functionaliteit van de applicatie. Hoewel dit niet altijd mogelijk is.

4) Uniekheid

Alles lijkt hier duidelijk te zijn extra woorden. Houd je je aan de gekozen stijl, volg je een bepaalde trend? Prachtig. Het belangrijkste is dat het precies jouw ontwerp moet zijn, en geen kopie. Uw pictogram zal altijd met anderen concurreren om de aandacht van gebruikers, maar het vermogen om zich te onderscheiden van de massa is een argument in zijn voordeel.

Uniek zijn is niet eenvoudig, want het hangt niet alleen af van de vaardigheden van de ontwerper, maar ook van wat concurrenten doen.

Hoe uniciteit te vergroten

Kijk wat anderen doen en neem een andere richting. Doe altijd onderzoek - de wereld heeft geen ander vinkje nodig.

Eén enkele glyph effen achtergrond- glad pad. Het is zo moeilijk om uniek te zijn. Experimenteer met kleuren en composities, probeer nieuwe en begrijpelijke visuele metaforen te vinden.

Kleur - goede manier wijzigingen aanbrengen in het concept.

Om uniciteit te bereiken, moet je oefenen met het vinden van nieuwe ideeën. Met stijl heeft het weinig te maken.

Icoondesign kan als inspiratiebron dienen: een breed scala aan ideeën, zonder conventies.

5) Het is belangrijk om geen woorden te gebruiken

Alleen in geïsoleerde gevallen heeft het zin om een beroep te doen op extra hulpmiddel abstractie - het geschreven woord. En woorden zijn in de regel een teken dat het illustratieve arsenaal niet ten volle wordt benut.

Woorden en afbeeldingen zijn afzonderlijke hulpmiddelen. Als je ze combineert, wordt de grafische weergave chaotisch, moeilijk te ontcijferen. Is er echt niets beter dan droge woorden? Als er woorden zijn, heeft de ontwerper hoogstwaarschijnlijk zijn visie niet overgebracht.

U hoeft ook niet de naam van de toepassing aan het pictogram toe te voegen. Besteed in plaats daarvan tijd aan een interessant illustratief concept.

"Maar Facebook gebruikt 'f' in hun pictogram!" Als er maar één letter aanwezig is, verliest deze zijn "verbale" uitdrukking en wordt hij onderdeel van de illustratie. In het algemeen is dit een uitzondering op de algemene regel.

Bedrijfslogo en naam, iconen in het canvas drukken, kunnen niet worden genoemd geschikte optie: ontwerp. Heb je ooit een symbool of glyph gezien die er goed uitziet in krappe ruimtes? Zo niet, dan is het beter om iets anders te kiezen. Onthoud: een pictogram en een logo zijn twee verschillende dingen. En ze passen in verschillende contexten.

in de App Store en Google Play veel voorbeelden van ondoordacht pictogramontwerp. Een icoon is een intermediair tussen een applicatie en zijn gebruiker. Dit is het eerste wat een persoon ziet in de App Store en waarmee ze communiceren telkens wanneer ze de app openen. Wanneer een gebruiker aan een app denkt, verschijnt er een afbeelding van een pictogram in zijn hoofd.

Pictogrammen moeten niet als laatste worden behandeld, dit maakt deel uit van overal proces. Ze kunnen eenvoudig en ongecompliceerd zijn, of met een overvloed aan details. Maar hoe het ook zij, alle iconen zijn verenigd gemeenschappelijk bezit: Ze trekken de aandacht van mensen in een beperkte ruimte. In dit opzicht staan alle pictogrammen op gelijke voet.

gerelateerde artikelen

Een pictogram voor een mobiele app is een kleine afbeelding die de app op een marktplaats zoals Google Play of de App Store en het apparaat van de gebruiker vertegenwoordigt. Als je op het punt staat je eerste pictogram voor mobiele apps te ontwerpen, bekijk dan deze tips. Ze zullen u helpen de fouten te vermijden waarmee beginners worden geconfronteerd.

Als ontwerper is het belangrijk dat u aandacht besteedt aan de app, omdat gebruikers vaak beslissingen nemen over app-selectie uitsluitend op basis van verschijning iconen op de markt. Een doordacht pictogram wordt geassocieerd met kwaliteitstoepassing En gebruiksvriendelijke interface, en een haastig gemaakt beeld wekt geen vertrouwen.

Overweeg daarom de volgende tips voor het ontwerpen van een app-pictogram:

1. Volg de richtlijnen

Pictogrammen bestaan niet op zichzelf, maar van binnen grafische schaal een of ander systeem. Ze moeten harmonieus in de interface passen, er niet vreemd uitzien naast de pictogrammen van andere applicaties, maar tegelijkertijd uniek zijn. Daarom begint de ontwikkeling van een toepassingspictogram met het vertrouwd raken met de handleidingen van de systeemfabrikant en de studie van rasters voor het bouwen van pictogrammen in Photoshop.

Hier zijn handleidingen om u op weg te helpen:

Officiële site gewijd aan Material Design voor Android. Hier kun je lezen over stijl, animatie, componenten, patronen, lay-outs en bruikbaarheid, evenals materiaal downloaden om de ontwerper te helpen.
Apple's iOS Human Interface-tutorials zijn handig als u een pictogram voor een iPad of iPhone wilt maken.

Zodra u de trends en normen begrijpt die de leverancier van het besturingssysteem van u verwacht, kunt u doorgaan naar de volgende stap.

2. Ken je publiek

Het app-pictogram voor een lokaal bedrijf, zoals een bezorgservice voor eten, zal anders zijn dan het pictogram voor een bedrijf dat internationaal wil gaan. In het laatste geval moet u er zeker van zijn dat u universele karakters gebruikt die gelijkelijk zullen worden waargenomen door mensen van verschillende delen licht en zal niemands gevoelens beledigen:

3. Maak een icoon in de juiste maat

Wat er goed uitziet op een A4-pagina, schiet niet noodzakelijkerwijs uit op 120 x 120 pixels. Professioneel pictogramontwerp moet hier rekening mee houden.

4. Vereenvoudig en overlaad uw pictogram niet met onnodige details

Minimalisme is van jou beste vriendin. Hoe meer versieringen en details op het pictogram, hoe lager de herkenning. Het pictogram zou zoiets als een symbool moeten zijn - eenvoudig en duidelijk genoeg. Dit is bijvoorbeeld het pictogram dat we hebben gemaakt voor de Kukoram-recept-app:

5. Zorg dat je licht en schaduw goed zijn

Dit advies is relevant als je een icoon maakt voor een Android applicatie. Gids Android-materiaal gaat uitgebreid in op dit aspect. Het geeft ook waarden voor de schaduwen die worden geworpen door een pictogram van een bepaalde kleur.

6. Controleer hoe het pictogram eruitziet op een achtergrond met een andere kleur (donker, licht, kleur)

In de markt wordt het pictogram weergegeven op een witte of lichtgrijze achtergrond, maar de achtergrond op de apparaten van gebruikers is veel diverser. Vergeet dus niet te controleren hoe het ontwerp van het app-pictogram eruitziet op de achtergrond van verschillende kleuren.

7. Wees niet bang om perspectief te gebruiken

Natuurlijk, als het niet in strijd is met algemene indruk. Het originele gebruik van perspectief zal u helpen om het app-pictogram nog beter zichtbaar te maken. Hier is een goed voorbeeld van het gebruik van perspectief:

8. Creëer een interessante vorm

De onderstaande pictogrammen zijn gedenkwaardig vanwege de vormen die erop worden gebruikt:

De vorm helpt om het pictogram te herkennen, zelfs als het erg klein is.

9. Ga verantwoord om met kleur

Als je eenmaal begint met het verhogen van het aantal kleuren dat je gebruikt, zal het moeilijk voor je zijn om te stoppen. Gebruik daarom een of twee kleuren - dit is voldoende. Hier is een goed voorbeeld van een pictogram met twee kleuren:

10. Gebruik geen foto's

Er zijn een aantal geweldige fotorealistische iconen, maar het gebruik van foto's is taboe.

11. Maak app-pictogrammen zonder extra tekst

Kleine tekst is moeilijk te lezen en zal lokalisatieproblemen veroorzaken als de app bijvoorbeeld voor de Chinese markt wordt uitgebracht. In dit geval kun je de eerste één of twee letters van de bedrijfsnaam gebruiken, zoals Tumblr of Pinterest doen:

12. Gebruik geen elementen uit de applicatie-interface op het pictogram

Dit is een zeer slechte gewoonte die de gebruiker in verwarring brengt. UI-elementen op uw pictogram.

13. Maak pictogrammen die spreken over de hoofdfunctie van de applicatie

Met een goed pictogram hoeft de gebruiker niet eens naar de beschrijving te kijken: voor spelers gebruiken ze meestal notities, instrumenten of een visualizer, voor camera's - afbeeldingen van een camera of lens, en voor instant messengers zoals Viber - een berichtenwolk :

In het pictogram voor het UARoads-project hebben we twee belangrijke aspecten toepassingen: de noodzaak om gegevens naar een server te sturen voor verwerking en het feit dat deze bedoeld zijn voor automobilisten. De kleuren van de nationale vlag worden ook gebruikt op het pictogram:

14. Bestudeer pictogrammen van concurrenten

Ondanks het eerdere advies, kijk eens naar de iconen van concurrenten - hoogstwaarschijnlijk hebben ze al op de een of andere manier verslagen hoofdfunctie toepassingen. Probeer jezelf dus niet te herhalen. Het Wunderlist-pictogram steekt bijvoorbeeld gunstig af bij andere app-pictogrammen voor takenlijsten:

En hier is het pictogram dat we hebben gemaakt voor de KeepSnap-app, die is bedoeld voor fotografen:

Zoals u kunt zien, moet zelfs het maken van zo'n klein element als een pictogram met alle verantwoordelijkheid worden benaderd. Een succesvol pictogramontwerp trekt de aandacht van gebruikers die op de markt kwamen voor een geheel andere toepassing.

Het pictogram wijzigen is ook geen grap. Zo moesten de eigenaren van Radium, een app voor het verzamelen van radiostations, het pictogram meerdere keren per maand veranderen omdat gebruikers het niet leuk vonden.

Wij, de studio, maken graag een icoon voor uw applicatie, waarmee het zich onderscheidt van de producten van concurrenten.