Un set di grandi icone quadrate per Android. Temi per Android. Usa forme vettoriali ove possibile

Iconalo immagine grafica, che occupa una piccola parte dello schermo e fornisce una visualizzazione rapida e intuitiva di un'azione, stato o applicazione. Quando si progetta un'icona per la propria applicazione, è importante tenere presente che l'applicazione potrebbe essere installata su vari dispositivi, che offrono una gamma di densità di pixel come descritto in . Ma puoi rendere le tue icone perfette su tutti i dispositivi fornendo ciascuna icona in più dimensioni. Quando la tua app è in esecuzione, Android controlla le caratteristiche dello schermo del dispositivo e carica le risorse per la tua app che corrispondono alla densità dello schermo. Poiché spedirai ogni icona in più dimensioni per supportare densità diverse, la guida alla progettazione di seguito si basa sulle dimensioni delle icone in pixel indipendenti dalla densità (dp), che si basano sulle dimensioni dei pixel dello schermo a densità media (MDPI).

Quindi per creare un'icona per diverse densità dovresti seguire rapporto di ingrandimento 2:3:4:6:8 tra le cinque densità principali (media, alta, x-alta, xx-alta e xxx-alta, rispettivamente). Ad esempio, supponiamo che la dimensione dell'icona di avvio debba essere 48x48 dp. Ciò significa che la dimensione della densità di base (MDPI) sarà 48x48 px (pixel) e la dimensione dell'alta densità (HDPI) dovrebbe essere 1,5x della base 72x72 pixel e la dimensione della densità x-alta (XHDPI) dovrebbe essere 2x da la base - 96 × 96 punti, ecc.

Dimensioni e scala

Ma sapevi che puoi anche personalizzare le icone delle app sulla schermata iniziale e sul cassetto delle app? Questa guida ti mostrerà come e nominerà alcuni dei migliori pacchetti di icone disponibili. Un icon pack è un'applicazione che sostituisce tutte le tue icone con icone personalizzate. Tutto sommato, sono molto facili da installare e puoi farlo come qualsiasi altra applicazione. Una differenza, tuttavia, è che se vuoi provare alcuni pacchetti di icone diversi per trovare il tuo preferito, ti consigliamo di installare prima il programma di avvio per semplificare il processo.

Nota: Android supporta anche gli schermi a bassa densità (LDPI), ma in genere non è necessario creare set personalizzati per tali dimensioni perché Android riduce efficacemente le risorse HDPI della metà per corrispondere alle dimensioni previste.

lancio

L'icona di avvio è la rappresentazione visiva della tua app sulla schermata iniziale o su tutte le schermate delle app. Poiché l'utente può modificare lo sfondo della schermata iniziale, assicurati che l'icona di avvio sia chiaramente visibile su qualsiasi sfondo.

Una volta trovate le icone che desideri, puoi sempre cambiare il tuo launcher se "non ne fanno parte integrante". Puoi anche usarlo per impostare sfondi e splash sfondi.


Ogni badge porta un design unico al design originale; è un progetto appassionato, curato nei minimi dettagli, e per questo è in questa lista. Come alcuni altri, puoi anche impostare lo sfondo utilizzando l'app.


All'ultimo conteggio, ci sono oltre 750 icone disponibili e, come altre, puoi richiedere quelle extra che mancano ancora.

Dimensioni e scala

Proporzioni

  • Set completo, 48x48dp

Stile

Usa sagome diverse. Tridimensionale, vista frontale, con una leggera prospettiva, come se vista dall'alto, in modo che gli utenti possano percepire una certa profondità.

Usa forme vettoriali ove possibile

È un set di icone che non ha paura di allontanarsi dalle forme date, quindi ottieni belle curve e angoli per mantenerlo visivamente stimolante, senza che appaia confusione.


C'è anche una funzione di richiesta icona obbligatoria nel raro caso in cui non vedi l'icona che stai cercando.

Come utilizzare i set di icone

Tutto quello che devi fare, come gli altri che richiedono l'avvio, è andare alle impostazioni e premere applica.


Potrebbe non avere tante icone di app come alcune delle altre opzioni qui, ma ci sono alcuni sfondi pixelati che puoi scaricare per mantenere tutti i temi a tema, se lo desideri. È anche completamente gratuito e non mostra pubblicità, il che è sempre un vantaggio.

Barra dell'azione

Le icone della barra delle azioni sono pulsanti grafici che rappresentano le azioni più importanti che le persone possono eseguire nella tua app. Tutti dovrebbero usare modello semplice, che rappresenta l'unico concetto che la maggior parte delle persone può comprendere a colpo d'occhio.




L'approccio minimalista combina una semplice combinazione di colori e l'ormai attesa opzione di integrazione dello sfondo per fornire un'unica app in grado di cambiare completamente l'aspetto del tuo telefono. Le icone assumono un design standardizzato con il loro approccio alla forma e danno l'impressione di profondità con una leggera ombra attorno al bordo.




Se sei un fan dell'approccio ma preferisci avere icone bianche, lo sviluppatore ha creato questa app anche per te.


La configurazione delle impostazioni consente di modificare l'aspetto delle icone in luoghi diversi. Molte applicazioni hanno icone speciali, mentre altre sono automaticamente racchiuse in un piccolo cerchio con un bordo bianco.

Dimensioni e scala

  • Le icone della barra delle azioni per i telefoni dovrebbero essere 32x32dp.

Area principale e proporzioni

  • Set completo, 32x32dp quadrato visibile, 24x24dp

Stile

Pittografico, piatto, non eccessivamente dettagliato, con curve dolci o forme taglienti. Se la grafica è sottile, ruotala di 45° a sinistra oa destra per riempire l'area focale. I tratti e gli spazi negativi devono avere uno spessore minimo di 2 dp.

Usa le convenzioni di denominazione comuni per il set di icone

Per loro, l'interno del cerchio contiene una versione ridotta dell'icona colorata originale e fa sembrare che tu stia guardando attraverso il buco della serratura. Può anche essere utilizzato come app standalone o combinato con launcher o altri pacchetti di icone.




I due personaggi principali sono un coniglio e un gatto afro, raffigurati alternativamente nelle icone. Le icone combinano l'eccentrico amore per i gatti e lo stile dei cartoni animati a una struttura di app tradizionale. Alcune app sono molto idiosincratiche nel loro aspetto, ma potresti avere difficoltà a trovare prima app meno facilmente riconoscibili con questo pacchetto di app.

Colori

Colori: #333333
Accessibile: 60% opacità
Non disponibile: 30% opacità

Colori: #FFFFFF
Accessibile: 80% opacità
Non disponibile: 30% opacità


Icone piccole / contestuali

Nel corpo della tua app, utilizza piccole icone per agire e/o fornire lo stato su elementi specifici. Ad esempio, nell'app Gmail, ogni messaggio ha un'icona a forma di stella che lo contrassegna come importante.

luce e colore

È anche uno dei più facili da usare: non c'è un menu di opzioni, ma richiede uno dei quattro lanciatori sottostanti.


Vuoi trasformare le tue icone in supereroi? Ottieni 20 icone di supereroi dei fumetti in totale in questo pacchetto, quindi non competerà con gli altri in questo elenco in termini di versatilità. Tuttavia, non c'è nulla che tu possa smettere di usare in combinazione con un altro pacchetto di icone da questo elenco.

È gratuito da scaricare e funziona con una vasta gamma di lanciatori se vuoi che il tuo supereroe sia incluso. Sono un po 'confusi però se non sai per cosa è impostato ognuno.


Ovviamente puoi richiedere tutto ciò che ti manca.

Dimensioni e scala

  • Le icone piccole dovrebbero essere 16x16dp.

Area principale e proporzioni

  • Set completo, 16x16dp quadrato visibile, 12x12dp

Stile

Neutro, piatto e semplice. Le forme piene sono più facili da vedere rispetto ai tratti sottili. Usa un semplice modello visivo che la maggior parte delle persone possa facilmente riconoscere e comprendere il suo scopo.




Come la maggior parte degli altri in questo elenco, fornisce diversi sfondi che funzionano bene con le loro icone nell'app.


Questo è uno dei più modi semplici rendi veramente tuo il tuo dispositivo. Tutto, dalla creazione di un tema di icone completo al mantenere le cose pulite e concise, cambiare semplicemente quell'icona che semplicemente non ti piace è incredibilmente facile in Nova. E soprattutto, questa funzione è disponibile sia nella versione gratuita che a pagamento del programma di avvio, quindi chiunque può trarne vantaggio.

Colori

Usa i colori non neutri con parsimonia e con uno scopo. Ad esempio, Gmail utilizza un'icona a forma di stella gialla per indicare un messaggio speciale. Se l'icona è associata a un'azione, scegli un colore che contrasti bene con lo sfondo.


Per dare una singola occhiata all'intero dispositivo, sia che si trovi sulla schermata iniziale o nel cassetto delle app, è necessario utilizzare un pacchetto di icone. E per tutte le app che non sono supportate, puoi cambiare manualmente le tue icone. Per prima cosa, ovviamente, devi trovare un pacchetto di icone da utilizzare. Offre inoltre sfondi abbinati e una funzionalità che offre agli utenti la possibilità di richiedere icone per le loro app preferite. Non tutti i pacchetti di icone saranno così completi, quindi tienilo a mente quando cerchi il tema perfetto.

Icone di notifica

Se la tua applicazione genera notifiche, fornisci un'icona che il sistema può visualizzare nella barra di stato quando è disponibile una nuova notifica.

Dopo aver installato il set di icone, sei pronto per applicarlo. La prima voce in questo menu è l'opzione "Icona tema": toccala. Fare clic su quello che si desidera applicare. Il popup scomparirà, ma la voce "Icona tema" dovrebbe ora visualizzare il tema dell'icona appena selezionato nel sottotesto sotto il titolo.

Griglia e guide

Riaccendi schermo principale e il cassetto delle app, a tutte le app supportate dovrebbe ora essere applicato un pacchetto di icone. Molto probabilmente, ci sono diverse icone che non sono cambiate. Forse il pacchetto non aveva un'icona che corrispondesse a quell'app, o forse un'icona non si applicava correttamente: l'abbiamo visto più di una volta.

Dimensioni e scala

  • Le icone di notifica dovrebbero essere 24x24dp.

Area principale e proporzioni

  • Set completo, 24x24dp quadrato visibile, 22x22dp

Stile

Mantieni lo stile piatto e semplice utilizzando lo stesso modello visivo unificato dell'icona di avvio.

O forse non vuoi cambiare tutte le tue icone ma vuoi solo personalizzarne alcune. Tienilo premuto fino a quando non vieni accolto con la seguente schermata, quindi trascina l'icona sull'opzione Modifica. Se lo cambi dall'app, è davvero facile aggiungerlo alla schermata iniziale purché l'icona della schermata iniziale non cambi.

Questo aprirà il menu Modifica scelta rapida dell'applicazione. Fare clic sull'icona, che visualizzerà le opzioni "Seleziona tema". Ci sono diverse opzioni qui: puoi scegliere un'icona di sistema, qualcosa dalla tua galleria o un'icona da un pacchetto installato. Se utilizzi un set di icone personalizzato, il caricamento potrebbe richiedere alcuni secondi, a seconda delle dimensioni del pacchetto.

Colori

Le icone di notifica dovrebbero essere completamente bianche. Inoltre, il sistema potrebbe ridurre e/o oscurare le icone.

Ecco alcuni suggerimenti che potresti trovare utili nella creazione di icone o altri set grafici per la tua applicazione. Questi suggerimenti presuppongono che tu stia utilizzando Adobe® Photoshop® o un programma di modifica di immagini bitmap e vettoriali simile.

Se l'icona suggerita non è quella che stai cercando, scorri semplicemente l'elenco in ordine alfabetico finché non la trovi giusta scelta. Questo ti riporterà al menu Modifica scorciatoia: fai clic su Fine per salvare le modifiche. L'icona cambierà istantaneamente e potrai passare a quella successiva.

Area principale e proporzioni

Anche se il pacchetto non ha un'icona per l'app desiderata, spesso puoi trovarne una adatta. Vale anche la pena notare che l'applicazione di un nuovo pacchetto di icone a livello di sistema non sovrascriverà le singole modifiche alle icone. Quindi, se hai bisogno di un tema nelle schermate Home e di un altro nell'app, puoi farlo facilmente.

Usa forme vettoriali ove possibile

Molti programmi di modifica delle immagini come Adobe® Photoshop® consentono di utilizzare una combinazione di forme vettoriali e livelli ed effetti bitmap. Quando possibile, usa le forme vettoriali in modo che, se necessario, i set possano essere ingranditi senza perdere dettagli o definizione dei bordi.

La maggior parte dei pacchetti di icone è ora standardizzata, quindi funzionerà con i più diffusi lanciatori di terze parti. Questa è una buona notizia per gli utenti che potrebbero voler cambiare launcher perché la maggior parte dei pacchetti là fuori sono essenzialmente universalmente compatibili al momento.

I collegamenti alle app offrono agli utenti un accesso facile e veloce alle quattro azioni della tua app. Ogni azione può anche essere aggiunta alla schermata principale. Le azioni rapide vengono visualizzate in base alla posizione dell'icona dell'app. Ad esempio, le icone delle app vicino al bordo sinistro dello schermo mostreranno le attività ovunque ci sia spazio libero.

L'uso dei vettori semplifica anche l'allineamento di bordi e angoli con bordi pixelati a risoluzioni inferiori.

Inizia alla grande

Perché Se devi creare set per diverse densità dello schermo, è meglio iniziare progettando icone di grandi dimensioni che siano multipli delle dimensioni delle icone di destinazione. Ad esempio, le icone di avvio hanno una larghezza di 48, 72, 96 o 144 pixel, a seconda della densità dello schermo (rispettivamente mdpi, hdpi, xhdpi e xxhdpi). Se inizialmente hai disegnato le icone di avvio a 864x864 pixel, troverai più facile regolare le icone quando ridimensioni le dimensioni di destinazione per creare il set finale.

Queste linee guida ti aiuteranno a creare collegamenti alle app utilizzando icone standard, avatar singoli e avatar di gruppo. È possibile visualizzare contemporaneamente quattro etichette luminose. È possibile definire l'ordine delle etichette. Le icone dei collegamenti alle app sono circolari. Contengono un'icona di sistema standard o almeno un avatar. Il contenuto delle icone deve rimanere all'interno dell'area di ritaglio.

Geometria e anatomia

Colore Area live: riempimento materiale solido Grigio 100. Le icone di scelta rapida standard hanno l'icona del sistema materiale centrata all'interno dell'area live. Colore L'icona del sistema deve essere dello stesso colore del colore principale o dell'icona dell'applicazione. Puoi anche utilizzare disegni vettoriali o bitmap colorate.

Durante il ridimensionamento, ridisegna i livelli bitmap secondo necessità

Se stai ridimensionando un livello raster anziché un livello vettoriale, questi livelli devono essere ridisegnati manualmente per essere nitidi a densità più elevate. Ad esempio, se è stato disegnato un cerchio 60x60 come bitmap per mdpi dovrebbe essere ridisegnato in un cerchio 90x90 per hdpi.

Usa le convenzioni di denominazione comuni per il set di icone

Provare a denominare i file in modo che i set corrispondenti siano raggruppati all'interno della directory quando vengono ordinati alfabeticamente. In particolare, l'utilizzo di prefissi comuni per ogni tipo di icona aiuta. Per esempio:

Si noti che non è necessario utilizzare un prefisso generico di alcun tipo: farlo solo per comodità.

Impostazione di un'area di lavoro che organizza i file in base alla densità

Il supporto per più densità dello schermo significa che devi creare più versioni della stessa icona. Per mantenere più copie di file al sicuro e più facili da trovare, ti consigliamo di creare una struttura di directory nell'area di lavoro che organizzi i file di risorse in base alla densità. Per esempio.

Le icone sono il volto di qualsiasi sistema operativo insieme all'interfaccia e al design generale. Personalmente sono sempre stato attratto dalle icone che sfoggiano sullo schermo principale di smartphone e tablet negli store e nei render ufficiali. Nessuno vuole toccare un'app con un'icona brutta e brutta.




Da sinistra a destra: Tagliere, Moonshine


Le icone CUTBOARD francamente belle sono realizzate in uno stile tridimensionale senza sfondo. Vuoi davvero toccarli, perché sono disegnati in modo ordinato e in modo tale da sembrare il più voluminosi possibile. Il set contiene 2.000 icone ad alta risoluzione.

Le famose icone Moonshine non sono originali nel piano aspetto- semplice design "materiale", ma più minimalista e senza sfondo sopra le icone. Il set include oltre 925 icone del design vettoriale con 28 sfondi disegnati a mano.

Insolito

,

Da sinistra a destra: Leaf, Tiny White, Simply 8-Bit


Le icone delle foglie difficilmente possono essere definite troppo insolite: semplicemente non sono quadrate o rotonde e hanno uno sfondo. Leaf è molto simile alle icone di Sailfish OS, quindi hanno un certo valore. Ci sono parecchie icone nel set: poco più di 200 e ce ne sono anche 9 immagini di sfondo.

Il set Tiny White è adatto a chi ha troppe icone sul desktop e nel menu. Le icone sono notevolmente ridotte e realizzate in uno stile semplice: icone bianche senza sfondo. Ci sono oltre 1.300 icone nel set.

Come puoi intuire dal nome, le icone Simply 8-Bit sono realizzate in stile 8-bit. Gli appassionati di pixel art e giochi retrò adoreranno sicuramente questo set. Alcune delle icone qui sembrano anche leggermente divertenti, come l'icona SMS standard. Ci sono più di 700 icone nel set, oltre a sfondi a tema con vecchi giochi.

,


Da sinistra a destra: Rive, Glifo, Mongolfiera


Le icone a strati di Rive hanno uno stile insolito: alcune sono leggermente ritagliate, altre sono impilate con alcune icone delle applicazioni stesse e altre ancora sembrano piuttosto insolite (un rettangolo con un'iscrizione che si interseca). Il design è decisamente originale e interessante. Il set include oltre 1.000 icone e 12 sfondi senza download.

Le icone Glif sono simili nello stile alle precedenti, ma sarebbero più adatte a qualsiasi open sistema operativo basato su Linux. Personalmente, ho una tale associazione con le icone Glif. Le icone hanno uno stile da cartone animato e sono incorniciate da linee nere. Il set comprende oltre 800 icone e sfondi.

Anche le divertenti icone dei palloncini sono realizzate in un brillante stile cartone animato, ma qui all'interno di ogni icona c'è il nome dell'applicazione o del gioco, disegnato in stile fumetto. Con le icone dei fumetti, si consiglia di disabilitare i titoli delle app. Ci sono oltre 450 icone nel set.

E

Da sinistra a destra: Interfaccia utente Glim Dark, interfaccia utente Octagons


Glim Dark UI è un set di icone minimaliste e contrastanti in diversi stili, con e senza sfondo. Qui dominano le tonalità scure, combinate con colori tenui e luminosi. C'è un'utilità per richiedere un'icona agli sviluppatori se non è nel set. L'interfaccia utente di Glim Dark ha 3.700 icone e oltre 150 sfondi.

Questo ampio TOP sarà chiuso dal set OctagonsUI con icone ottagonali stile uniforme E combinazione di colori(nero e rosso). Inoltre, ogni icona di questo set ha ricevuto ombre e bordi voluminosi. Il set include 2.811 icone e 10 sfondi HD per il tuo desktop.

Spero che ti siano piaciute almeno alcune icone di questo set e che le abbia scaricate da Treshbox. In futuro, questa raccolta verrà regolarmente aggiornata con nuovi articoli.