Fisso o liquido?

mercoledì 7 marzo 2007

Vota!

Loading ...

Si fa un gran parlare di layout fissi o liquidi per i blog e più in generale per le pagine web. Ci sono diverse scuole di pensiero:

Quella del liquido: che afferma che occupare tutto lo spazio è "una necessità". Giovy.it ultimamente è passato ad un layout liquido. E' molto carino, ma da quando sono passato ad un portatile widescreen lo spazio troppo largo dei post rispetto alle barre laterali non mi fa impazzire.
Quella del fisso: Merlinox mi faceva notare (giustamente) che un layout fisso permette un maggior controllo sulla resa finale di quanto scritto, senza doversi preoccupare di monitor e risoluzioni.

Tiziano tempo fa faceva notare come 960px per un layout fisso vadano bene per la stragrande maggioranza delle risoluzioni da 1024x768 in su. C'è da dire che chi ha monitor ad altissime risoluzioni di solito non occupa tutto lo schermo con il browser.

Per Napolux.com mi sto orientando verso un layout fisso dopo un'iniziale infatuazione per il liquido; mi piacerebbe però allargare un attimo il discorso al design in generale. Meglio fisso o liquido? Perché? In che casi usare uno o l'altro?

Questo articolo è stato pubblicato mercoledì, 7 marzo 2007 alle ore 00:03 Se non vuoi perdere nemmeno un articolo del mio blog abbonati al feed RSS. Se non sai cos'è un feed RSS puoi guardare questo video, spiega tutto!

In alternativa puoi abbonarti alla newsletter, riceverai un'email ogni volta che verrà pubblicato un nuovo post. Il tuo indirizzo email sarà gestito da Feedburner.

26 Commenti a “Fisso o liquido?”

MarioMiX scrive:
7 marzo 2007 alle 00:33
Per tutti i siti, tranne quelli del settore design, moda e nuove tendenze, secondo me è più opportuno usare il liquido. La vedo anche come una forma di rispetto verso il visitatore che vedrà il sito adattato alla propria risoluzione. A me darebbe fastidio avere una TV 16:9 ed essere obbligato a vedere i film in 4:3.
E tale scelta è auspicata anche dal campo didattico: all’università, come esempio, ci parlavano spesso del “caso Repubblica.it” e della sua cattiva strutturazione (i discorsi si riferivano a prima dell’attuale restyling) lasciando buona parte dello spazio alto della pagina vuoto e inutilizzato a causa del layout fisso allineato a sinistra. La parte alta di una pagina web infatti, secodo la letteratura, è la parte che gli utenti percepiscono come più importante, e lasciarla inutilizzata è uno “spreco”.
Poi dipende da ciò che si vuole fare e dal come lo si vuole fare: ci sono layout fissi di rara bellezza che non potrebbero mai essere trasformati in liquidi.
Mavero scrive:
7 marzo 2007 alle 08:38
direi sia l’uno che l’altro … dipende dal contesto e dal contenuto e soprattutto da come vuoi mostrarlo … un bel 50% e passo il testimone al prossimo commentatore
Giovy scrive:
7 marzo 2007 alle 09:01
La mia esperienza al riguardo: ho sempre avuto layout “fissi” e non ho avuto il minimo problema ma… con l’aumentare delle risoluzioni medie dei monitor (ormai lo standard è passato da 800×600 a 1024×768, con i 1280×1024 dietro l’angolo), ho iniziato a pensare ad una soluzione che andasse bene per tutti.
Ho quindi chiesto a Davide di crearmi un layout liquidi, ma in fase di ottimizzazione chi aveva risoluzioni molto elevate (> 1280×768) si è lamentato della “dispersione del testo”.
Poco male, dato che via CSS ho “bloccato” l’allargamento del testo, in modo che oltre i 1280×1024 il layout sia allargasse ma il testo no.
E’ una soluzione salomonica, che cerca di venire incontro a tutti…
senzastile scrive:
7 marzo 2007 alle 09:26
E’ il dilemma per eccellenza, la soluzione di giovy credo sia il compromesso ideale. Liquido, ma fino ad una certa larghezza altrimenti con le risoluzioni più grandi o con i monitor wide si sputtana il tutto!
Napolux scrive:
7 marzo 2007 alle 10:33
@Senzastile
mmm… al mix tra i due non ci avevo pensato…
Andrea Micheloni scrive:
7 marzo 2007 alle 10:37
Per me è abbastanza indifferente, ma non sono ancora abbastanza ferrato sui CSS per creare dei layout liquidi decenti.
Se hai problemi con il tuo fissati un max-width come dice senzastile
senzastile scrive:
7 marzo 2007 alle 10:55
Attualmente ci sono tante, troppe risoluzioni diverse e monitor grandi o piccoli. è una vera bolgia! Analytics mi dice che le prime 5 risoluzioni su senzastile.it sono:
1) 1024×768
2) 1280×1024
3) 1280×800
4) 1440×900
5) 1680×1050
Napolux scrive:
7 marzo 2007 alle 10:58
Siamo lì anche per Napolux.com…
Merlinox scrive:
7 marzo 2007 alle 13:01
Confermo quanto citato. Il fisso consente di avere un controllo totale del layout, specie se mixato con CSS e definizione dei font fisse (px).
Se inizi a mettere foto in float un layout liquido potrebbe fare casino. Io prima ce l’avevo e mi hanno mandato degli screenshot da paura.

Io cmq se fossi in te taglierei la testa al toro: fatti un layout bello fisso, secondo me ancora in standard 800×600 (il buon vecchio 760) e poi due bei tastini “liquido” e “fisso”.

Il liquido con caratteri titoli etc definiti in em.
Il fisso come lo vuoi tu.
Ci sarà un’oretta di lavoro in più al massimo.
Sid scrive:
7 marzo 2007 alle 16:16
Secondo me un layout fisso da più garanzie: è vero che dovrai rispettare alcune regole (ad esempio dimensioni delle immagini e sidebar) ma proprio per questo eviterai dubbi amletici… della serie o così o così
come base utilizzerei la risoluzione a 1024×768 (cioè max 960 px di larghezza) visto che 800×600 ormai la usano in pochissimi…
Merlinox scrive:
7 marzo 2007 alle 16:27
@Sid: hai ragione a dire che sono pochi, però il rischio è quello di perderli.
Sul mio blog (da inizio anno) gli utenti con risoluzione minore o ugale a 800×600 sono stati solo il 7%. Però 7% sono circa 2600 accessi, non mi sembrano ancora da ignorare.
thisend scrive:
7 marzo 2007 alle 17:33
Non conosco molto bene questo settore, ma nn è possibile fare che per soluzioni normali si possa usare un liquido che è più guardabile e per soluzioni estreme, molto grandi e molto piccole, un fisso in modo tale che le colonne nn si stringano o si allarghino troppo?
Merlinox scrive:
7 marzo 2007 alle 17:40
Secondo me le vie di mezzo sono soluzioni che fanno scontenti tutti (vedi Italia in questo momento). Meglio una soluzione definitiva, oppure entrambe.
In questo caso è semplicissimo farlo.
Sid scrive:
7 marzo 2007 alle 17:57
@Merlinox: sei sicuro di perdere lettori? considera che chi usa quella risoluzione sarà abituato a scorrere anche in orizzontale e quindi non è sicuro che ti “abbandoni” come ragionamento però niente da eccepire
senzastile scrive:
7 marzo 2007 alle 17:57
Secondo me con un buon studio iniziale e sfruttando il min e max-width si possono ottenere risultati buoni su quasi tutte le risoluzioni. Far contenti tutti attualmente la vedo dura. Attualmente sto lavorando ad un sito e per risolvere i problemi di risoluzione ho sfruttato le due proprietà dette sopra, arrivando ad un risultato decente sulle risoluzioni più diffuse.
Fabio "Buson" scrive:
7 marzo 2007 alle 19:15
Ma min e max-width sono css standard?
Napolux scrive:
7 marzo 2007 alle 19:38
Sì sono standard, ma IE se ne infischia

http://www.svendtofte.com/code/max_width_in_ie/
Bane scrive:
7 marzo 2007 alle 23:06
Da buon n00b posto il mio commento: ho notato che , personalmente, per un blog personale sia meglio un layout fisso, mentre per un sito di contenuti, specie se con molto testo (un esempio a caso, un sito di modding ) sarebbe meglio un layout fluido, dove ti giochi la larghezza delle eventuali sidebar e del contenuto…Anche se adesso sono su un layout fisso xD
Barbara scrive:
7 marzo 2007 alle 23:08
Mah il problema del fisso secondo me è che per essere certo che lo riescano a visualizzare completamente tutti devi sviluppare un layout davvero ridotto visto che ci sono ancora tanti che usano monitor piccoli … e così che ha un monitor grande si trova a visualizzare un fazzolettino di sito nel centro dello schermo
senzastile scrive:
7 marzo 2007 alle 23:18
@Napolux ie7 mi sembra che supporti il mx e min width.
Samuele scrive:
8 marzo 2007 alle 01:55
Layout fisso sempre.
Guarda il mio photoblog: http://photo.samuelesilva.net/
E’ creato esclusivamente con “absolute”. Splendido. Non si muove mai, certo con alcune risoluzioni spinte risulta spostato troppo a sinista… però è bellissimo.
Gracio scrive:
8 marzo 2007 alle 09:27
Sicuramente un layout fisso risolve numerosi problemi, vedi ad esempio la creazione di bordi arrotondati che sono molto mlto più complessi con un layout liquido.
A me non piace molto però trovare un blog in cui meta dello schermo e’ totalmente inutilizzata, quindi direi liquido.
Sicuramente sia con l’una che con l’altra scelta ci saranno delgi utenti “penalizzati”.
Bane scrive:
9 marzo 2007 alle 11:25
ma come diceva gistamente Francesco, se hai un monitor veramente wide la finestra del browser nn sarà mai massimizzata…
Andrea scrive:
10 marzo 2007 alle 14:25
Sono orribili le pagine “allargate” a dismisura a causa del layout liquido.
Meglio un fisso, o al massimo con max-width… per riempire lo spazio vuoto ci sono vari modi, uno su tutti (e vi sono bellissimi esempi in giro) quello di usare una bitmap gigantesca a scopo ornamentale.
davide scrive:
19 marzo 2007 alle 02:52
Intervengo tardi nella discussione, ma non posso resistere
Fisso o liquido che sia, per me l’importante è che saturi lo schermo: ovvero se scegli un fisso meglio mettere uno sfondo che dia l’impressione di estendersi per tutto lo schermo, se scegli un liquido meglio imporre una dimensione massima per evitare uno scivolamento troppo esteso..
Ciao!
Tommy’s Blog » Blog Archive » Layout Fisso o Liquido? scrive:
12 aprile 2007 alle 12:34
[...] http://www.napolux.com [...]