Guida Web Design
Il Web Designer e le altre figure professionali coinvolte nella creazione di un sito web
Il Web Designer è la figura professionale che si occupa della progettazione e dello sviluppo dell'interfaccia grafica di un sito web. Per svolgere questo lavoro è necessario avere una molteplicità di competenze sia a livello di linguaggi di markup (prevalentemente HTML e CSS) che di grafica, ma anche avere una profonda conoscenza di concetti quali usabilità ed accessibilità.
Il Web...
Le diverse tipologie di siti web
Abbiamo detto che il Web Designer è colui che studia e realizza l'involucro di un sito web, tuttavia prima di cimentarsi col codice, il buon designer deve analizzare con attenzione le richieste che gli sono state fatte dal cliente e capire, prima di tutto, che tipo di sito dovrà sviluppare.
Esistono, infatti, diverse tipologie di siti web caratterizzate da aspetti...
I ferri del mestiere del Web Designer: HTML, CSS, Javascript… e CMS
Ma quali sono gli strumenti del Web Designer? Quali competenze deve avere chi vuole intraprendere questa affascinante carriera?
In una precedente lezione abbiamo detto che il Web Designer normalmente è una figura inserita in un team ampio e strutturato in quanto gli aspetti da considerare quando si crea un sito web sono molteplici. Volendo restare aderenti alla definizione scolastica, il...
Software per il Web Design: editor di pagine web e programmi per la grafica
Nella precedente lezione abbiamo visto le competenze minime che ogni Web Designer dovrebbe possedere. In realtà l'elenco proposto non può essere considerato esaustivo in quanto, oltre alla conoscenza dei linguaggi citati, è richiesta al Web Designer anche una buona dimestichezza con alcuni software, in particolar modo software per l'editing di pagine web e per la grafica.
I software più importanti...
Web Design e motori di ricerca: lavorare in ottica SEO
Nella prima lezione di questa guida abbiamo detto che il Web Designer non deve essere un esperto di Web Marketing in quanto, nell'ambito di un vasto progetto web una normale suddivisione dei compiti non solo è consueta ma è, soprattutto, auspicabile e necessaria. Al nostro designer, pertanto, non è richiesto di sapere come portare traffico sulle pagine del sito...
Errori da evitare e tecniche obsolete di Web Design
In questa lezione vi voglio presentare una panoramica di errori piuttosto comuni e che sarebbe meglio evitare se si decide di intraprendere professionalmente la carriera del Web Designer.
Contenuti in Flash
Nella precedente lezione, in cui abbiamo parlato dei collegamenti tra il Web Design e la SEO, abbiamo accennato al fatto che taluni comportamenti poco virtuosi del Web Designer possono avere...
Usabilità ed Accessibilità
Nella prima lezione di questa guida abbiamo già fatto accenno a due concetti fondamentali del web design sottolineando come questi debbano necessariamente far parte del bagaglio di conoscenze di chiunque desideri operare in questo settore. Stiamo parlando dei concetti di usabilità ed accessibilità. In questa lezione cercheremo di approfondire il discorso sviscerando questi due concetti dal punto di vista...
Creare siti web cross-browser e cross-device
Abbiamo detto nella precedente lezione che i contenuti del sito devono essere accessibili a prescindere dallo strumento utilizzato per la loro fruizione. Questo, in altri termini, significa che il bravo Web Designer deve essere in grado di sviluppare pagine web realmente cross browser e cross device. Ma cosa significano queste espressioni?
Creare siti web cross-browser
Una pagina web si dice cross...
Graceful degradation e Progressive enhancement
Quando ci si appresta ad affrontare un nuovo lavoro di web design, considerando tutto quello che abbiamo appena detto in merito allo sviluppo cross-browser e cross-device, dobbiamo prima di tutto scegliere quale "scuola di pensiero" vogliamo seguire. A seconda di questa scelta "filosofica", infatti, approcceremo il nostro nuovo lavoro in un modo piuttosto che in un altro.
Le due scuole...
Definire gli obiettivi del sito ed il target di riferimento in ottica Web Design
Con la lezione precedente abbiamo concluso la lunga parte iniziale, introduttiva e teorica della nostra guida al Web Design. A partire da questa lezione ci addentreremo in aspetti più pratici attinenti alla fase preparatoria che precede all'inizio del lavoro di coding vero e proprio.
Come tutti sappiamo il sito web è uno strumento di comunicazione e, in quanto tale, va...
Wireframe e Mockup: le fasi preliminari del web design
Una volta identificati gli obiettivi ed il target di riferimento del nostro sito possiamo passare alla fase successiva, cioè la fase di definizione dell'interfaccia utente e degli elementi di design. In questa fase, preliminare a quella realizzativa vera e propria, possiamo distinguere due sotto-fasi: la prima consiste nella definizione di un wireframe e la seconda nella realizzazione di un...
Scegliere il tipo di layout per il sito web
Scelta di grande importanza è quella relativa al tipo di layout che si desidera adottare per le pagine web. Questa scelta deve essere compiuta nella fase preliminare del progetto, cioè durante la definizione del wireframe: in pratica il web-designer deve decidere, sulla base delle richieste del cliente e delle caratteristiche del sito, il tipo di impaginazione che si vuole...
L’importanza del logo e dei colori nel web-design
Due elementi che ricoprono un ruolo centrale nella fase preliminare e preparatoria di un lavoro di web design, sono certamente il logo ed i colori. Solitamente si tratta di due elementi "imposti" dal cliente che devono essere considerati come una sorta di stella polare durante la definizione dell'aspetto grafico complessivo del sito web.
Il logo
Per quanto riguarda il logo, questo...
Scegliere il giusto font per un sito web
Uno dei problemi tipici durante lo sviluppo del design di un nuovo sito web è sicuramente la scelta del font: l'aspetto tipografico, diversamente da quanto si possa pensare, è tutt'altro che marginale nel web design in quanto investe tanto l'estetica quanto la funzionalità (e fruibilità) del progetto che si sta sviluppando.
Se fino a qualche anno fa il problema era...
Creiamo il template: la struttura HTML ed i CSS di base
Sino ad ora abbiamo definito la struttura del sito e ne abbiamo realizzato il mockup; abbiamo avuto l'accortezza di scegliere il layout, di posizionare correttamente il logo, di combinare i colori e selezionare i caratteri tipografici più adatti. Arrivati a questo punto, quindi, è necessario aprire il nostro editor preferito ed iniziare a scrivere un po' di codice.
Abbiamo già...