Scritto da Arquen il 13/gen/2012 | 297 letture

Finalmente dopo tante modifiche sono riuscito a trovare lo stile giusto. Semplice e che molti copieranno, (alcuni già lo hanno fatto). Ci sono tante piccole sfumature in un layout fatto bene che solo "chi fa lo stesso mestiere" può scorgere.

La giusta grandezza dei caratteri
E' importante utilizzare diverse dimensioni a seconda dell'importanza della parola, della frase o del testo.

La giusta distanza tra testi e vari elementi della pagina
E' importante distanziare i vari testi della pagina.

La giusta divisione degli elementi nella pagina
E' importante scegliere bene dove posizionare il logo, il menu, il testo, e gli altri elementi in modo tale che il sito risulti usabile.

I giusti colori
Sono riuscito, con il solo utilizzo di bianco, nero e sfumature di grigio, ad ottenere un layout senza punti deboli. C'è il classico blu dei link, ho dovuto fare una rigida selezione prima di trovare quello più adatto.
Poi la combinazione di quattro colori utilizzati già da altri: verde, rosso, giallo e blu, scelti con cura e che vanno ad aggiungere quelle piccole cose che rendono completo il layout.

Il giusto font
Quello che ho trovato è davvero molto bello, grazie ai font di Google.

La giusta grafica
L'utilizzo della grafica è ridotto all'essenziale: il logo, le icone del menu, e qualche altra per le liste e la gallery.

La giusta risoluzione
Il layout è sempre liquido, ma diverso dai precedenti. Prima lo realizzavo in modo tale da adattarsi a qualunque risoluzione, ora siccome ci sono i matti che navigano utilizzando monitor dai 21 pollici in su', ho limitato la larghezza. In più c'è la versione per tablet e dispositivi mobile, basta ridurre la finestra del browser per notare il cambiamento. Comodissima per navigare con lo smartphone, devo solo ottimizzarla meglio per le tablet.
C'è molta differenza tra il progettare un layout per la navigazione col mouse e un layout per la navigazione touch.

I giusti elementi
La gallery che mostra alcuni siti realizzati.
Il menu principale in alto molto attuale, mentre il sottomenu è a fondo pagina dopo la lettura della pagina.
Layout a due colonne, nella seconda uno stile che mi è stato copiato da importanti siti. E' molto utile perché permette di recuperare molto spazio.
Il footer molto semplice.

Riflessioni
Il mio sito sembra più quello di una web agency, piuttosto che di una singola persona. Di solito le singole persone che pubblicizzano il proprio lavoro realizzano un sito che è a metà tra una carta d'identità e un curriculum vitae. Sono molto belli quei siti, però a me non piace mostrare la mia identità a tutti su internet... fidarsi è bene, non fidarsi è meglio...

Curiosità
La riga nera in alto l'ho pensata e realizzata prima io e poi Twitter e Google. Ho più volte pensato di farmi assumere, ma senza la laurea chi mi prende? :D
E' possibile scorgere anche altre similitudini, per esempio le sezioni shopping e aggregatore del mio network e le sezioni shopping e news di google. :D
Poi altri siti meno importanti di Google e Twitter, ma molto più di me hanno copiato le notizie esterne aggregate e la colonna apri/chiudi. Qualcuno mi ha anche chiesto se potevo fornire il codice sorgente di uno dei miei siti. :D

Cufon Replace

• 15 pagine in .html
• HTML5 e CSS3
• layout basato su Grid
• i migliori script jQuery
• compatibile con tutti i Browser
• controlli form in Ajax

...è tuo a soli 15 euro

DEMO | DESCRIZIONE

contattami per maggiori informazioni →

← Torna indietro