2013-08-09 10 views
7

C'è una tendenza del web design che ho visto sempre di più nei siti che trovo. Il fatto è che non so come si chiama ufficialmente, quindi non so come cercare l'argomento nei siti web o nei blog. Mi piacerebbe trovare tutorial e articoli relativi a suggerimenti e best practice, ma non ne ho trovato nessuno e non conosco le persone che chiamano questo stile di design.Web design "Una pagina"/"lunga pagina anteriore"?

Fondamentalmente, sta avendo una lunga prima pagina (o anche all'interno di pagine) con molte sezioni orizzontali con grandi immagini e testo. È un po 'come i siti di una pagina, ma non è una pagina. È un po 'come Parallax, ma in realtà non usa l'effetto di parallasse (non necessariamente almeno). Inoltre, è strettamente correlato al design reattivo, poiché condivide quel lungo formato verticale creato per un sacco di scorrimento.

Un paio di esempi di ciò che mi riferisco a: www.marketo.com, www.ginzametrics.com, www.kinhr.com

Apprezzerei tutto l'aiuto per trovare il nome ufficiale di questo, se ce ne sono, o anche articoli o risorse correlate. Grazie!

+0

Una parola che tende ad apparire accanto a questo tipo di design è il design "piatto". Non tutte le pagine del genere sono disegni piatti, e non tutti i disegni piatti sono pagine del genere, ma sono spesso usati. [Un paio di esempi qui] (http://dribbble.com/search?q=flat+web+page) –

+1

"scrolling infinito", penso? Ecco un bell'esempio: http://orange.com/sirius/histoire/en/history-highlights/ – erewok

risposta

4

Sono disegni "a scorrimento di pagina lunga". Vedi: http://www.dtelepathy.com/blog/inspiration/long-page-scrolling-designs

Un'applicazione a pagina singola NON è uguale a un "sito Web a pagina singola". Prima di tutto, la differenza tra un'applicazione e un sito è che un sito viene semplicemente utilizzato per visualizzare informazioni mentre un'applicazione fornisce una funzione o un servizio o un servizio all'utente. Le applicazioni sono interattive per necessità. Inoltre, le app a pagina singola possono avere più di uno "schermo" o "visualizzazione", ma queste viste vengono caricate tramite chiamate AJAX dietro le quinte e non richiedono un aggiornamento della pagina. Esempi di applicazioni a pagina singola includono Gmail e Facebook.

Un sito Web a pagina singola non ha necessariamente un design a scorrimento di pagina lunga.

5

credo che il termine tecnico che stai cercando è single-page application o a pagina singola interfaccia.

I risultati di ricerca di Google per la frase "sito Web a pagina singola" mostrano che viene utilizzato per descrivere gli stessi tipi di siti. Un sito Web di una pagina si presenta come un altro sinonimo (onepagelove.com fornisce una raccolta di disegni di siti a pagina singola, ad esempio).

Tuttavia, l'applicazione a una sola pagina sembra essere il termine più ufficiale e completo. In particolare, viene utilizzato attivamente come tag di domanda qui a Stack Overflow: https://stackoverflow.com/questions/tagged/single-page-application

+0

Bene, questo si avvicina molto, ma molti dei siti che ho visto non sono in realtà siti Web a pagina singola. Vedi http://www.kinhr.com per esempio: ha molto su una singola pagina, ma ha anche alcune pagine aggiuntive. Ma penso che si avvicini abbastanza visto che molti principi di design rimangono gli stessi. Grazie! –