Web Design  »  Articoli  »  Web design 

Cura dei dettagli e originalità

OK, forse non avete bisogno di tanta originalità, ma non fa male aggiungerne un pizzico. Sono i dettagli che faranno spiccare in qualche modo il vostro design. Lavorate allora con la grafica, con buone texture, usando immagini PNG con il canale alpha in modo da poter fare poi altri aggiustamenti sul colore.

Figura 9 - Il nostro design dopo l'applicazione di qualche texture e di immagini con antichi mezzi di trasporto piazzate dietro al testo (versione ingrandita)

Mandare tutto al cliente

Ecco, fermiamoci un attimo ad osservare. Abbiamo un bozzetto dettagliato, ben strutturato e pronto per la revisione del cliente. La cosa migliore di tutte è che anche il markup è praticamente pronto. Se il cliente approva il design in questo momento, il template è di fatto completo, pronto per l'uso.

Non abbiate fretta!

Ora, io non so come vadano per voi le cose, ma in passato non ho mai incontrato un cliente soddisfatto del design alla prima revisione, le critiche arrivano sempre. Proviamo allora a valutare le osservazioni che potrebbero esserci rivolte e andiamo a vedere come possiamo fare le modifiche richieste nel browser.

Modificare la tipografia

"La mia ex fidanzata amava il Georgia, on voglio più vedermelo davanti agli occhi. Possiamo eliminarlo? Voglio usare un font che sia grossolano, proprio come la mia ex fidanzata".

Così potrebbe dirci il nostro finto cliente. E allora, per fortuna grazie ai CSS, rimuovere Georgia è facile come fare un trova e sostituisci nel foglio di stile. Ho dunque modificato il bozzetto. Ho usato @font-face e utilizzato il font League Gothic sui titoli per dare alla tipografia quel look and feel che il cliente ci ha chiesto.

Figura 10 - Il nostro bozzetto con il font per i titoli modificato

Angoli arrotondati

"Non sono sicuro se mi piacerà, ma voglio vedere come viene con gli angoli arrotondati. Mio cugino, un manager di un'azienda Web 2.0, dice che di questi tempi vanno di moda".

Così, ancora una volta, il nostro finto cliente. Passare agli angoli arrotondati lavorando in Photoshop è un incubo, dal momento che dovrebbero essere ricreate tutte le forme e gli elementi dell'interfaccia. Per fortuna, possiamo contare sulla proprietà CSS border-radius. Basta applicarla ad una manciata di classi e otterremo gli angoli arrotondati in un attimo.

Figura 11 - Il nostro bozzetto con gli angoli arrotondati

Altri articoli

Altre guide

Altre newsletter