it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


50 Esercitazioni di progettazione di icone per i progettisti

I designer sono creature visive che giudicano un libro dalla copertina. Non è un segreto che le icone abbiano un enorme impatto sulla progettazione di siti Web e sulla progettazione di applicazioni. Una buona icona dovrebbe risaltare ed essere facile da ricordare. Dovrebbe facilmente trasmettere un messaggio agli utenti e presentare il marchio.

La progettazione di icone è un compito impegnativo che richiede molto tempo e creatività. Per aiutarti in questo difficile compito abbiamo messo insieme 50 tutorial fantastici e gratuiti per imparare il design delle icone dalla A alla Z.

In questa raccolta troverai tutorial di icone per Photoshop, Illustrator e Sketch . Vedrai tutorial per replicare cibo, musica, meteo, icone di affari e molti altri ancora. Basta andare alla fonte primaria e seguire la guida passo-passo per ottenere grandi risultati.

Icona della bussola con ombra lunga - Photoshop In questo tutorial imparerai a progettare una bella icona della bussola piatta in Photoshop usando gli strumenti Penna, Rettangolo arrotondato e Strumento rettangolo.

Crea un flusso di lavoro di Icon Design - Schizzo Crea un'icona di un'app fantastica con l'applicazione Schizzo 3 e con la funzionalità aggiuntiva di Sketch Toolbox.

Creare un'icona dell'app Lista cose da fare - Illustrator In questa guida vedrai un modo rapido per creare un'icona app dell'agenda con effetto 3D. Combina gradienti radiali, miscele e un senso di illuminazione.

Icona lunga ombra piatta - Photoshop Questo tutorial descrive come creare icone di un'ombra lunga con effetto piatto. Puoi usare questa guida per aggiungere un'ombra lunga a qualsiasi oggetto che ti piace.

Eleganti icone dello spazio piatto - Photoshop Utilizzando semplici forme e operazioni sul percorso è possibile creare un fantastico set di 6 icone spaziali in stile piatto alla moda in Photoshop.

Icona app calendario - Photoshop Ecco un tutorial di Photoshop su come creare una bella icona dell'app per il calendario in pochi semplici passaggi.

Creare un'icona di rubrica - Photoshop Creare un'icona dettagliata della rubrica utilizzando Photoshop. Imparerai come impostare una griglia semplice e come sfruttare appieno la funzione Blocca sulla griglia.

Creare icone piatte - Photoshop Questo tutorial ti guiderà attraverso il processo di creazione di un'icona di un'app semplice con una casa su Photoshop CS6.

Creare un'icona app mobile - Photoshop Questo tutorial fa parte di una serie di articoli in tre parti che spiega come progettare elementi dell'interfaccia utente per le applicazioni mobili. L'icona che stai per creare sarà perfetta per qualsiasi applicazione di disegno.

Icona meteo - Photoshop In questo tutorial vedrai come creare un'icona meteo semplice con Photoshop. Non sono necessarie tecniche speciali o abilità di Photoshop per creare la propria icona meteo.

Icona dettagliata di Lighthouse Flat - Affinity Designer Scopri il processo di creazione di un'icona a forma di faro in uno stile piatto usando Affinity Designer. Userai forme semplici e le manterrai per trasformarle.

Creare un'icona App di Notes - Photoshop L'icona di questa app di Notes sembra la cosa reale? Nel tutorial, utilizzerai forme, sfumature e trame semplici per ottenere questo straordinario design di icone.

Creare un'icona 3D Starfish - Photoshop In questo tutorial, vedrai come creare una stella marina e altri oggetti in 3D, quindi combinarli con le trame in Photoshop per creare questa splendida icona.

Creare un'icona a matita semplice - Photoshop Nel seguente tutorial imparerai come creare un'icona a matita semplice e piacevole in Photoshop.

Come creare un'icona mappa utilizzando - Photoshop Con questo tutorial di Photoshop imparerai a creare una bella icona tridimensionale con una mappa.

Simple Notebook Icon - Photoshop In questo semplice tutorial di Photoshop imparerai come creare un'icona di un notebook pulito su uno sfondo con texture.

Icone di produttività - Illustrator In questo semplice tutorial di Illustrator vedrai il processo di creazione di una serie di nove icone di produttività piatte che potrebbero rivelarsi utili per i progetti futuri.

Simple Notebook Icon - Illustrator Questo semplice tutorial di Ilustrator ti aiuterà a creare una bella icona dell'app per notebook. Sarà utile per i principianti, in quanto imparerai come impostare una griglia semplice e creare forme perfette di pixel.

Icone avviso cassetta postale - Illustrator Nel seguente tutorial di Illustrator imparerai come creare un'icona di posta semplice con due tipi di notifiche: un cerchio rosso e un nastro.

Crea icona vettoriale Flat Forrst - Photoshop In appena mezz'ora sarai in grado di creare l'icona Forrst in oggetto vettoriale.

Set di icone di linea ispirate ai graffiti - Illustrator Scopri come creare un set di icone lineate ispirate ai graffiti con forme base e lo strumento selezione diretta.

Crea un'icona ciambella appetitosa - Illustrator Questa guida passo-passo ti insegnerà come disegnare un'icona ciambella appetitosa in Adobe Illustrator utilizzando forme e filtri di base.

Creazione di icone meteorologiche piatte - Photoshop Una serie di icone piane di aprile, che utilizzano forme di base, colori vivaci e texture con pennelli artistici.

Vibrant Cloud Icon - Photoshop Questo tutorial passo per passo di Photoshop ti accompagna attraverso il processo di creazione di un'icona a forma di nuvola colorata e vibrante utilizzando sfumature ed effetti di luce.

Creare un'icona di rubrica semplice - Photoshop Nel seguente tutorial imparerai come creare un'icona di rubrica semiaperta in Photoshop.

Moneta stella d'oro lucida - Photoshop In questo tutorial di Photoshop puoi imparare come creare una moneta d'oro lucida in Photoshop che puoi usare come icona o per altri scopi.

Camera piatta stilizzata e strutturata - Illustrator Segui questo tutorial per imparare come creare una fotocamera dall'aspetto retrò ed elegante, dominando i gradienti per luci ed ombre.

Icon Pack Pianeti del Sistema Solare - Illustrator Ricreerete i pianeti dal nostro Sistema Solare sotto forma di un pacchetto di icone, utilizzando Illustrator. Plutone non incluso.

4 modi per creare una lunga ombra - Photoshop Qui conoscerai quattro diversi modi per creare un effetto ombra lunga piatta alla moda. Puoi aggiungerlo alle tue icone, testo o altri elementi di design.

Icona app fotocamera - Photoshop Ecco un tutorial di Photoshop CS5 su come creare una bellissima icona per l'obiettivo della vecchia fotocamera per iPhone.

Come creare un'icona di app - Illustrator In questo tutorial di Photoshop creerai un'icona per un'applicazione di messaggio / chat con una cicogna "postino" su di essa. La guida fornisce una panoramica dei passaggi da eseguire da uno schizzo iniziale a un'icona vettorizzata.

Crea un'icona di app in 20 semplici passaggi - Photoshop Crea un'icona di un'app biliardo con una palla da biliardo e un tavolo da biliardo.

Delicious Toast Icons - Illustrator Ecco un fantastico tutorial di Illustrator che ti mostra come creare deliziosi toast con burro, uovo fritto e cioccolato con banana.

Crea un'icona di sfumatura - Illustrator Questo tutorial di illustratore ti guiderà attraverso il processo di creazione di un'icona semplice di un'e-mail ispirata al nuovo logo Instagram.

Disegna un'icona Realistic Coffee da asporto - Photoshop Ecco una tazza di caffè dall'aspetto realistico che puoi creare come un'icona in Photoshop.

Creare un'icona dettagliata della fotocamera - Photoshop È difficile creare icone realistiche dettagliate ma è possibile cogliere alcuni suggerimenti da questo tutorial.

Icona di Wedding Design piatto - Illustrator In questo tutorial di Illustrator vedrai il processo di creazione di belle icone piatte per un'icona di matrimonio. Possono essere usati per le carte Save-the-Date.

Retro Icon Pack di High School - Illustrator Questo tutorial di Illustrator ti insegnerà a creare fantastici oggetti retrò legati alle scuole superiori degli anni '50. Il pacchetto di icone contiene sei icone piatte.

Icona Sandwich Bagel - Illustrator Segui questo tutorial e scopri come creare un'icona a sandwich bagel in Illustrator. Sembra quasi delizioso da mordere.

Crea un'icona stilizzata di fragole - Illustrator Questo rapido tutorial di Illustrator ti mostrerà come creare una fantastica fragola squadrata immersa nell'icona dell'app di cioccolato.

Icone vettoriali animate - Illustrator e Photoshop Qui creerai tre icone animate ed esplorerai un paio di tecniche per creare animazioni fluide e semplici.

Un set di icone cibo - Illustrator Ecco un tutorial di Illustrator super-facile su come creare un set di icone di cibo: una tazza di tè, sandwich e una ciotola di zuppa.

Icone animali piatte - Illustrator Questo tutorial ti aiuterà a creare sei diverse icone animali con uno sfondo circolare.

Crea icone musicali simili ad adesivi - Illustrator In questo tutorial vedrai il processo di creazione di icone adesive per le note musicali in tre diversi colori.

Icone ciambella - Illustrator In questo tutorial imparerai come creare quattro tipi di ciambelle in Illustrator: granelli di cioccolato, glassa con gocce di cioccolato, zucchero grezzo e glassa alla fragola.

Come utilizzare lo strumento di fusione - CorelDRAW Questo tutorial di CorelDRAW mostra come creare una bella icona del taccuino con una lunga ombra.

Icone Flat Gemme Preziose - Illustrator In questo tutorial imparerai come creare un set di icone gemme semplici e alla moda in stile piano in Illustrator.

Come creare una bella icona di flip flop - Illustrator Scopri come creare queste icone a forma di flip-flop in Illustrator.

Captain America Shield Icon - Illustrator Se hai visto questo scudo "in giro" e vuoi imparare come farlo, questo è il tutorial che fa per te.

Delicious Cupcake Icons - Illustrator In questo tutorial vedrai il processo di creazione di un'icona di cupcake in Illustrator, e sarai in grado di creare altre deliziose variazioni semplicemente apportando alcune modifiche.

Non essere timido a condividere le tue icone create seguendo questi tutorial nel campo dei commenti qui sotto.

Aggiungi menu contestuale sul tuo sito web con HTML5

Aggiungi menu contestuale sul tuo sito web con HTML5

Il menu contestuale è il menu elencato quando fai clic con il tasto destro sullo schermo del tuo computer. Il menu di solito comprende scorciatoie per alcune delle nostre azioni ripetute preferite, come la creazione o l'ordinamento di cartelle / file, l'apertura di una nuova finestra dell'applicazione o l'accesso alle Preferenze di Sistema per modificare un'opzione.

(Consigli tecnici e di design)

Come creare una forma a cuore con i CSS

Come creare una forma a cuore con i CSS

CSS3 eleva la fattibilità di ciò che possiamo costruire sui siti web usando solo HTML e CSS. Puoi trovare esempi sorprendenti che abbiamo precedentemente descritto. Ma non esageriamo troppo, un design complicato avrà bisogno di codici che potrebbero darti mal di testa.Invece, creeremo qualcosa di semplice per aiutarti a capire le forme e il posizionamento con i CSS prima, prima di avventurarti in progetti più avanzati. Da

(Consigli tecnici e di design)