Skup velikih kvadratnih ikona za Android. Teme za Android. Koristite vektorske oblike kad god je to moguće

Ikona je grafička slika, koji zauzima mali dio ekrana i pruža brz, intuitivan prikaz aktivnosti, statusa ili aplikacije. Kada dizajnirate ikonu za svoju aplikaciju, važno je imati na umu da vaša aplikacija može biti instalirana na razni uređaji, koji nude niz gustoće piksela, kao što je opisano u članku. Ali možete učiniti da vaše ikone izgledaju sjajno na svim uređajima pružanjem svake ikone u više veličina. Kada je vaša aplikacija pokrenuta, Android provjerava karakteristike ekrana uređaja i učitava resurse za vašu aplikaciju koji odgovaraju gustini ekrana. Svaku ikonu ćete isporučiti u više veličina kako biste podržali različite gustine, smjernice za dizajn u nastavku su zasnovane na veličinama ikona piksela neovisnih o gustoći (dp), koje se temelje na veličinama piksela ekrana srednje gustine (MDPI).

Dakle, da biste kreirali ikonu za različite gustoće, trebate slijediti skaliranje 2:3:4:6:8 između pet glavnih denziteta (srednji, visoki, x-visoki, xx-visoki i xxx-visoki). Na primjer, recimo da bi veličina ikone za pokretanje trebala biti 48x48 dp. To znači da će veličina osnovne gustine (MDPI) biti 48x48 px (piksela), a veličina visoke gustine (HDPI) treba biti 1,5x od osnovne - 72x72 piksela, a veličina x-visoke gustine (XHDPI) treba biti 2x od osnovnog - 96×96 bodova, itd.

Dimenzije i razmera

Ali jeste li znali da možete personalizirati i ikone aplikacija na početnom ekranu i ladici aplikacija? Ovaj vodič će vam pokazati kako i imena nekih od najboljih dostupnih paketa ikona. Paket ikona je aplikacija koja zamjenjuje sve vaše ikone prilagođenim. Sve u svemu, vrlo ih je lako instalirati i to možete učiniti kao i bilo koju drugu aplikaciju. Međutim, jedna razlika je u tome što ako želite da testirate nekoliko različitih paketa ikona da biste pronašli svoju omiljenu, prvo ćete želeti da instalirate pokretač kako biste olakšali proces.

Napomena: Android takođe podržava displeje niske gustine (LDPI), ali obično ne morate da kreirate prilagođene setove za te veličine jer Android efektivno smanjuje HDPI resurse za 1/2 da bi odgovarao očekivanoj veličini.

Pokreni

Ikona pokretača je vizuelni prikaz vaše aplikacije na početnom ekranu ili ekranima sa svim aplikacijama. Budući da korisnik može promijeniti pozadinu početnog ekrana, provjerite je li ikona pokretača jasno vidljiva na bilo kojoj pozadini.

Jednom kada pronađete željene ikone, uvijek možete promijeniti svoj pokretač ako "nisu njegov sastavni dio". Možete ga koristiti i za postavljanje pozadine i pozadine za čuvare ekrana.


Svaka ikona donosi jedinstveni zaokret u originalnom dizajnu; ovo je projekat strasti, s puno pažnje na detalje, i iz tog razloga je na ovoj listi. Poput nekih drugih, možete postaviti pozadinu pomoću aplikacije.


Na kraju krajeva, dostupno je preko 750 ikona, a kao i druge, možete zatražiti sve dodatne koje još nedostaju.

Dimenzije i razmera

  • Uključene ikone za pokretanje mobilni uređaj mora biti 48×48 dp.
  • Pokrenite ikone za prikaz Google Play mora biti 512x512 tačaka.

Proporcije

  • Full set 48×48 dp

Stil

Koristite različite siluete. Trodimenzionalni, prednji pogled, sa blagom perspektivom, gledano odozgo, tako da korisnici mogu uočiti određenu dubinu.

Koristite vektorske oblike kad god je to moguće

Ovo je skup ikona koji se ne boji odstupiti od postavljenih oblika, tako da dobijete lijepe krivine i uglove kako biste ga zadržali vizualno stimulirajući, a da pritom ne izgleda pretrpan.


Tu je i obavezna funkcija zahtjeva za ikonom u rijetkim slučajevima da ne vidite ikonu koju tražite.

Kako koristiti skupove ikona

Sve što trebate učiniti, kao što su drugi koji zahtijevaju pokretanje, je da odete na postavke i kliknete na "Primijeni".


Možda nema toliko ikona aplikacija kao neke druge opcije ovdje, ali postoji nekoliko pikseliziranih pozadina koje možete preuzeti kako biste sve zadržali tematski ako želite. Također je potpuno besplatan i ne prikazuje oglase, što je uvijek bonus.

Akcija traka

Ikone trake akcija su grafički gumbi koji predstavljaju najvažnije radnje koje ljudi mogu poduzeti u vašoj aplikaciji. Svi treba da koriste jednostavan model, predstavljajući jedini koncept koji većina ljudi može razumjeti na prvi pogled.




Minimalistički pristup kombinuje jednostavnu shemu boja i sada očekivanu opciju integracije pozadine kako bi pružio jednu aplikaciju koja može u potpunosti promijeniti izgled vašeg telefona. Ikone imaju standardizovani dizajn sa svojom aproksimacijom forme i stvaraju utisak dubine sa blagom senkom oko ivice.




Ako ste ljubitelj ovog pristupa, ali biste radije imali bijele ikone, programer je napravio ovu aplikaciju i za vas.


Postavke vam omogućavaju da promijenite izgled ikona na različitim mjestima. Mnoge aplikacije imaju namjenske ikone, dok su druge automatski zatvorene u mali krug s bijelim okvirom.

Dimenzije i razmera

  • Ikone trake akcija za telefone treba da budu 32×32 dp.

Glavna površina i proporcije

  • Full set 32×32 dp Vidljiv kvadrat 24×24 dp

Stil

Piktografski, ravan, ne previše detaljan, glatkih krivina ili oštrih oblika. Ako je grafika tanka, zarotirajte je za 45° lijevo ili desno da popunite fokusni prostor. Debljina poteza i negativnih razmaka mora biti najmanje 2 dp.

Koristite uobičajene konvencije imenovanja za skupove ikona

Za njih, unutrašnjost kruga sadrži malu verziju originalne šarene ikone i daje izgled kao da gledate kroz ključaonicu. Također se može koristiti kao samostalna aplikacija ili u kombinaciji s pokretačima ili drugim paketima ikona.




Dva glavna lika su zec i mačka sa afro, koji su naizmjenično prikazani ikonama. Ikone kombinuju čudnu mačju ljubav i crtani stil sa tradicionalnom strukturom aplikacije. Neke aplikacije su vrlo karakteristične po svom izgledu, ali možda ćete imati problema da prvo pronađete aplikacije koje je teško razlikovati s ovim paketom aplikacija.

Boje

boje: #333333
Pristupačno: 60% neprozirnost
Nedostupno: 30% neprozirnost

boje: #FFFFFF
Pristupačno: 80% neprozirnost
Nedostupno: 30% neprozirnost


Male/kontekstualne ikone

U tijelu vaše aplikacije koristite male ikone da biste poduzeli radnju i/ili dali status za određene stavke. Na primjer, u aplikaciji Gmail svaka poruka ima ikonu zvjezdice koja označava poruku kao važnu.

Svetlo i boja

Takođe je jedan od najjednostavnijih za korišćenje – nema menija sa opcijama, ali zahteva jedan od četiri pokretača ispod.


Želite svoje ikone pretvoriti u superheroje? U ovom paketu dobijate ukupno 20 ikona superheroja iz stripova, tako da se neće takmičiti sa ostalima na ovoj listi u smislu svestranosti. Međutim, ne postoji ništa što možete prestati koristiti u kombinaciji s drugim paketom ikona sa ove liste.

Besplatno je preuzeti i raditi sa širokim spektrom pokretača ako želite da uključite svog superheroja. Međutim, oni su pomalo zbunjujući ako ne znate šta svaki od njih treba da uradi.


Možete, naravno, zatražiti sve što vam nedostaje.

Dimenzije i razmera

  • Male ikone bi trebalo da budu 16×16 dp.

Glavna površina i proporcije

  • Full set 16×16 dp Vidljiv kvadrat 12×12 dp

Stil

Neutralno, ravno i jednostavno. Ispunjeni oblici lakše se vide u poređenju sa tankim potezima. Koristite jednostavan vizualni model koji većina ljudi može lako prepoznati i razumjeti njegovu svrhu.




Kao i većina drugih na ovoj listi, nudi nekoliko različitih pozadina koje dobro funkcioniraju s njihovim ikonama u aplikaciji.


Ovo je jedan od najvecih jednostavne načine zaista učinite svoj uređaj vašim. Sve od kreiranja potpune teme ikona do održavanja stvari čistim i neopterećenim do jednostavnog mijenjanja ikone koja vam se jednostavno ne sviđa, u Novoj je nevjerovatno lako. I što je najbolje od svega, ova funkcija je dostupna u besplatnoj i plaćenoj verziji pokretača, tako da je svako može iskoristiti.

Boje

Koristite neneutralne boje štedljivo i sa svrhom. Na primjer, Gmail koristi ikonu žute zvjezdice da označi označenu poruku. Ako je ikona povezana s radnjom, odaberite boju koja je u dobrom kontrastu s pozadinom.


Da biste dobili jedinstven izgled na cijelom uređaju – bilo na početnom ekranu ili u ladici aplikacija – želite da koristite skup ikona. A za sve aplikacije koje nisu podržane, možete ručno promijeniti svoje ikone. Prvo, naravno, morate pronaći paket ikona za korištenje. Također nudi odgovarajuće pozadine i funkciju koja korisnicima daje mogućnost da traže ikone za svoje omiljene aplikacije. Neće svi paketi ikona biti ovako potpuno opremljeni, pa imajte to na umu kada tražite savršenu temu.

Ikone obavještenja

Ako vaša aplikacija generira obavještenja, navedite ikonu koju sistem može prikazati u statusnoj traci kada novo obavještenje bude dostupno.

Nakon što instalirate svoj set ikona, spremni ste da ga primijenite. Prvi unos u ovom meniju je opcija ikone teme - dodirnite je. Kliknite na onu koju želite primijeniti. Skočni prozor će nestati, ali unos Tema ikone bi sada trebao prikazati temu ikone koju ste upravo odabrali u podtekstu ispod naslova.

Mreža i vodilice

Nazad početni ekran i pretinac aplikacija, sve podržane aplikacije bi sada trebale imati paket ikona primijenjen na njih. Najvjerovatnije postoji nekoliko ikona koje se nisu promijenile. Možda paket nije imao ikonu koja odgovara toj aplikaciji, ili možda jedna ikona nije pravilno primijenjena - to smo vidjeli više puta.

Dimenzije i razmera

  • Ikone obavještenja bi trebale biti 24×24 dp.

Glavna površina i proporcije

  • Full set 24×24 dp Vidljiv kvadrat 22×22 dp

Stil

Zadržite stil ravnim i jednostavnim, koristeći isti objedinjeni vizuelni model kao i za ikonu pokretača.

Ili možda ne želite da promenite sve svoje ikone, već samo želite da prilagodite nekoliko. Dodirnite i držite je dok ne budete dočekani na sljedećem ekranu, a zatim prevucite ikonu preko opcije Uredi. Ako ga promijenite iz aplikacije, zaista ga je lako dodati na početni ekran sve dok se ikona početnog ekrana ne promijeni.

Ovo će otvoriti meni Edit Shortcut aplikacije. Kliknite na ikonu koja će prikazati opcije za odabir teme. Ovdje postoji nekoliko opcija: možete odabrati sistemsku ikonu, nešto iz svoje galerije ili ikonu iz instaliranog paketa. Ako koristite prilagođeni paket ikona, može potrajati nekoliko sekundi za učitavanje, ovisno o veličini paketa.

Boje

Ikone obavještenja trebaju biti potpuno bijele. Osim toga, sistem može učiniti ikone manjim i/ili tamnijim.

Evo nekoliko savjeta koji bi vam mogli pomoći u kreiranju ikona ili drugih grafika za vašu aplikaciju. Ovi savjeti pretpostavljaju da koristite Adobe® Photoshop® ili sličan raster i vektorski program za uređivanje slika.

Ako predložena ikona nije ona koju tražite, jednostavno skrolujte kroz listu po abecednom redu dok je ne pronađete pravi izbor. Ovo će vas vratiti na meni Uredi prečac - samo kliknite Gotovo da sačuvate promjene. Ikona će se odmah promijeniti i možete preći na sljedeću.

Glavna površina i proporcije

Čak i ako paket nema ikonu za željenu aplikaciju, često možete pronaći onu koja ima. Takođe je vredno napomenuti da primena novog paketa ikona na celom sistemu neće prebrisati pojedinačne promene ikona. Dakle, ako želite jednu temu na početnim ekranima, a drugu u aplikaciji, to možete učiniti lako.

Koristite vektorske oblike kad god je to moguće

Mnogi programi za uređivanje slika kao što je Adobe® Photoshop® omogućavaju vam da koristite kombinaciju vektorskih oblika i rasterskih slojeva i efekata. Kad god je to moguće, koristite vektorske oblike kako bi se, ako se ukaže potreba, skupovi mogli povećati bez gubljenja detalja ili oštrih rubova.

Većina paketa ikona je sada standardizirana tako da će raditi s najpopularnijim pokretačima trećih strana. Ovo je dobra vijest za korisnike koji će možda htjeti promijeniti pokretače jer je većina postojećih paketa u suštini univerzalno kompatibilna u ovom trenutku.

Prečice za aplikacije daju korisnicima brz i lak pristup četirima radnjama vaše aplikacije. Svaka radnja se također može dodati na početni ekran. Radnje prečice se pojavljuju na osnovu lokacije ikone vaše aplikacije. Na primjer, ikone aplikacija blizu lijeve ivice ekrana će prikazati aktivnosti gdje god ima slobodnog prostora.

Korišćenje vektora takođe olakšava poravnavanje ivica i uglova sa granicama piksela u nižim rezolucijama.

Počnite s velikim veličinama

Jer Pošto ćete morati da kreirate setove za različite gustine ekrana, najbolje je da počnete sa dizajniranjem velikih veličina ikona koje su višestruke od ciljnih veličina ikona. Na primjer, ikone za pokretanje su široke 48, 72, 96 ili 144 piksela, ovisno o gustini ekrana (mdpi, hdpi, xhdpi, odnosno xxhdpi). Ako ste inicijalno nacrtali svoje ikone za pokretanje na 864x864 piksela, lakše ćete prilagoditi ikone kada skalirate prema ciljnim veličinama kako biste kreirali konačni skup.

Ove smjernice će vam pomoći da kreirate prečice za aplikacije koristeći standardne ikone, pojedinačne avatare i grupne avatare. Četiri svijetle oznake mogu se prikazati odjednom. Možete definirati redoslijed prečica. Ikone prečica za aplikacije su okrugle. Sadrže standardnu ​​sistemsku ikonu ili barem jedan avatar. Sadržaj ikona mora ostati unutar područja za izrezivanje.

Geometrija i anatomija

Boja živog područja: Popuna čvrstog materijala Siva 100. Standardne ikone prečica imaju ikonu sistema materijala centriranu unutar područja uživo. Boja Ikona sistema mora biti iste boje kao glavna boja ili ikona aplikacije. Također možete koristiti vektorske crteže, osenčene rasterske slike ili.

Prilikom skaliranja, ponovo iscrtajte rasterske slojeve po potrebi

Ako povećate sliku sa rasterskog sloja, a ne iz vektorskog sloja, ti slojevi moraju biti ponovo iscrtani ručno da bi bili jasni na većoj gustoći. Na primjer, ako je krug 60x60 nacrtan kao rasterska slika za mdpi treba ga ponovo nacrtati u krug 90x90 za hdpi.

Koristite uobičajene konvencije imenovanja za skupove ikona

Pokušajte imenovati datoteke tako da se podudarni skupovi grupišu unutar direktorija kada su sortirani po abecedi. Konkretno, pomaže korištenje uobičajenih prefiksa za svaki tip ikone. na primjer:

Imajte na umu da se od vas ne traži da koristite generički prefiks bilo koje vrste - učinite to samo za vašu udobnost.

Postavite radni prostor koji organizira datoteke po gustoći

Podrška za višestruke gustine ekrana znači da morate kreirati više verzija iste ikone. Kako bi višestruke kopije datoteka bile bezbedne i lakše ih je bilo pronaći, preporučujemo kreiranje strukture direktorija u vašem radnom prostoru koja organizira datoteke resursa na osnovu gustoće. Na primjer.

Ikone su lice svakog operativnog sistema, zajedno sa interfejsom i celokupnim dizajnom. Osobno, uvijek su me privlačile ikone koje se pojavljuju na glavnom ekranu pametnih telefona i tableta u trgovinama i na službenim renderima. Niko ne želi da klikne na aplikaciju sa lošom i ružnom ikonom.




S lijeva na desno: Cutboard, Moonshine


Iskreno lijepe ikone CUTBOARD su napravljene u trodimenzionalnom stilu bez pozadine. Zaista ih želite dodirnuti, jer su nacrtani pažljivo i na takav način da djeluju što obimnije. Set sadrži 2.000 ikona visoka rezolucija.

Popularne ikone Moonshine nisu originalne u smislu izgled- jednostavan dizajn od "materijala", ali minimalističkiji i bez pozadine na vrhu ikona. Sadrži preko 925 vektorski dizajniranih ikona sa 28 ručno nacrtanih pozadina.

Neobično

,

S lijeva na desno: Leaf, Tiny White, Simply 8-bit


Ikone lišća teško se mogu nazvati previše neobičnim - samo nisu kvadratne ili okrugle, i imaju pozadinu. Leaf je vrlo sličan ikonama sa Sailfish OS-a, zbog čega imaju određenu vrijednost. Set ima dosta ikona - nešto više od 200, a ima ih i 9 pozadinske slike.

Tiny White set je pogodan za one koji imaju previše ikona na radnoj površini iu meniju. Ikone su znatno manje i jednostavnog stila - bijele ikone bez pozadine. Set sadrži više od 1300 ikona.

Kao što možete pretpostaviti iz naziva, Simply 8-Bit ikone su napravljene u osmobitnom stilu. Ljubitelji pixel arta i retro igara sigurno će se svidjeti ovom kompletu. Neke od ikona ovdje čak izgledaju pomalo smiješno, poput standardne ikone SMS-a. Set sadrži više od 700 ikona, a sadrži i tematske pozadine sa starim igrama.

,


S lijeva na desno: Rive, Glif, Balon


Riveove slojevite ikone imaju neobičan stil: neke su blago izrezane, druge su pune nekih ikona iz samih aplikacija, a druge izgledaju potpuno neobično (pravougaonik sa tekstom koji se ukršta). Dizajn je svakako originalan i zanimljiv. Uključuje preko 1000 ikona i 12 pozadina bez potrebe za preuzimanje.

Glif ikone su po stilu slične prethodnim, ali bi bile prikladnije za neke otvorene operativni sistem baziran na Linuxu. Lično imam takvu asocijaciju na Glif ikone. Ikone su u crtanom stilu i uokvirene su crnim linijama. Set uključuje više od 800 ikona i pozadina.

Ikone smiješnih balona također su napravljene u svijetlom crtanom stilu, ali ovdje se unutar svake ikone nalazi naziv aplikacije ili igre, dizajnirane u stilu stripa. Uz ikone balona, ​​preporučuje se da onemogućite nazive aplikacija. Set sadrži više od 450 ikona.

I

S lijeva na desno: Glim Dark UI, Octagons UI


Glim Dark UI je minimalistički i kontrastni skup ikona u različitim stilovima - sa i bez pozadine. Ovdje dominiraju tamne nijanse u kombinaciji sa prigušenim svijetlim bojama. Postoji uslužni program za traženje ikone od programera ako nije u setu. Glim Dark UI ima 3.700 ikona i više od 150 pozadina.

Ovaj opsežni TOP će zatvoriti OctagonsUI set sa osmougaonim ikonama uniformni stil I shema boja(crna i crvena). Takođe, svaka ikona u ovom setu dobila je volumetrijske senke i ivice. Set uključuje 2.811 ikona i 10 HD pozadina za desktop.

Nadam se da vam se svidjelo barem nekoliko ikona iz ovog skupa i da ste ih preuzeli iz Trashbox-a. U budućnosti, ovaj izbor će se redovno ažurirati novim artiklima.