Fisso o liquido?
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?
Vota!
Loading ...Articoli che potrebbero interessarti
Ditemi che non sono malatoConnessione ADSL senza telefono?
Natale high-tech
Cellulare anche a casa?
13 Aprile 2008 - Meucci Day
07 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.
07 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
07 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…
07 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!
07 Marzo 2007 alle 10:33
@Senzastile
mmm… al mix tra i due non ci avevo pensato…
07 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-widthcome dice senzastile07 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
07 Marzo 2007 alle 10:58
Siamo lì anche per Napolux.com…
07 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.
07 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…
07 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.
07 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?
07 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.
07 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
07 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.
07 Marzo 2007 alle 19:15
Ma min e max-width sono css standard?
07 Marzo 2007 alle 19:38
Sì sono standard, ma IE se ne infischia
http://www.svendtofte.com/code/max_width_in_ie/
07 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
07 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
07 Marzo 2007 alle 23:18
@Napolux ie7 mi sembra che supporti il mx e min width.
08 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.
08 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”.
09 Marzo 2007 alle 11:25
ma come diceva gistamente Francesco, se hai un monitor veramente wide la finestra del browser nn sarà mai massimizzata…
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.
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!
12 Aprile 2007 alle 12:34
[...] http://www.napolux.com [...]