2015-07-23 12 views
6

Ho una domanda generale sul web design. Recentemente il nostro ufficio ha acquisito un paio di schermi televisivi 4K molto grandi. La prima cosa che la gente ha fatto è stato collegare un Surface Pro 3 ad esso.Sviluppa la risoluzione 4K sul desktop o lascia che i browser gestiscano il ridimensionamento?

Ho caricato il nostro sito Web aziendale su di esso. Non è grandioso. È molto, molto, molto sottile. È stato sviluppato per essere reattivo fino a risoluzioni intorno a 1080p.

Ora, questo era IE11, su Windows 8.1. Non so cosa Edge abbia in serbo con Windows 10. Tuttavia so che Chrome ha una modalità "HiDPI" che, credo, imposta una dimensione dello schermo del dispositivo e ridimensiona tutto, e stanno migliorando attivamente la funzione.

Se lo schermo è stato trattato come se fosse 1080p, e tutto è stato ridimensionato di 2x, sono in chiaro per tutti i miei siti web.

La mia domanda è, devo contare sul ridimensionamento del browser? Diventerà la norma? O è semplicemente un male necessario che devono implementare per retrocompatibilità con l'attuale maggioranza dell'intera internet?

Devo continuare ad aggiungere un design più reattivo e assicurarmi che abbia un bell'aspetto, il tutto fino alla risoluzione 4K? Ci sono dei metatag di cui essere a conoscenza per assicurarsi di sfruttare il ridimensionamento del browser quando possibile?

Ci scusiamo per la raffica di domande. Per mantenere questo breve e dolce, ti chiedo semplicemente:

Devo iniziare a concentrarmi sull'assicurare che i miei siti Web reattivi abbiano un bell'aspetto fino a risoluzioni 4K o continuare a sviluppare per 1080p e pregare che il ridimensionamento dei browser diventi la norma per schermi 4K?

+1

Forse potresti eseguire una sorta di analisi per tenere traccia delle risoluzioni delle finestre per i visitatori del tuo sito per vedere se vale la pena di svilupparlo. Probabilmente sarebbe bello scherzare con il 4K, soprattutto perché hai i dispositivi solo prurito da usare, ma sei l'unico a visitare il sito con 4K? Inoltre, 1080p è un limite tipico per i televisori, ma non necessariamente monitor. – redbmk

+0

Una cosa che riguarda il ridimensionamento è che la qualità dell'immagine sarà ridotta –

+0

Dall'esame di tutti i commenti e le risposte, questo non sembra molto diverso da quello che se avessi impostato un metodo per lo sviluppo in retina, avresti solo diversi livelli di risoluzioni potenzialmente. – Hayden

risposta

1

La mia domanda è, devo contare sul ridimensionamento del browser? Diventerà la norma?

Il ridimensionamento DPI è importante per i dispositivi mobili in cui si hanno schermi piccoli con un'alta densità di pixel.

Sui desktop, la trama non è così semplice. Ci sono 24 "display 4K che puoi facilmente considerare come display ad alta DPI e quindi gli utenti probabilmente sceglieranno l'applicazione del ridimensionamento DPI quando disponibile

Ma ci sono anche grandi display da 30" e fino a 4k. Qualcuno potrebbe persino scegliere di usare un monitor da 60 "4k come monitor del computer, dove la densità dei pixel è molto più bassa e il ridimensionamento dei DPI potrebbe sprecare un sacco di proprietà immobiliari Così gli utenti potrebbero scegliere di eseguire tali configurazioni senza ridimensionamento.

Tali utenti potrebbero essere una piccola minoranza nel prossimo futuro, ma quelli esistenti potrebbero apprezzare un design reattivo che fa qualcosa di ragionevole con risoluzioni così elevate.

Se lo sforzo vale, dipende da voi decidere. Gli utenti hanno sempre la possibilità di utilizzare lo spazio dello schermo in modo diverso, ad es. visualizzando invece due applicazioni affiancate.

+0

Andiamo con questo come risposta perché tu fai un ottimo punto. Affidarsi al ridimensionamento del browser potrebbe non essere adatto a coloro che utilizzano uno schermo 4K per gli immobili e avere finestre di dimensioni più piccole aperte, ma potrebbe anche voler visualizzare a schermo intero un sito Web. Dovrebbe avere un bell'aspetto quando è in finestra, e dovrebbe avere un bell'aspetto quando è a schermo intero. Devo fare il mio gioco. – addMitt

+0

Affidarsi al ridimensionamento del browser avrebbe funzionato in tale scenario, qualsiasi implementazione ragionevole del supporto DPI elevato includerebbe il trattamento dei pixel in modo diverso, in modo che 1px sembrasse la stessa dimensione su uno schermo 4K come su uno schermo normale - ciò significa che la query multimediale i punti di interruzione funzionerebbero allo stesso modo, non dovresti modificare alcun CSS se implementano il supporto DPI alto nei browser. –

2

Utilizzare le query multimediali per ospitare la cassa d'uso extra. Anche se i browser alla fine si azzerano e iniziano a trattare 1px in modo diverso per schermi desktop diversi, questo potrebbe richiedere un po 'di tempo e nel frattempo il tuo sito sembra schifo su quegli schermi 4K.

Per una guida su come gestire 4K è possibile controllare questo articolo, che è utile: http://www.infiniteproduction.eu/blog/building-4k-uhd-website-3840-2160

La sostanza di base è che si vuole scalare il layout, rendere le immagini vettori, ove possibile, in modo che possano anche scalare e ridimensionare le dimensioni del carattere.

Quando/se i browser alla fine ottengono il supporto per gli schermi a risoluzione 4K, il tuo sito continuerà a funzionare correttamente, quindi non c'è davvero nulla da perdere.

+0

Adoro l'articolo, grazie per l'intuizione. – addMitt

+0

Tristemente il link è 404ing, qualcuno ha un link diverso? – gleenn

Problemi correlati