25 tutorial avanzati per web designer freelance

Nel web design, un buon tutorial può essere letteralmente uno fortuna. Ovvio che spesso è difficile trovarne uno di buon livello.

Quando si tratta di design avanzato, trovare il giusto materiale può essere ancora più difficile.
Effetti avanzati richiedono tutorial più approfonditi, e spesso gli autori non sono disposti ad entrare nei dettagli.

Per aiutarti, ho scovato alcuni dei migliori articoli in merito.
Questi sono 25 esercitazioni avanzate per web designer.

Tutorial avanzati per web designer

Linee geometriche trendy

trendy lines

Il tutorial offre informazioni dettagliate su come creare effetti geometrici alle linee, utilizzati sia per la stampa che per il web design.

Scorciatoie da tastiera

scorciatoie da tastiera

Questo articolo mostra come utilizzare le scorciatoie da tastiera per ottimizzare i tempi di lavoro per un web designer.

Creare un disegno 3d utilizzando il testo

dream-3d-type

L’effetto di tipografia quasi vivente è davvero un eccellente tutorial.

9 suggerimenti di design per migliorare la tua professionalità

information design

Scopri come preparare le fondamenta di una solida architettura dell’informazione del tuo sito web Questo tipo di conoscenze si offrono in corsi di gestione di sistemi informatici.

Creare una griglia con le maschere

grid masking

Questo tutorial espone come creare una griglia come nell’esempio sopra, che può essere utilizzata in stampa o sul Web.

JQuery Spy dall’effetto semplice

jquery spy

Creare un semplice effetto jQuery simile allo strumento di Digg.

Come un semplice layout può essere mescolato con pattern corrispondenti, foto e sfondi

tutorial-layout-sfondi

Nel citato tutorial scopri come creare un unico layout e poi trasformarlo in più design diversi, utilizzando la trasparenza PNG.

5 modi per mostrare le tue immagini con i CSS

diversi modi di mostrare immagini con i css

Dalle eleganti didascalie a diversi tipi di cornici, questo tutorial ti mostra come usare i CSS per dare un tocco di originalità alle tue immagini.

Design con le griglie

progettare con le griglie

Tutto ciò di cui hai bisogno per progettare con le griglie i tuoi lavori in un unico luogo – compresi tutorial, file di esempio, e molto altro ancora.

L’architettura dell’nterfaccia di iGoogle

igoogle

Un tutorial molto dettagliato per la creazione di un design che riproduce l’interfaccia utilizzata da iGoogle.

Creare un arcobaleno stile fiamma in Photoshop

tutorial: come realizzare una fiamma in photoshop

Imparare a creare un ‘magico’ di fiamma con colori più incandescente.

Effetto gradiente del testo con i CSS

css-gradient

Come creare un effetto gradiente utilizzando solo testo e CSS.

Scrivere una guida allo stile dell’interfaccia di un sito web

interface guide

Questo articolo di ALA offre dei buoni spunti ed istruzioni per la creazione di una guida al foglio di stile per il tuo sito web.

7 principi per la creazione di icone

icon design

Un interessante guida per creare il design di icone per il web.

Migliora lo sviluppo di siti web utilizzando la web developer toolbar di Firefox

firefox web developer

L’estensione Web Developer per Firefox è probabilmente uno strumento avanzato quasi indispensabile per qualisiasi web designer.  L’articolo offre 9 metodi per usare questa estenzione a proprio vantaggio.
Altri articoli correlati ai plugin per Firefox:

Una semplice guida su come parlare in modo efficace ai clienti

come-parlare-ai-clienti

Una serie di istruzioni per trattare con i clienti.

Come creare di uno sfondo Techno con Illustrator e Photoshop

esperimenti per creare sfondi con photoshop e illustrator

L’articolo offre molti esperimenti per la creazione di sfondi, che potrebbe rivelarsi utili ad un web designer.

Prototipazione rapida in Fireworks CS3

fireworks prototipazione rapida

Una guida rapida per l’utilizzo di Fireworks CS3 per la prototipazione rapida.

Elementi di grande web design

grande web design

Ulteriori informazioni su come migliorare qualsiasi design o modello, concentrandosi sugli ultimi ritocchi.

La creazione di un Tema WordPress

wordpress mock-up

La prima parte di una serie, sulla creazione di una versione premium di WordPress.

Come creare il layout di un sito web disegnandolo a mano

creare un layout di un sito disegnato a mano

Impara a creare un tracciato a mano per un layout, utilizzando photoshop e diversi pennelli personalizzati.

Come creare spettacolari “effetti bagliore”

tutorial per creare effetti luminosi

Come realizzare cerchi con il pennello di Photoshop

cerchi in photoshop

Creare una serie di cerchi tramite il pennello di Photoshop è più facile di quanto tu possa pensare.

Questi i passaggi per costruire un elegante sito/portafoglio da zero

come creare un sito portfolio partendo da zero

Scopri come uno dei migliori web designer in circolazione, crea un sito/portafoglio dall’inizio alla fine.

Conosci altri tutorial avanzati simili a questa lista?
Segnalalo pure nei commenti ;) .

Ti è piaciuto questo articolo?

Ricevi continui aggiornamenti su come migliorare il tuo blog:

Scegli di seguire i post e le chicche di blographik (esclusiva ai soli iscritti), direttamente nella tua casella email.

Abbonati ora alla newsletter compilando questo form.

Nome:
Email:
 
 

Articoli correlati:

Se di tuo interesse, puoi consultare anche i seguenti post correlati:

  • http://www.bluevolvox.net Andrea@BV

    Ottima lista!!! Grande Mirko :)

  • http://www.blographik.it Mirko D’Isidoro

    @Andrea: grazie ;) .
    Sei hai da aggiungere qualcosa posta pure risorse simili.

  • http://www.digitarts.it Marco

    Complimenti davvero per l’articolo, molto interessante.

  • http://www.blographik.it Mirko D’Isidoro

    @Marco: benvenuto su blographik e grazie per i complimenti.
    Se hai da segnalare altri tutorial simili anche in italiano, sei libero di partecipare nei commenti di questa discussione.

    Buon blogging.

  • Pingback: Linee guida per collaborare come guest poster su Blographik | Blographik - Grafica, web design e risorse per blogger

  • http://nosatispassion.altervista.org elisa

    Bella lista, molto utile! Il tutorial della fiamma-arcobaleno di Veerle è bellissimo e divertente da fare, lo dico per esperienza perché già mi aveva colpito e l’ho fatto un po’ di tempo fa. Molto buoni i tutorial che proponi, anche perché sono eterogenei e possono sviluppare varie abilità. Ognuno può scegliere quelli più adatti a colmare le proprie lacune.

  • http://www.blographik.it Mirko D’Isidoro

    @Elena: benvenuta su blographik ;) .
    Per questioni di tempo non ho ancora provato a realizzare i tutorial per photoshop presenti nella lista, ma effettivamente quello dell’effetto arcobaleno è veramente bello.

    I tutorial on line sono un ottimo metodo per imparare sempre cose nuove anche per chi è già esperto, qualcosa sfugge sempre ;) .

    Se hai altri tutorial avanzati che vuoi condividere con i lettori di blographik, sei libera di farlo.

    Hai trovato semplice la realizzazione del tutorial che hai seguito tu?

  • http://nosatispassion.altervista.org elisa

    Oh sì! Il tutorial di Veerle è abbastanza semplice da realizzare, anche perché lei spiega molto bene. Tutti i suoi tutorial sono davvero speciali, perciò mi sento proprio di consigliarli a tutti! ;)

  • http://www.blographik.it Mirko D’Isidoro

    @Elisa: hai ragione, grazie per aver espresso la tua opinione sui lavori di Veerle.
    Sarebbe da inziare dal primo e creare piano piano tutti i suoi lavori.

  • Pingback: Aumenta il tempo medio sul tuo blog grazie ai dati di Google Analytics | Blographik - Grafica, web design e risorse per blogger

  • Pingback: Gli ultimi dati del test su come aumentare in tempo medio sul blog con google analytics | Blographik - Grafica, web design e risorse per blogger