dovrebbero siti web espandere il ridimensionamento della finestra?
https://stackoverflow.com/questions/27381
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Mi sto chiedendo questa domanda, esclusivamente da un punto di vista di usabilità:Se un sito web espandere/stretch per riempire l'area di visualizzazione quando si ridimensiona una finestra del browser?
So per certo che ci sono le ovvie contro:
- Ampia colonne di testo sono di difficile lettura
- Scrittura di html/css utilizzando percentuali può essere un dolore
- Ti rende vulnerabile al design allungato passato i limiti di se un'immagine è troppo grande, o un blocco di testo viene aggiunto che è troppo lungo.(vedi che è un dolore di codice html/css)
L'unico Pro che posso pensare è che gli utenti che utilizzano il tipo di carattere di ridimensionamento che è integrato nel loro browser non hanno a che fare con le colonne che sono di poche parole, con un corpo di spazio su entrambi i lati.Tuttavia, penso che potrebbe essere un browser problema più che altro (Firefox 3, consente di zoom tutto invece di appena il testo, che è utile per tutto il tempo)
modifica:Ho notato overflow dello stack è a larghezza fissa, ma coding horror ridimensiona.Sembra che Jeff non ha una forte preferenza in entrambi i modi.
Soluzione
HTML grezzo fa proprio questo.Cambia i tuoi dati in modo da non rendere così bene in dimensioni casuali di windows?
Nei giorni olden, tutti avevano schermi VGA.Ora, che la risoluzione è più raro.Chissà cosa le deliberazioni sono andando essere comune in futuro?E perché aspettare una certa altezza o larghezza minima?
Da un punto di vista di usabilità, che richiedono una certa risoluzione da parte degli utenti è solo andando a creare un degradati esperienza per chi non si utilizza la risoluzione.Un'altra cosa che viene da questo è ciò che è larghezza fissa?Ho visto un sacco di dimensione fissa di windows (popup) che proprio non rendere giusto perché i miei caratteri sono differenti dal designer.
Altri suggerimenti
In termini di sito web scalabilità mi piace di dimensioni fisse siti web che si adatta bene utilizzando il browser funzione di "zoom".Non voglio davvero ampia pagina con i caratteri minuscoli sul mio 1920 res monitor.Non so se il web designer deve fare di tutto per far si scala bene quando è ingrandita, ma lo zoom in FF3 è impressionante, l'uno in IE7 è inutile...
Il design dovrebbe essere fluido all'interno di ragionevole limite.
Utilizzare il CSS ha min-width e max-width proprietà (che funziona in tutti i browser, tra cui IE7+) per evitare di design che si estende troppo.
La cosa importante è non avere mai un blocco di testo stretch troppo larghe.Se una finestra è espansa, nessun blocco di testo deve essere a tempo indeterminato tratto di partita, perché la lettura diventa una difficoltà.
Come hanno detto, dipende da quali informazioni il sito è la visualizzazione.Due buoni esempi sono StackOverflow, e Google Immagini..
Se stackoverflow adattata allo schermo, più risposte sarebbe fastidioso da leggere, perché l'occhio trova difficile per la scansione su lunghe linee - questo è esattamente perché giornali utilizzare le colonne per tutto, e perché i libri sono tutti lo stesso tipo di larghezza.
Con Google Immagini, il cui contenuto è sostanzialmente un gruppo di 200px di larghezza immagini, si estende per adattarsi al browser di larghezza e ancora perfettamente leggibile.
Fondamentalmente, tenete a mente l'occhio odia la lettura di lunghe righe di testo, e basa il suo design che.È possibile progettare il vostro sito in modo che quando si aumenta la dimensione del font, tutti i layout bilancia bene con (L'unico sito che riesco a pensare che questo non è www.geektechnique.org - premere il ctrl and -/= o ctrl+scrollwheel, e le modifiche del layout di larghezza con la dimensione del carattere)
Credo che come un sacco di cose:dipende.Io di solito fare entrambe le cose.Alcuni contenuti soggiorni larghezza fissa a guardare bene, o se non può usufruire di più spazio.altra roba è impostato al 100% se ti sembra che sarebbe utile.
Questo deve essere deciso su quanto sia complicato il design del tuo sito web.Il più complicato, graficamente o di un componente il saggio (quantità di contenuti div), a determinare quanto bene il vostro sito web sarà in scala.In genere si trovano più i progettisti grafici del sito web non scala, perchè sono a uso intensivo di grafica.Tuttavia sito informativo di scalare per utilizzare al meglio leggibile spazio sullo schermo e non sono complicati per facilità di uso.La sua una questione di preferenza davvero.
Penso che dipende dal contenuto del sito.Siti come SOFlow, Forum e altri siti hanno un'enfasi sulla lettura di un sacco di dettagli, in modo da avere più immobili a farlo è un grande vantaggio nella mia mente.Meno di scorrimento verticale, il migliore.
Tuttavia, per i siti un po ' meno esigenti sul livello di lettura, anche i blog o i siti di vendita in cui si sta semplicemente la visualizzazione di un singolo prodotto, avendo una larghezza fissa consente di mantenere le cose il più conciso.
Io sono un grande fan di completamente fluido disegni.Come per l'usabilità reclami riguardanti le linee di testo che sono troppo a lungo...se sono troppo lunghi, a causa delle dimensioni della mia finestra del browser, quindi posso facilmente rendere la finestra più stretta come posso fare di più.
Nota:se si utilizza la funzionalità di zoom nel browser, un layout fisso schiaccia il testo, mentre un layout fluido e permette di occupare l'intero schermo.
Forse questo è solo un browser problema, ma è sicuramente un argomento a favore di fluido
Paragrafo larghezza maggiore di visualizzazione fare un sito web completamente inutilizzabile.Devi dondolare la barra di scorrimento orizzontale avanti e indietro per ogni singola riga che leggi.Sto facendo un web design soggetto all'università e il libro di testo, chiamate i disegni che si adattano al vostro schermo di larghezza layout fluido.
Sto progettando il mio grande progetto di classe utilizzando layout fluido, è un po ' di problemi in più rispetto a larghezza fissa.Ho il sospetto che nessuno degli altri studenti di utilizzo, i marcatori non si nota e nessuno dei siti professionali stiamo imitando sono fluidi sia.
Direi fluido in tutto il modo. L'utente può sempre tornare a una dimensione più piccola finestra se non come il risultato di ingrandimento, ma non può fare nulla su un layout fisso.
Se davvero, davvero odio l'idea del tuo sito alla ricerca di brutto a causa di qualcosa di un utente con un grande schermo, quindi per il bene di tutti che è vero e bello, almeno non utilizzare mai pixel-based layout fissi! Il CSS ha questi graziosi testo-dimensione relativa unità come "em" che permettono di parti della pagina in scala con le dimensioni del carattere, mentre altri (come le immagini) rimanere nella loro dimensione "naturale".
Perché non utilizzarli e rendere la vostra pagina di scala anche senza contare sul meno flessibile di scala "tutto" di FF3 che è davvero solo una soluzione per i siti che utilizzano un muto pixel-based layout fisso?
Un sacco di persone stanno dicendo cose come: "è una questione di gusto" o "non mi piace caratteri grandi sul mio ad alta pixel del display." Numero di pixel non ha nulla a che fare con esso, e non è una questione di gusti.E ' una questione di DPI, che è direttamente correlato alla risoluzione del display e la dimensione del carattere.Se il layout di scale con i DPI dei caratteri (essere specificato in ems, per esempio, e l'utilizzo del formato SVG), poi si finisce con molto bella, molto nitida siti web che funzionino in modo ottimale con qualsiasi display.
Questa è una questione di stile di preferenza.Entrambi possono essere ugualmente utilizzabili a seconda dell'implementazione.Le colonne possono essere utilizzati, se lo schermo diventa abbastanza ampio.Personalmente, trovo fastidioso quando vi è un unico, sottile colonna di testo andando giù per lo schermo.
Edit per il 2012:Sì, il vostro sito deve rispondere alla dimensione della finestra che viene visualizzata in.
Ci sono molti posti per saperne di più su questo, tra cui:
Probabilmente c'è un compromesso design tra fisso e fluido disegni.È possibile progettare un sito fluido, ma impostare la proprietà css max-width a 1024 (o quello che è).Questo significa che si ottiene un layout fluido quando il window width è inferiore a 1024 e fixed width quando è più grande.
Quindi, per restringere la schermata di utenti (come il mio 800 pixel eee 701) non devi girare la barra di scorrimento orizzontale per leggere ogni singola riga e l'ampio schermo utenti (che non so come ridimensionare la finestra del browser) non si ottiene 500 caratteri, 1 carattere di alta paragrafi.
