Posted By peg on 19 marzo 2009
I layout fluidi rappresentano una tecnica di progettazione di layout di pagina (dunque si parla di xHTML e CSS) il cui fine è adattare il contenuto alle dimensioni della finestra (e non viceversa!).
Le dimensioni della finestra sono dunque definite dall’utente finale che può fare un po’ quello che vuole: tutto schermo, finestrelle minuscole, ecc…
Solitamente la diatriba riguardante la scelta di implementare o meno un layout fluido si concentra sulla maggiore complessità di realizzazione, sulla libertà di design ed in generale sull’impatto a livello di costi.
Vorrei a questo punto spostare l’attenzione dal puro aspetto grafico e stilistico ai contenuti, protagonisti della nostra pagina web!
Righe di testo troppo lunghe!
Una grafica liquida abbinata ad uno degli ormai comuni schermi da 20″ ad altissima risoluzione può facilmente produrre delle righe di testo estremamente lunghe e di difficile lettura: Sullo schermo non possiamo farci aiutare dal dito indice!!!
Nella mia esperienza di web designer ho imparato che la lunghezza della riga influisce molto sull’usabilità dei contenuti della pagina.
Un’importante eccezione:
Spezzo comunque una lancia a favore dei layout fluidi: essi permettono l’ingrandimento del testo più o meno a piacere aiutando dunque chi, come me, sta lasciando 4 diottrie su ogni progetto!
In un layout a dimensione fissa l’ingrandimento del testo può facilmente provocare sovrapposizione di paragrafi e blocchi grafici con il pessimo risultato di rendere illeggibile la pagina stessa.
Category: Usabilità, Web Design Project-Id-Version: WordPress 2.7.1
Report-Msgid-Bugs-To: wp-polyglots@lists.automattic.com
POT-Creation-Date: 2009-02-10 20:55+0000
PO-Revision-Date: 2009-02-11 09:36+0100
Last-Translator: SteveAgl
Language-Team: Italian (www.wordpress-it.it)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Plural-Forms: nplurals=2; plural=n != 1;
X-Poedit-Language: Italian
X-Poedit-Country: ITALY
X-Poedit-SourceCharset: utf-8
X-Poedit-KeywordsList: __;_e
X-Poedit-Basepath: .
X-Poedit-SearchPath-0: .
|
No Comments »
Tag: layout, layout fluidi, leggibilità, pagina web, Usabilità