Cos'è un layout liquido?

Question

Il mio designer continua a buttare fuori il termine layout "liquido".Cosa significa questo?

Grazie per il chiarimento, l'ho sempre chiamato layout percentuale e pensavo che stesse dicendo che i pezzi potevano essere spostati, e che era liquido

Answer 1

Un layout "liquido" è un layout del sito che si espande fino a riempire l'intera area disponibile man mano che la finestra del browser viene ridimensionata.In genere questo viene fatto utilizzando i CSS.I layout liquidi possono essere molto utili per alcuni tipi di siti, ma tendono anche a richiedere uno sforzo significativamente maggiore rispetto ai layout a larghezza fissa e la loro utilità dipende dal contenuto del sito e da quanto sono ben implementati.

Answer 2

Da http://www.maxdesign.com.au/presentation/liquid/ :

Tutti i contenitori della pagina hanno le loro larghezze definite in Percents, il che significa che sono completamente basati sul punto di vista anziché sul blocco contenente iniziale.Un layout liquido si sposterà e fuori quando ridimensiona la finestra del browser.

Answer 3

Fondamentalmente, è un layout di una pagina web che non si basa su specifiche di larghezza specifiche per gli elementi nella pagina.

Vedi la discussione su Wikipedia.

Answer 4

Significa un layout che si adatta dinamicamente alla larghezza e all'altezza del browser (o di qualunque client), per utilizzare in modo efficiente tutto lo spazio disponibile sullo schermo, al contrario dei layout (per lo più) a larghezza fissa che sono realizzati per adattarsi a una risoluzione del denominatore comune in quel particolare tempo (es.800x600 è stata la norma per i siti Web per molti anni).

Answer 5

Guarda questo:http://www.time-tripper.com/uipatterns/Liquid_Layout

Answer 6

I layout liquidi si riferiscono al concetto di design di un sito web.Un layout liquido si sposterà dentro e fuori quando ridimensioni la finestra del browser, poiché contiene percentuali e larghezze relative nel CSS.

Answer 7

Significa semplicemente che si contrarrà/espanderà per riempire la dimensione della finestra del browser (di solito la larghezza), fino a un certo punto se le cose sono fatte bene.Altrimenti il ​​testo può diventare piuttosto difficile da leggere su monitor grandi (24"+).

Answer 8

Uno dei due:

• Il design verrà ridimensionato in base alla larghezza del browser (ad esempio, se il browser fosse largo 1024 px, anche il design lo sarà)...anche se questo diventa piuttosto divertente quando si progetta per browser di larghezza 100px (a volte i progettisti impostano effettivamente una larghezza minima).

• Il disegno ha una larghezza fissa, ma viene impostato in una misura utilizzando una dimensione relativa...per esempio "em"...quindi aumentando la dimensione del carattere aumenta la larghezza della pagina.

Answer 9

Un layout liquido è un metodo di layout CSS che definisce tutte le larghezze in percentuale, quindi le aree della pagina aumenteranno/ridurranno quando il viewport (finestra del browser) viene ridimensionato.

Sono molto utili se si cerca di creare un sito adatto sia agli schermi grandi che a quelli piccoli.Sono un po' più difficili da gestire rispetto ai layout fissi, perché stai rinunciando a un certo livello di controllo su come tutto si adatta alla pagina e devi prestare molta attenzione ai tuoi contenuti, per assicurarti che non cadano a parte esteticamente il ridimensionamento.

Direi che i layout liquidi sono più utili per i siti con testo pesante con un layout di colonne abbastanza semplice.Potresti anche trovare una via di mezzo con un layout "elastico", che abbia sia aree liquide che fisse.

Answer 10

In un vero layout Liquid, i tuoi contenuti si espandono e si contraggono per adattarsi alla finestra del browser dell'utente in modo significativo, calcolato e intelligente.Quindi è molto più che impostare semplicemente le larghezze delle colonne e dei contenitori su percentuali.

Fatto bene, ciò può comportare un aumento della qualità percepita.Fatto male, è un incubo di usabilità.

Diventare Liquid è un enorme dolore al sedere.Tuttavia, ne vale la pena se l'argomento/cliente/prodotto/i per cui stai costruendo il sito ha una forte qualità visiva (si pensi al sito di un film di successo estivo), richiede una certa vestibilità e finitura o se deve essere visualizzato grandi porzioni di dati.

Nota:Lo aggiornerò un po' più tardi con collegamenti a buoni esempi e citazioni per le mie affermazioni