Skip to main content

Web design e dimensioni o risoluzione dello schermo

Ripristinare interfaccia CLASSICA in AutoCAD 2020-19-17-16-15 (Aprile 2025)

Ripristinare interfaccia CLASSICA in AutoCAD 2020-19-17-16-15 (Aprile 2025)
Anonim

La risoluzione delle pagine Web è un grosso problema. Molti siti che insegnano web design hanno scritto su di esso e, a seconda di chi si crede, si dovrebbero progettare pagine con il minimo comune denominatore (640x480), la risoluzione più comune (800x600) o il più all'avanguardia (1280x1024 o 1024x768). Ma la verità è che dovresti progettare il tuo sito per i clienti che vengono da esso.

Informazioni su risoluzioni dello schermo

  • 640x480 non è morto
  • Mentre 640x480 non è così comune come una volta, questa risoluzione è ancora in circolazione. I vecchi computer, i laptop con schermi più piccoli, i netbook e le persone che hanno bisogno di caratteri più grandi utilizzano tutti questa risoluzione. Anche se scegli di non progettare la tua pagina con questa risoluzione, dovresti testare il tuo sito a questa risoluzione.
  • 800x600 è molto comune
  • Molte guide di progettazione di siti Web consigliano di progettare siti Web con risoluzione 800x600. Anche se questa risoluzione è più comune sul web in generale, questo potrebbe non essere il caso per i tuoi clienti. Se hai intenzione di riprogettare il tuo sito web, dedica alcune settimane ad analizzare le statistiche del browser per determinare le risoluzioni più comuni utilizzate da il tuo clienti.
  • 1024x768 è molto più comune
  • Gli schermi diventano più grandi e 1024x768 è l'altra dimensione popolare da progettare perché molti designer hanno monitor che li supportano in modo nativo. Ma questa risoluzione può essere abbastanza difficile da leggere per molte persone. Un monitor portatile da 14 pollici potrebbe supportare 1024x768, ma il testo è praticamente illeggibile. E i laptop sono molto popolari.
  • 1280x1024 e più grandi sono meno comuni
  • Per lo più vedrai queste risoluzioni più grandi su computer desktop o laptop di fascia alta. Ma spesso a queste dimensioni più grandi, i clienti non navigano a schermo intero. Quindi progettare un sito più ampio di 1000 pixel causerà scrollbar orizzontali sulla maggior parte degli schermi.

Tieni a mente queste risoluzioni

  • Non tutti massimizzano il loro browser
  • Se determini che i tuoi clienti navigano a 1024x768, potresti creare pagine che richiedono lo scorrimento orizzontale. Perché? Perché mentre navigano a quella risoluzione, non massimizzano la finestra del browser, quindi 800x600 potrebbe adattarsi meglio alla finestra del browser.
  • Non dimenticare il chrome del browser (non il browser Google Chrome)
  • I browser sottraggono fino a 50 pixel a destra e a sinistra e 200 pixel in alto e in basso per il proprio uso per elementi quali barre di scorrimento, barre degli strumenti e il contenitore della finestra. Questo è chiamato chrome del browser. Quindi, se crei un tavolo largo 800 pixel, i clienti con browser ottimizzati su schermi con risoluzione 800x600 dovranno scorrere orizzontalmente.

Come gestire le dimensioni dello schermo in base alla risoluzione

  1. Determina chi visualizza il tuo sito: Esamina i tuoi file di registro web o crea un sondaggio o uno script per determinare la risoluzione effettiva dei tuoi lettori. Usa lo script delle dimensioni del browser del mondo reale per tenere traccia dei tuoi lettori.

  2. Basare le tue riprogettazioni sui tuoi clienti:Quando ridisegni il tuo sito, costruiscilo in base ai fatti del tuo sito web. Non basarlo sulle statistiche del "web" o di quello che dicono altri siti. Se costruisci un sito che si adatta alla risoluzione che usano i tuoi clienti, li manterrai molto più felici.

  3. Metti alla prova il tuo sito a varie risoluzioni:Cambiare le dimensioni dello schermo (cambiare la risoluzione dello schermo di Windows o la risoluzione dello schermo Macintosh) o utilizzare uno strumento di test.

  4. Non aspettarti che i tuoi clienti cambino: Non lo faranno. E porre restrizioni su di loro solo li incoraggia a partire.