Web Design Tutorial: un riepilogo dei migliori del 2010

Tutti coloro che si occupano di web design generalmente, sono alla costante ricerca di risorse in rete, in quanto la tendenza e la necessità a migliorare le proprie skill è di vitale e fondamentale importanza, in questo ambito. Rimanere aggiornati non è facile, ma iniziare a frequentare i cosiddetti web design blog è un passo importante importante: analizzare i loro tutorial e seguire le loro discussioni, costituisce un processo di apprendimento determinante.

In questo post vorrei elencarvi la lista dei migliori web design tutorial questi mesi, sperando che possano esservi d’aiuto, nei vostri attuali e futuri progetti:

• Realizzare un layout professionale in pieno stile web 2.0: un esauriente tutorial su come spingere al massimo Photoshop per realizzare un’interfaccia grafica professionale, pronta per essere trasformata in XHTML.
• Realizzare un sito web dal layout multimediale ad alto impatto visivo: anche questo tutorial ci spiega come con Photoshop sia possibile disegnare siti internet con un alto impatto visivo.
• Linee guida ed esempi dei pulsanti Call to Action: tutto quello che un web designer deve sapere su come far scattare al visitatore l’impulso di premere un pulsante sul nostro sito o blog; colori, posizioni ed analisi psicologica comportamentale. Davvero un must per coloro che si apprestano a lavorare su siti di ecommerce o finalizzati all’acquisto di beni e servizi.
• Come disegnare in maniera perfetta una barra di navigazione in HTML: comprendere approfonditamente il codice HTML e CSS necessario alla realizzazione di una barra di navigazione completa di sottomenu. Un ottimo tutorial ricco di esempi e suggerimenti.
• Convertire PSD a XHTML/CSS, ovvero come sezionare un layout con Photoshop e scrivere il codice: un ottimo tutorial davvero completo ed esauriente, che spiega come convertire da layout PSD a vero e proprio XHTML completo di CSS. Una guida tutta in italiano che vi consiglio assolutamente di leggere e mettere nei preferiti!
• Creare un sito utilizzando il Grid System 960: una guida esauriente su come utilizzare il sistema a griglia (grid system) 960 per creare un sito perfettamente equilibrato e ordinato. I grid system sono di estremo aiuto anche per coloro che sono alle prime armi, ma configurare il proprio ambiente può essere abbastanza difficoltoso; questo tutorial vi semplificherà la vita.
• I maggiori pericoli riguardanti il copyright che un web designer deve assolutamente conoscere: una breve analisi riguardante la spinosa questione del copyright; immagini, licenze open source, piattaforme utilizzate e molte altre informazioni e regole da seguire per un corretto workflow.
• Gli errori HTML e CSS più comuni che un web designer dovrebbe saper evitare: un post molto interessante per ricordare quale sono le più comuni insidie del linguaggio HTML e CSS e come cercare di evitarle. Vi consiglio sempre di validare i vostri lavori, anche se sembrerebbe scontato, molti se lo dimenticano.

Questi sono solo alcuni dei migliori articoli che sono finiti nei miei preferiti; ovviamente non posso inserirli tutti non avrebbe senso, ma questa raccolta mi sembra abbastanza equilibrata e cerca di coprire svariati aspetti che un web designer prima o poi dovrà affrontare.

Sentitevi liberi di commentare e soprattutto aggiungere anche le vostre letture preferite di questo anno!

foto credits agjimenez