Ikonien kehitys mobiilisovellukselle. Sovelluskuvakkeen tavoitteet

Yksi hyödyllisimmistä Internetin ilmaislahjoista mobiilisovellusten kehittäjille on kuvakkeet! Mobiilikuvakekokoelmat säästävät paljon aikaa ja vaivaa.

Yksi hyödyllisimmistä Internetin mobiilisovelluskehittäjille tarjottavista ilmaisista on kuvakkeet, ja kun niille esitellään kokoelma upeita ilmaisia ​​mobiilikuvakesarjoja, säästyy paljon aikaa ja vaivaa.

Entä jos sanomme, että useat kehittäjät suosittelevat tätä hämmästyttävää ilmaisten mobiilikuvakesarjojen kokoelmaa? Puolet työstäsi tehdään, eikö niin? Ei tarvitse tuhlata aikaa tutkimukseen - aloita työskentely, älä käytä niitä!

1. Yleiset määräykset Vector Pack

Yleinen vektoripaketti

Tämä on suuri kokoelma kiinteitä kuvakkeita ja matkapuhelimet ja muut mobiililaitteet, kuten tabletit, langattomat puhelimet ja niihin liittyvät laitteet. Kyllä, ne ovat mustavalkoisia, mutta älä huoli - voit lisätä värejä tai muuttaa kuvakkeiden kokoa tarpeidesi mukaan, kuten tämä on vektoripaketti.

Lataa kuvakesarja

2. Android-kehittäjäkuvakesarja

Android-kehittäjäkuvakesarja

Lataa kuvakesarja

Lataa kuvakesarja

4. Täydelliset litteät kuvakkeet

Full Flat kuvakkeet

Lataa kuvakesarja

5. Sosiaaliset kuvakkeet Medialinja

Sosiaalisen median linjakuvakkeet

Lataa kuvakesarja

6. 500 iOS-välilehtipalkin kuvaketta

500 iOS-välilehtipalkin kuvaketta

Lataa kuvakesarja

7. Ilmaiset mobiilimarjat

Ilmaiset mobiili marjat

Lataa kuvakesarja

8. Aelous - Ikonisarja Androidille

Aelous - kuvakesarja Androidille

Lataa kuvakesarja

9. Icon Set Project

Projektikuvakesarja

Tämä on yksi eniten hyödyllisiä sarjoja kuvakkeet, jotka löytyvät verkkosivuilta - kaikki projektinhallintaan liittyvät kuvakkeet. Jotkut niistä ovat histogrammi, kalenteri, asiakirjat, haku/etsi, kello/aika ja monet muut. Katso ne.

Lataa kuvakesarja

10. Bar Action Icon Pack Googlelta

Bar Action Icon Pack Googlelta

Tämä on valtava kokoelma Googlelta – 150 kuvaketta paketissa, joka on optimoitu useille näytön resoluutioille. Nämä kuvakkeet ovat PNG-muodossa, eivät vektoreita. Ne on tarkoitettu yleisiä toimia, kuten kopiointi, liittäminen, muokkaaminen, sisältö, sosiaalinen, luokitukset, navigointi, kamera ja paljon muuta.

Lataa kuvakesarja

11. iOS7-välilehtipalkin kuvakkeet

iOS7 välilehtipalkin kuvakkeet

Tämä on tyylikäs kokoelma välilehtipalkin kuvakkeita iOS7:lle. Tämä perus setti, joka koostuu 36 iOS7-välilehtipalkin kuvakkeesta PSD-muodossa. Jotkut pakkauksessa olevista kuvakkeista sisältävät kopioinnin, asetusten, roskakorin, ohjeen, chatin ja muiden kuvakkeita.

Lataa kuvakesarja

Android-kehittäjien yhteinen kuvakesarja

Lataa kuvakesarja

13. 108 monokuvaketta (minimikuvakkeet)

108 monokuvaketta (minimikuvakkeet)

Lataa kuvakesarja

14. SIGN-kuvakesarja

SIGN-kuvakesarja

Lataa kuvakesarja

15. Multi-Touch-elekuvakkeet

Multi-Touch-elekuvakkeet

Tämä ilmainen kuvakepaketti sisältää 58 suosituinta elettä, joita käytetään useissa kosketuslaitteissa, kuten tableteissa, älypuhelimissa ja ohjauslevyissä. Jokainen ele on suunniteltu helposti muokattavaksi ja värien muuttaminen kestää vain pari napsautusta, olemme jättäneet kaikki vedot koskemattomiksi, jotta voit säätää painoa.

Lataa kuvakesarja

16. Kuvakesarjan kehittäjä

Kehittäjän kuvakesarja

Lataa kuvakesarja

17. Kuvakkeet: Ilmaiset iPhonet työkalupalkin kuvakkeet

Lataa kuvakesarja

Lataa kuvakesarja

Lataa kuvakesarja

20. mobiililaite vektori kuvakkeet

Mobiililaitteen vektorikuvakkeet

Tässä ilmaisessa vektorikuvakepaketissa on 23 markkinoiden suosituinta älypuhelinmobiililaitetta, joita voidaan käyttää kuvissa. erilaisia ​​puhelimia tai jotenkin jos haluat vain enemmän laiteominaisuuksia vakiopaketti kuvake tarjoaa. Kuvakkeet ovat täysin muokattavissa, ja ne toimitetaan myös erillisinä .svg-tiedostoina.

Lataa kuvakesarja

21. Oletuskuvakkeet

Oletuskuvakkeet

Lataa kuvakesarja

22. Litteät suunnittelijakuvakkeet

Litteät suunnittelijakuvakkeet

Lataa kuvakesarja

23. Yksinkertaisuus Vector Icon Set

Yksinkertaisuus Vector Icon Set

Lataa kuvakesarja

24. Kosketa kuvakkeita Ele

Kosketa Elekuvakkeet

Nämä hämmästyttävän näköiset elekuvakkeet ovat saatavilla PSD-, EPS- ja PNG-muodoissa. Ne on suunniteltu monikosketuslaitteille.

Lataa kuvakesarja

25. Androidicons

Lataa kuvakesarja

26. Android Mega Pack 2

Android Mega Pack 2

Lataa kuvakesarja

27. Sääkuvakkeet

Sääkuvakkeet

Lataa kuvakesarja

28. Wi-Fi-yhteydet Kuvakkeet

Wi-Fi-yhteyden kuvakkeet

Lataa kuvakesarja

29. 2600 lippukuvakesarja

2600 lippukuvakesarja

Lataa kuvakesarja

Nucleo Flat Business Icon Set

Lataa kuvakesarja

31. 24 verkkokauppa Viivakuvakkeet

24 Verkkokaupan linjakuvaketta

Tämä on sarja 24 riviä kuvakkeita verkkokaupoille - Suunniteltu erityisesti iPhonen verkkokauppasovelluksiin, mutta niitä voidaan käyttää myös muissa sovelluksissa ja verkkosivustoissa, koska ne ovat EPS-, AI- ja PSD-muodoissa ja ovat täysin muokattavissa.

1. General Vector Pack

Tämä on suuri kokoelma lanka- ja matkapuhelimien ja muiden mobiililaitteiden, kuten tablettien, langattomat puhelimet ja niihin liittyvät laitteet. Kyllä, ne ovat mustavalkoisia, mutta älä huoli - voit lisätä värejä tai muuttaa kuvakkeiden kokoa tarpeidesi mukaan.

2. Android-kehittäjäkuvakesarja

Tämä sarja sisältää kolmekymmentä PNG-valikkokuvaketta ja muita lähdetiedostoja. Tämä sarja on jaettu Creative Commons Attribution -lisenssin kaltaisella lisenssillä, joten se on täysin ilmainen.

3. Web0.2ama

Tämä sarja sisältää 311 minimalistista kuvaketta, joita voidaan käyttää: navigointi, tietojärjestelmät, verkkosovellukset, mobiilisovellukset ja käyttöliittymät.

4. Full Flat kuvakkeet

Tämä sarja sisältää noin 2472 ainutlaatuista ikonimuotoa, erilaisia ​​kokoja liittyvät multimediaelementteihin, kuten: videopelit, video, ääni, toistopainikkeet, gadgetit, CD-formaatit ja paljon muuta.

5. Sosiaalisen median rivikuvakkeet

Tämä kaunis joukko houkuttelevia sosiaalisen median kuvakkeita - se koostuu 24 kuvakkeesta PSD-muodossa ja nämä kuvakkeet ovat täysin muokattavissa. Ne näyttävät upeilta valkoisella ja mustalla taustalla.

6. 500 iOS-välilehtipalkin kuvaketta

Tämä on suuri joukko 500 hyödyllistä kuvaketta iPhonelle ja iPadille. Ne ovat ladattavissa ilmaiseksi ja lisensoituja Creative Commons Attribution -lisenssillä.

7. Ilmaiset mobiilimarjat

Tämä sarja sisältää 80 kaunista kuvaketta mobiilisovelluksiin. Nämä kuvakkeet näyttävät teräviltä ja erottuvat sijaintipaikastaan.

8. Aelous - Ikonisarjat Androidille

Tämä on todella upea kokoelma upeita Android-kuvakkeita - tämä sarja koostuu 44 kuvakkeesta, joiden koko on 125*125 PNG-muodossa.

9. Projektikuvakesarja

Tämä on yksi hyödyllisimmistä kuvakesarjoista, joita voit löytää verkkosivustolta - kaikki projektinhallintaan liittyvät kuvakkeet. Jotkut niistä ovat pylväsdiagrammi, kalenteri, asiakirjat, haku/etsi, kello/aika ja paljon muuta.

10. Action Bar Icon Pack Googlelta

Tämä on valtava kokoelma Googlelta – 150 kuvaketta paketissa, joka on optimoitu useille näytön resoluutioille. Nämä kuvakkeet ovat PNG-muodossa, eivät vektoreita. Ne ovat yleisiä toimintoja, kuten kopiointi, liittäminen, muokkaaminen, sisältö, sosiaalinen, luokitukset, navigointi, kamera ja paljon muuta.

11. iOS7-välilehtipalkin kuvakkeet

Tämä on tyylikäs kokoelma kuvakkeita iOS7:lle. Tämä on perussarja, joka koostuu 36 kuvakkeesta PSD-muodossa. Jotkut pakkauksessa olevista kuvakkeista sisältävät kopioinnin, asetusten, roskakorin, ohjeen, chatin ja muiden kuvakkeita.

12. Android-kehittäjien yhteinen kuvakesarja

Tämä houkutteleva Android-kuvakepaketti sisältää 24 kuvaketta Png-muodossa seuraavissa koossa - 16*16, 24*24, 32*32 ja 48*48.

13. 108 monokuvaketta (minimikuvakkeet)

Tämä on fantastinen 108 monokuvakkeen sarja PNG-muodossa – ne tulevat harmaina kukinnoksina, mutta voit lisätä haluamiasi värejä, sillä värien mukautusvaihtoehdot ovat saatavilla sekä Photoshopissa että Fireworksissa.

14. TOKEN-kuvakesarja

Tämä ainutlaatuinen setti 128 kuvakekuviosta .ico- ja .png-muodossa, saatavilla vaaleissa ja tummissa vaihtoehdoissa. Saatavilla koot- 256 * 256, 32 * 32, 16 * 16 (.ico) ja 128 * 128 (.png).

15. Multi-Touch-elekuvakkeet

Tämä ilmainen pakkaus sisältää 58 suosituinta elettä kosketuslaitteita, kuten tabletit, älypuhelimet ja ohjauslevyt. Jokainen ele on suunniteltu helposti muokattavaksi ja värien vaihtaminen kestää vain pari napsautusta, olemme jättäneet kaikki vedot koskemattomiksi, jotta voit säätää painoa.

16. Kehittäjän kuvakesarja

Tämä kuvakesarja koostuu 154 suunnitellusta kuvakkeesta PNG-, AI- ja PSD-muodoissa. Valikoima vaihtelee yleisesti käytetyistä kuvakkeista harvoin saatavilla oleviin kuvakkeisiin.

17. Kuvakkeet: ilmaiset iPhone-työkalupalkin kuvakkeet

Tämä kuvakepaketti on upea kokoelma, joka on suunniteltu erityisesti iPhone-kehittäjille.

18. Pimennys 2

Tämä sarja sisältää 176 viehättävää kuvaketta henkilökohtaiseen, ei-kaupalliseen käyttöön. Saatavilla koot ovat 128*128, 48*48, 32*32 ja 16*16.

19.iconMakeiset

Tämä sarja sisältää 60 tyylikästä ikonia iPhone- ja iPad-sovelluksiin.

20. Mobiililaitteen vektorikuvakkeet

Tässä ilmaisessa paketissa on 23 vektorikuvaketta useimmista suosittuja älypuhelimia, markkinoilla olevia mobiililaitteita, niitä voidaan käyttää malleissa eri puhelimien havainnollistamiseen tai eri tavalla, jos haluat vain enemmän laiteominaisuuksia kuin mitä tavallinen kuvakepaketti tarjoaa. Kuvakkeet ovat täysin muokattavissa, ja ne toimitetaan myös erillisinä .svg-tiedostoina.

21. Oletuskuvakkeet

Tämä on hämmästyttävä joukko minimalistisia ja tyylikkäitä kuvakkeita. Nämä kuvakkeet ovat saatavilla PNG- ja EPS-muodot. Koot: 16*16, 64*64, 32*32, 48*48, 128*128 ja 256*256.

22. Litteät suunnittelijakuvakkeet

Tämä on joukko 48 yksinkertaista ja kaunista kuvaketta, jotka liittyvät toimistoon, matkustamiseen ja sosiaaliseen elämään. Ne ovat saatavilla AI- ja PNG-muodoissa.

23. Yksinkertaisuus Vector Icon Set

Tämä kuvakesarja koostuu yksinkertaisista perspektiivikuvakkeista, joita voidaan käyttää erilaisissa projekteissa. Ne erottuvat ja näyttävät myös erittäin siisteiltä. Nämä kuvakkeet skaalautuvat mihin tahansa kokoon ilman laadun heikkenemistä.

24. Kosketa Elekuvakkeet

Nämä hämmästyttävän näköiset elekuvakkeet ovat saatavilla PSD-, EPS- ja PNG-muodoissa. Ne on suunniteltu monikosketuslaitteille.

25. Androidicons

Tämä on upea joukko kauniita kuvakkeita Android-kehittäjät. Nämä ovat tärkeitä kuvakkeita, kuten yhteystiedot, selain, varmuuskopio, asiakirja, kartta ja paljon muuta.

26. Android Mega Pack 2

Tämä on ainutlaatuinen sarja 139 tyylikästä Android-kuvaketta. Ne ovat saatavilla PNG-muodossa (48*48).

27. Sääkuvakkeet

Tämä paketti sisältää 24 yksinkertaiset kuvakkeet sää, sopii käytettäväksi kaikissa sääsovelluksissa. Ne ovat saatavilla AI- ja PSD-muodoissa.

28. Wi-Fi-yhteydet Kuvakkeet

Tämä kuvakesarja koostuu 36 modernista litteät kuvakkeet matkaviestintä ja Wi-Fi-signaalit.

29. 2600 lippukuvakesarja

Tämä on eeppinen joukko 2600 lippukuvaketta, jotka sisältävät lippuja jokaiselle suurelle maalle. Niitä on saatavana kahtena versiona - litteä ja vakio.

30. Nucleo Flat Business -kuvakesarja

Tämä on kokoelma yrityskuvakkeita, joita voidaan käyttää missä tahansa yrityksen tai yrityksen verkkosivustossa. Ne ovat saatavilla AI- ja SVG-muodoissa.

31. 24 verkkokauppaviivakuvaketta

Tämä on 24 lineaarisen kuvakkeen sarja verkkokaupoille - suunniteltu erityisesti iPhonen verkkokauppasovelluksiin, mutta niitä voidaan käyttää myös muissa sovelluksissa ja verkkosivustoissa, koska ne ovat EPS-, AI- ja PSD-muodoissa.

Ikonit ovat suunnittelukomponentteja, joita ilman et tule toimeen. Joskus on vaikea löytää hyviä mobiilisarjat kuvakkeita, ja tässä on luetteloni 11 ilmaisesta kuvakkeesta mobiilipaketit kuvakkeet, jotka ovat mielestäni erityisen hyödyllisiä. On monia muita paketteja, joita en ole sisällyttänyt tähän artikkeliin, mutta tämä luettelo on hyvä kokoelma jokaisen suunnittelijan työkalupakkiin.

1. General Vector Pack

Ihan sama mikä matkapuhelin käyttöjärjestelmä Kun luot suunnittelun, tarvitset aina peruskuvia puhelimista ja muista mobiililaitteista. Tämä kuvakepaketti sisältää monia samankaltaisia ​​kuvia. Tämä on yleinen paketti vektorikuvakkeita puhelimista (matkapuhelin- ja lankapuhelimesta), tableteista, puhelimista ja muista matkapuheluihin ja matkapuhelimen käyttöön liittyvistä kohteista.

Kuvakkeet ovat mustavalkoisia, mutta koska tämä on vektoripaketti, voit aina halutessasi lisätä väriä ja/tai muuttaa kuvakkeiden kokoa.

2. Litteät puhelimen vektorikuvakkeet

Jos tarvitset lisää puhelinkuvakkeita ja pidät litteistä kuvakkeista, katso nämä puhelinkuvakkeet. Tämä järjestetty paketti sisältää noin 200 litteää puhelinkuvaketta ja muita niihin liittyviä elementtejä. mobiililaitteet. Paketti on jälleen mustavalkoinen, mutta on vektori tausta, joten kuvakkeiden värien ja/tai koon muuttaminen ei ole vaikeaa. Voit ladata joko koko paketin tai vain tarvitsemasi kuvakkeet.

3. Valtava megapaketti iPhone-, iOS7-, Android- ja Windows 8 -kuvakkeita

Tämä valtava 10 000 kuvakkeen megapaketti Androidille, iPhonelle, iOS7:lle ja Windows8:lle on luultavasti yksi parhaat resurssit, joka löytyy verkosta ja on ilmainen sekä henkilökohtaiseen että kaupalliseen käyttöön. Kun lataat sen, kaikki muut paketit voivat muuttua hyödyttömiksi, koska se sisältää monia hyödyllisiä kuvakkeita.

10000 iPhone-kuvakkeet, Android, Windows8 ja iOS-sovellukset- eri kokoja, esimerkiksi 20 × 20, 30 × 30, 60 × 60, 114 × 114, 512 × 512 ja enemmän. Ne on myös varustettu lisäosilla ja lähdetiedostoilla. Epäilemättä jokaisella mobiilisuunnittelijalla pitäisi olla tämä megapaketti. Tämän ilmaisen paketin lisäksi kirjoittajat tarjoavat maksullisen version, jossa on yli 80 000 kuvaketta.

4. Sekalaiset Android-kuvakkeet ja paljon muuta

Edelliseen pakettiin verrattuna tämä kuvakepaketti ei ole yhtä vaikuttava, mutta siinä on silti hyviä Android-kuvakkeita, joita voit käyttää henkilökohtaisissa ja kaupallisissa projekteissasi. Tämä on paketti sekoitettuja kuvakkeita Androidille - kuvakkeet laitteille, yleiset kohteet, peruskäyttöliittymäelementit jne.

Tämä ei ole tämän sivuston ainoa kuvakepaketti. On monia muitakin Android-paketit kuten verkkokuvakkeet, valokuvat ja videot, litteät käyttöliittymä, tavaroiden ostaminen jne. Jos etsit kuvakkeita tietystä teemasta, selaa sivustoa nähdäksesi, mitä vielä on saatavilla.

5. Toinen sekalainen Android-kuvakepaketti

Tämä kuvakepaketti on myös Androidille, mutta kuvakkeet eroavat muista paketeista. Se on suhteellisen pieni noin 30 kuvakkeen pakkaus, mutta se on hyödyllinen, koska se sisältää kuvakkeita suosittuja sovelluksia ja sivustot sekä asetukset, äänihaku jne.

Toisin kuin edellisessä paketissa, kuvakkeet ovat värikkäitä, mutta haittapuoli on, että ne ovat vain PNG-muodossa, ei vektoreita, mikä rajoittaa muokkausvaihtoehtojasi.

6. 350 ilmaista Android-kuvaketta

Toinen paketti järjestettyjä kuvakkeita Androidille. Tämä on suuri paketti - se sisältää 350 kuvaketta, jotka on ryhmitelty useisiin luokkiin, kuten Perus, Buzz, Nuolet, Ostokset, Valokuvat ja videot, Musiikki, Käyttäjät. Keskeiset käsitteet, nuolet, osto, valokuvat ja videot, musiikki, käyttäjät) jne. Kuvakkeet eivät ole värillisiä, mutta ne ovat saatavilla erilaisia ​​formaatteja, kuten PSD, AI, EPS, SVG ja PNG, joten niitä on helppo muokata värejä tai muita muokkauksia varten. Oletusarvoisesti kuvakkeita on useita kokoja - 24 - 512 pikseliä, mutta voit myös muuttaa kokoa tarvittaessa.

7. Lisää ilmaisia ​​Android-kuvakkeita

Toisin kuin muut Android-kuvakepaketit, tämä paketti ei ole tarkoitettu kehittäjille vaan loppukäyttäjille. Tällä paketilla voidaan korvata alkuperäiset Android-kuvakkeet. Koska paketti on kuitenkin valtava - 207 000 (kyllä, tuhansia) kuvakkeita, on mahdollista, että Android-suunnittelija löytää useita kuvakkeita käytettäväksi - jos ei aiottuun tarkoitukseen, niin vähintään, inspiraatioksi. Kaikki kuvakkeet eivät ole ilmaisia, etenkään kaupalliseen käyttöön, joten tarkista lisenssi ennen niiden käyttöä.

8. Action Bar Icon Pack Googlelta

Jos haluat kuvakkeita itse Googlelta, voit katsoa Action Bar Icon Packia. Lataa paketti napsauttamalla tätä. Pakkauksen kuvakkeet on optimoitu erilaisia ​​resoluutioita näyttöä ja toimivat parhaiten Holo Light- ja Holo Dark -teemojen kanssa.

Paketti sisältää noin 150 kuvaketta tavallisia toimia, kuten perustyötyypit (kopiointi, liittäminen, muokkaaminen jne.), navigointi, luokitukset, kokoelma, sisältö, sosiaaliset verkostot, sijainti, kamera, media, käyttölaitteet, Laitteisto, hälytykset ja lisätoimia. Kuvakkeet ovat PNG-muodossa, mikä ei ole yhtä hyvä kuin vektorikuvakkeet sen tarjoamien rajoitettujen PNG-muokkausvaihtoehtojen vuoksi, mutta se ei silti tee paketista hyödytöntä.

9. iOS7-rivikuvakkeet

Sarjan jälkeen Android-kuvakkeet, se on saapunut iOS aika. Ensimmäinen iOS-kuvakepaketti on ilmainen paketti iOS7 linjakuvakkeet. Paketti sisältää 80 kuvaketta AI-, PSD-, SVG- ja PNG (ja PNG@2x) -muodoissa. Kuvakkeet kattavat useita luokkia - puheluista valokuviin, musiikkiin ja navigointiin. Paketti sisältää pääosin iOS7:n kuvakkeita, mutta niitä on myös iOS8:lle. Paketti on ilmainen, mutta sinun on syötettävä osoitteesi Sähköposti saadaksesi latauslinkin.

10. iOS7-välilehtipalkin kuvakkeet

Jos etsit välilehtipalkin kuvakkeita iOS7:lle, tutustu tähän joukkoon. Paketti sisältää 36 välilehtipalkin kuvaketta iOS7:lle PSD-muoto. Löydät muun muassa Inbox-, Kopioi-, Roskakori-, Logout-, Asetukset-, Lukittu- jne -kuvakkeet. Tämä peruspaketti, mutta jos et tarvitse enempää, olet tyytyväinen siihen, mitä sinulla on.

11. Android, iOS7, iPhone ja Windows8 Megapack

Tämä on toinen megapaketti tässä luettelossa ja tämä paketti sisältää kuvakkeet Androidille, IOS:lle ja Windowsille. Tämä valtava pakkaus sisältää 175 000 kuvaketta PNG-muodot ja PSD. Siinä on myös useita lisäominaisuuksia - kuvakkeita luokissa, kuten Yleiset, Kirjanpito, Liiketoiminta, Tietokanta, Koulutus, Grafiikka, Multimedia, Verkko ja Web Design. Tili, liiketoiminta, tietokanta, koulutus, grafiikka, multimedia, verkko- ja verkkosuunnittelu).

Johtopäätös

Sovelluksesi tai verkkosivustosi voi olla täynnä ominaisuuksia, mutta ilman laatukuvakkeita se voi jäädä täysin huomaamatta. Vaikka et pystyisikään luomaan kuvakkeita itse, vaihtoehtoja on monia, myös ilmaisia. Jotkut Androidin, IOS:n, iPhonen ja Windows8:n parhaista kuvakesarjoista ovat ilmaisia, ja olen sisällyttänyt ne tähän artikkeliin. Tietenkin on monia muita, jotka eivät päässeet luetteloon, jos sinulla on muita ehdotuksia, haluaisimme nähdä ne alla olevissa kommenteissa.

Luodaan kuvaketta kohteelle mobiilisovellus

Työskentely pienen elementin parissa graafinen suunnittelu, jonka kanssa käyttäjien on oltava vuorovaikutuksessa usein, saattaa tuntua melko monimutkaiselta tehtävältä. Tässä artikkelissa kuvataan useita vinkkejä ja temppuja, jotka auttavat sinua löytämään vastauksen.

On tärkeää tietää, mitä toimintokuvakkeet palvelevat. Ja mitä ne pohjimmiltaan ovat. Tämä on tuotteesi visuaalinen symboli. Pieni brändäysyksityiskohta, jonka ei pitäisi vain näyttää houkuttelevalta ja erottua joukosta. Ihannetapauksessa se kuvaa sovelluksesi ydintä. Monet ihmiset heittelevät sanaa "logo". Mutta kuvakkeet eivät ole logoja. Niillä on yhteisiä pointteja. Logot ovat skaalautuvia vektoribrändielementtejä, jotka on suunniteltu mainostauluille, myymälöiden esittelyihin ja muihin näkyviin paikkoihin. Kuvakkeet - useimmiten rasterikuvia V neliömäinen kehys tietty koko. Erilaisia ​​lähestymistapoja, työkalut, työ ja sen seurauksena menestyskriteerit.

Ikonipakkaukset eri kokoja.

Työn aikana olisi hyvä idea luoda joukko erikokoisia PNG-tiedostoja: 29 × 29 - 1024 × 1024 pikseliä. Voit käyttää tätä sarjaa käyttöjärjestelmän eri yhteyksissä, kun käyttäjät käyttävät kuvaketta ( , asetuspaneelia, hakutuloksia ja laitteen päänäyttöä).

Sovelluskuvakkeet voidaan tehdä melkein missä tahansa toistavassa ohjelmassa rasteritiedostot. Photoshop, Illustrator tai Sketch. Apply Pixels -verkkosivustolla on monia PSD-malleja.

Lyhyt video, joka näyttää kuinka käsitellä malleja Apply Pixels -sovelluksessa

5 Tärkeimmät näkökohdat

Katsotaanpa muutamia perustekniikoita, joita käytetään .

1) Skaalautuvuus

Tämä on yksi sovelluksen pääominaisuuksista. Erikokoiset kuvakkeet näkyvät eri osiot alustat. Siksi on tärkeää, että kuvakkeet ovat luettavia ja ainutlaatuisia. Niiden tulee näyttää hyvältä sellaisenaan Sovelluskauppa, ja laitteissa, joissa on Retina-näyttö, ja jopa asetuksissa.

Sovelluskuvakkeiden pitäisi näkyä erilaisia ​​resoluutioita, ovat ymmärrettäviä niiden laajuudesta riippumatta.

Monimutkaiset mallit, joissa liian monta yksityiskohtaa puristetaan pieneen kuvakeneliöön, näkyvät usein huonosti skaalautettuina. Alkuvaiheessa, kun tulevan kuvakkeen konseptia luodaan, sinun on käytettävä tarpeeksi aikaa kysymykseen siitä, miltä tietty kuvake näyttää, jos muutat kokoa.

Kuinka parantaa skaalautuvuutta

1024 x 1024 pikselin muotoilu voi näyttää harhaanjohtavalta. Tarkista laitteesi kuvake eri tilanteissa. Tärkeää on yksinkertaisuus, muodon tai elementin ainutlaatuisuus, joka säilyttää ääriviivansa ja erottuvia piirteitä. Kuvakkeen tulee näyttää hyvältä taustasta riippumatta.

2) Tunnustus

Hyvä sovelluskuvake on kuin tarttuva kappale: voit aina erottaa sen ympäröivästä melusta. Päänäyttö- avainkomponentti hyvä muotoilu kuvakkeet. Kuvakkeen muodon, värin ja yleisidean tulee resonoida käyttäjän tunteiden, hänen sisäisen harmonian tunteensa kanssa. Suunnittelun tulee aktivoida muistia toiminnallisella ja tunnetasolla.

Kuvake voi olla yksityiskohtainen tai yksinkertainen; tärkeintä on, että se välittää tarkasti luojansa tarkoituksen.

Kuvakkeesi kilpailee käyttäjän huomiosta tuhansien kilpailijoidensa kanssa. Jokainen niistä on sama 1024 pikseliä, jotka on suunniteltu luomaan tunne- ja muu yhteys laitteen omistajaan.

Kuinka tehdä kuvakkeesta näkyvämpi

Banaalit, liian monimutkaiset kuvakkeet haittaavat tunnistamista. On parempi poistaa kaikki tarpeettomat yksityiskohdat, kunnes yleinen idea säilyy. Onko kuvake tullut näkyvämmäksi?

Kokeile useita suunnitteluvaihtoehtoja. Aseta ne ruudukkoon ja merkitse, mitkä yksityiskohdat ovat havaittavissa.

Yritä eritellä suosikkisovellustesi kuvakkeet ja ymmärtää, miksi pidät niistä. Miten he erottuvat kilpailijoistaan? Mitä menetelmiä on käytetty niiden luomiseen?

3) Vuorovaikutuksen eheys

Sekä itse sovelluksella että sen kuvakkeella. Hyvä kuvake toimii käyttöliittymän laajennuksena. Jos tämä ehto täyttyy, hakemus muistetaan.

Muodostaa yhtenäisyyttä ohjelmistotuote käyttäjien silmissä lisäät säilyttämisastetta ja viraalisuutta. Yksinkertaisesti sanottuna, jos kuvake on sopusoinnussa toimivuuden ja suunnittelun kanssa, tämä on suuri plussa.

Kuinka saavuttaa yhtenäisyys

Yksi ilmeinen tapa on pysyä yleisessä värivalikoima ja suunnittelukieli. Joten jos käyttöliittymä on pääosin vihreä, kuvakkeen tulisi olla myös vihreä.

Toinen tapa on linkittää kuvakkeen symboliikka suoraan sovelluksen toimivuuteen. Vaikka tämä ei aina ole mahdollista.

4) Ainutlaatuisuus

Kaikki näyttää olevan selvää täällä ilman tarpeettomia sanoja. Noudatatko valitsemaasi tyyliä vai seuraatko tiettyä trendiä? Ihana. Tärkeintä on, että se on sinun suunnittelusi, ei kopio. Ikonisi kilpailee aina muiden kanssa käyttäjien huomiosta, mutta kyky erottua joukosta on argumentti sen puolesta.

Ainutlaatuisuus ei ole helppo asia, koska se ei riipu pelkästään suunnittelijan taidoista vaan myös kilpailijoiden tekemisistä.

Kuinka lisätä ainutlaatuisuutta

Katso mitä muut tekevät ja ota toinen suunta. Tee aina tutkimusta – maailma ei tarvitse toista valintamerkkikuvaketta.

Yksi merkki päällä tavallinen tausta- liukas rinne. On niin vaikeaa saavuttaa ainutlaatuisuutta. Kokeile värejä ja sävellyksiä, yritä löytää uusia ja selkeitä visuaalisia metaforia.

väri - hyvä tapa tehdä muutoksia konseptiin.

Ainutlaatuisuuden saavuttamiseksi sinun on harjoiteltava uusien ideoiden etsimistä. Tässä vähän riippuu tyylistä.

Ikonisuunnittelu voi toimia inspiraation lähteenä: laaja valikoima ideoita, ilman mitään konventioita.

5) On tärkeää olla käyttämättä sanoja

Vain yksittäistapauksissa on järkevää turvautua lisätyökalu abstraktiot - kirjoitettu sana. Ja yleensä sanat ovat merkki siitä, että havainnollistavaa arsenaalia ei käytetä täysimääräisesti.

Sanat ja kuvat ovat erillisiä työkaluja. Jos yhdistät ne, graafinen esitys on kaoottinen ja vaikeasti tulkittava. Eikö todella ole mitään parempaa kuin kuivat sanat? Jos sanoja on, on mahdollista, että suunnittelija ei ole pystynyt välittämään visioaan.

Sovelluksen nimeä ei myöskään tarvitse lisätä kuvakkeeseen. Käytä sen sijaan aikaa mielenkiintoiseen havainnollistavaan konseptiin.

"Mutta Facebook käyttää "f"-kirjainta kuvakkeessaan!" Jos vain yksi kirjain on läsnä, se menettää "sanallisen" ilmaisunsa ja tulee osaksi kuvaa. Yleensä tämä on poikkeus yleisestä säännöstä.

Yrityksen logo ja nimi, puristetaan kuvakkeen ääriviivaan, ei voida nimetä sopiva vaihtoehto design. Oletko koskaan nähnyt symbolia tai kuviota, joka toimii hyvin ahtaissa tiloissa? Jos ei, niin on parempi valita jotain muuta. Muista: kuvake ja logo ovat kaksi eri asiaa. Ja ne sopivat eri yhteyksissä.

App Storessa ja Google Play Huonosti harkitusta ikonisuunnittelusta on monia esimerkkejä. Kuvake on välittäjä sovelluksen ja sen käyttäjän välillä. Se on ensimmäinen asia, jonka henkilö näkee App Storessa ja mitä hän on vuorovaikutuksessa joka kerta, kun hän avaa sovelluksen. Kun käyttäjä ajattelee sovellusta, hänen mieleensä tulee kuva kuvakkeesta.

Ikonien ei pitäisi olla viimeinen asia, jota käsitellään, se on osa yleinen prosessi. Ne voivat olla yksinkertaisia ​​ja mutkattomia tai niissä voi olla runsaasti yksityiskohtia. Mutta olipa kuinka tahansa, kaikilla kuvakkeilla on yksi yhteinen piirre: yleinen omaisuus: Ne kiinnittävät ihmisten huomion ahtaissa tiloissa. Tässä suhteessa kaikki kuvakkeet ovat tasa-arvoisia.

Aiheeseen liittyvät artikkelit

Mobiilisovelluksen kuvake on pieni kuva, joka edustaa sovellusta markkinoilla, kuten Google Playssa tai App Storessa, ja käyttäjän laitteessa. Jos sinun on pian luotava ensimmäinen mobiilisovelluksesi kuvakesuunnittelu, kuuntele nämä vinkit. Ne auttavat sinua välttämään aloittelijoiden kohtaamia virheitä.

Suunnittelijana sinun on tärkeää kiinnittää huomiota sovellukseen: loppujen lopuksi käyttäjät tekevät usein päätöksensä sovelluksen valinnasta yksinomaan ulkomuoto kuvakkeet markkinoilla. Mietteliäs kuvake liittyy laadukas sovellus Ja käyttäjäystävällinen käyttöliittymä, ja hätäisesti tehty kuva ei herätä luottamusta.

Harkitse siksi seuraavia vinkkejä sovelluskuvakkeen suunnittelun luomiseen:

1. Noudata ohjeita

Ikonit eivät ole olemassa yksinään, vaan sisällään graafinen kuori yksi tai toinen järjestelmä. Niiden tulisi sopia harmonisesti käyttöliittymään, ei näyttää vieraalta muiden sovellusten kuvakkeiden vieressä, mutta samalla olla ainutlaatuisia. Siksi sovelluskuvakkeen kehittäminen alkaa tutustumalla järjestelmän valmistajan oppaisiin ja tutkimalla ruudukkoa kuvakkeiden luomiseksi Photoshopissa.

Tässä on ohjeita, joilla pääset alkuun:

1. Androidin materiaalisuunnittelulle omistettu virallinen verkkosivusto. Täältä voit lukea tyylistä, animaatioista, komponenteista, kuvioista, asetteluista ja käytettävyydestä sekä ladata materiaaleja suunnittelijan avuksi.
2. Applen iOS Human Interface -opetusohjelmat ovat hyödyllisiä, jos haluat luoda kuvakkeen iPadille tai iPhonelle.

Kun olet tutkinut trendejä ja standardeja, joita käyttöjärjestelmän valmistaja odottaa sinun noudattavan, voit siirtyä seuraavaan vaiheeseen.

2. Tunne yleisösi

Paikallisen yrityksen, esimerkiksi ruoan toimituspalvelun, sovelluskuvake on erilainen kuin kansainvälisille markkinoille pyrkivän yrityksen kuvake. Jälkimmäisessä tapauksessa sinun on oltava varma, että käytät universaaleja symboleja, jotka ihmiset ympäri maailmaa ymmärtävät tasavertaisesti. eri osat kevyt ja ei loukkaa kenenkään tunteita:

3. Luo haluamasi kokoinen kuvake

Se, mikä näyttää hyvältä A4-arkilla, ei välttämättä toimi 120 x 120 pikselillä. Ammattimaisen ikonisuunnittelun tulisi ottaa tämä huomioon.

4. Yksinkertaista ja älä ylikuormita kuvaketta tarpeettomilla yksityiskohdilla

Minimalismi on sinun paras ystävä. Mitä enemmän koristeita ja yksityiskohtia kuvakkeessa on, sitä heikompi sen tunnistaminen on. Kuvakkeen tulisi olla symbolin kaltainen - melko yksinkertainen ja ymmärrettävä. Tässä on esimerkiksi kuvake, jonka teimme reseptisovellukselle Kukoram:

5. Aseta valot ja varjot oikein

Tämä vinkki on tärkeä, jos teet kuvaketta Android-sovellukselle. Opas Android materiaali puhuu tästä näkökulmasta yksityiskohtaisesti. Se tarjoaa myös arvot tietyn värisen kuvakkeen luomille varjoille.

6. Tarkista, miltä kuvake näyttää eriväristä taustaa vasten (tumma, vaalea, värillinen)

Markkinoilla kuvake näkyy valkoisella tai vaaleanharmaalla taustalla, mutta käyttäjien laitteiden taustakuva on paljon monipuolisempi. Älä siis unohda tarkistaa, miltä sovelluskuvakkeen ulkoasu näyttää eri taustavärejä vasten.

7. Älä pelkää käyttää perspektiiviä

Tietysti jos se ei riko yleisvaikutelma. Perspektiivin alkuperäinen käyttö auttaa sinua saamaan sovelluskuvakkeesi erottumaan entistä enemmän. Tässä on loistava esimerkki perspektiivin käytöstä:

8. Luo mielenkiintoinen muoto

Alla olevat kuvakkeet ovat mieleenpainuvia niissä käytettyjen muotojen ansiosta:

Muoto auttaa tunnistamaan kuvakkeen, vaikka se olisi hyvin pieni.

9. Valitse värit vastuullisesti

Kun aloitat lisäämään käyttämiesi värien määrää, sitä on vaikea lopettaa. Joten käytä yhtä tai kahta väriä - se riittää. Tässä on hyvä esimerkki kuvakkeesta, jossa on kaksi väriä:

10. Älä käytä valokuvia

On upeita fotorealistisia kuvakkeita, mutta valokuvien käyttö on tabu.

11. Luo sovelluskuvakkeita ilman tarpeetonta tekstiä

Pientä tekstiä on vaikea lukea ja sen käyttö aiheuttaa ongelmia lokalisoinnin yhteydessä, jos sovellus julkaistaan ​​esimerkiksi Kiinan markkinoille. Voit kuitenkin käyttää yrityksen nimen yhtä tai kahta ensimmäistä kirjainta, kuten Tumblr tai Pinterest tekevät:

12. Älä käytä sovelluksen käyttöliittymän elementtejä kuvakkeessa

Tämä on erittäin huono käytäntö ja hämmentää käyttäjää. Käyttöliittymäelementit tulee sijoittaa kuvakkeeseesi.

13. Luo kuvakkeita, jotka kertovat sovelluksen päätoiminnosta

Hyvällä kuvakkeella käyttäjän ei tarvitse edes katsoa kuvausta: pelaajat käyttävät yleensä muistiinpanoja, instrumentteja tai visualisoijaa, kameroissa kuvia kamerasta tai objektiivista ja pikaviestit, kuten Viber, viesti kuplia:

UARoads-projektin kuvakkeessa näytimme kaksi tärkeitä näkökohtia sovellukset: tarve lähettää tietoja palvelimelle käsittelyä varten ja se, että ne on tarkoitettu autoilijoille. Kuvake käyttää myös kansallisen lipun värejä:

14. Tutki kilpailijakuvakkeita

Edellisestä neuvosta huolimatta katso kilpailijoiden ikoneja - todennäköisesti he ovat jo lyöneet sinut jollain tavalla päätoiminto sovellukset. Yritä siis olla toistamatta itseäsi. Esimerkiksi Wunderlist-kuvake vertaa suotuisasti muiden tehtävälistasovellusten kuvakkeisiin:

Ja tässä on kuvake, jonka loimme KeepSnap-sovellukselle, joka on suunnattu valokuvaajille:

Kuten näette, jopa niin pienen elementin kuin kuvakkeen luomiseen tulee suhtautua kaikella vastuulla. Onnistunut kuvakesuunnittelu kiinnittää käyttäjien huomion, jotka tulivat markkinoille täysin erilaisesta sovelluksesta.

Kuvakkeen vaihtaminen ei myöskään ole vitsi. Esimerkiksi radioasemien kokoamissovelluksen Radiumin omistajat joutuivat vaihtamaan kuvaketta useita kertoja kuukaudessa, koska käyttäjät eivät pitäneet siitä.

Me, studio, luomme mielellämme sovelluksellesi kuvakkeen, joka erottaa sen kilpailijoiden tuotteista.