La larghezza ottimale per una risoluzione a 1024 px

Scegliere di realizzare un sito ottimizzato ad una risoluzione a 1024 pixel di larghezza.

Questo articolo trae spunto da un post pubblicato su cameronmoll.com.
In vari blog si è affrontato questo tema:


passare allo sviluppo di siti da una risoluzione a 800 x 600 ad una a 1024 x n è quasi inevitalbile.

Molti di voi stanno già considerando questo passo, altri lo hanno già fatto.

Quale sarà quindi la larghezza ideale corretta per un layout ottimizzato per i nuovi monitor più grandi che sono ormai sul mercato già da tempo?

Per una risoluzione a 800 x 600 di solito l’ideale è utilizzare un layout di 750-760 pixel.

Nel caso di un 1024, l’ampiezza giusta potrebbe aggirarsi attorno ai 974-984 px.

Nei suoi ultimi lavori Cameron ha utilizzato una larghezza di 960 px, lievemente più piccola dell’intero schermo, in maniera da non occupare l’intero spazio disponibile.

Se ne è parlato anche si edit nell’articolo “960 e non se ne parla più (forse…)” dove ho inserito anche una mia breve opinione al riguardo.

Ti è piaciuto questo articolo?

Ricevi continui aggiornamenti su come migliorare il tuo blog:

Scegli di seguire i post e le chicche di blographik (esclusiva ai soli iscritti), direttamente nella tua casella email.

Abbonati ora alla newsletter compilando questo form.

Nome:
Email:
 
 

Articoli correlati:

Se di tuo interesse, puoi consultare anche i seguenti post correlati:

  • Dal Web Design collaborativo al WaveCamp: news della settimana n. 37

  • Grafica vettoriale e bitmap

  • Il video PAL (Phase Alternation Line)

  • Web Design: Inserire Un Immagine Autoscalabile

  • Ecco uno studio sul design di blog famosi

    • http://blog.merlinox.com Merlinox

      E la verticale? Sul 800×600 ricordo il limite è di 420px (più o meno), mentre sul 1024?

    • http://www.blographik.it mik

      Personalmente di solito considero solo la larghezza, l’altezza è per me poco importante in quanto verrà utilizzata la barra di scorrimento per visualizzare tutto il sito.

      Cerco solamente di stare attento ad inserire la parte più importante della pagina in alto, cercando di evidenziare ciò che voglio che si veda subito, senza scroll.

    • http://blog.merlinox.com Merlinox

      Sono in parte d’accordo con te.
      Capita però di dover fare siti senza scroll esterni, magari usando overflow del div.
      Anche per fare in modo, come dici te, che i contenuti rimangano nella prima schermata, penso sia importante conoscere l’altezza limite.

    • http://blog.merlinox.com Merlinox

      Sono in parte d’accordo con te.
      Capita però di dover fare siti senza scroll esterni, magari usando overflow del div.
      Anche per fare in modo, come dici te, che i contenuti rimangano nella prima schermata, penso sia importante conoscere l’altezza limite.
      DW riporta 955×600 per il 1024×768.

    • http://www.blographik.it mik

      A dirti la sincera verità non mi sono mai posto realmente il problema.
      Nel caso se ne richieda la necessità, bastano un pò di prove di ottimizzazione di larghezza e altezza sia per IE che per Firefox.

      Ho realizzato una pagina di prova e ad una altezza di 600 px ad una risoluzione a 1024×768 non appare la barra laterale.

      Dobbiamo comunque considerare che molti (come me) hanno oltre alla barra di navigazione altre barre che riducono l’altezza in questione, quindi per la realizzare di un layout bisognerebbe considerare una dimensione minore di 600 px per andare proprio tranquilli.

    • http://www.bluevolvox.net Andrea@Bluevolvox

      Recentemente ho creato un sito ad altezza fissa. Il proprietario lo voleva così…io lo volevo strozzare :D
      Non vorrei dire c@#!ate, ma 580px sono sufficienti per non avere problemi. Ovviamente non si può pretendere un header gigantesco! :)

    • http://www.blographik.it mik

      Bisogna sempre raggiungere un compromesso.

      Se hai spiegato al cliente che un altezza fissa non è il massimo e lui non vuol sentir ragione, hai fatto bene ad “abbozzare” è lui che paga ;) .

      Comunque se non sono presenti troppe barre degli strumenti nel browser (io ne ho 3) a 580 px si vede tutto perfettamente, come hai giustamente fatto notate tu.

    • http://www.bluevolvox.net Andrea@Bluevolvox

      Eh si… purtroppo chi sgancia il vil danaro ha (quasi) sempre ragione… e poi c’è sempre più gente che parla di horizontal scrolling!

    • Pingback: » Dal Web Design collaborativo al WaveCamp: news della settimana n. 37 - Blographik - Grafica, web Design e video editing