Se guardi qualche programma di miglioramento domestico in televisione, la frase più ripetuta potrebbe essere "open concept layout". Sapevi che puoi realizzare il fai-da-te anche a un layout open-concept nella progettazione di siti web? Questa tendenza progettuale è più di un'idea di miglioramento della casa.
I concetti aperti sono un modello visivo divertente e funzionale che può aiutare gli utenti a navigare nel tuo sito web controllando il disordine digitale. Ecco come lo fai con 10 mini case studies ed esempi!
Apri Concept Primer
Nel design per la casa, un layout di concept aperto è uno in cui più spazi si uniscono in un modo che ha un flusso che massimizza lo spazio da una stanza all'altra, come una grande planimetria per una cucina e uno spazio abitativo.
? il flusso visivo deve essere ovvio per gli utenti, quindi sanno esattamente cosa fare?Nel web design, il concetto è molto simile. Una disposizione concettuale aperta crea un flusso eccellente tra gli elementi in modo luminoso e arioso. Il design massimizzerà l'uso dello spazio bianco e utilizzerà elementi semplici con armonia, equilibrio e un flusso semplice.
L'uso del colore può essere in grassetto o semplificato e le pagine possono includere un breve o lungo scorrimento.
Questi layout spesso funzionano meglio con un piano dettagliato e un flusso per il design che termina con un singolo invito all'azione. Cercare di mescolare e abbinare troppi elementi e pezzi può risultare in un disegno confuso. La cosa fondamentale da tenere a mente quando si lavora con una tendenza aperta del concept design è che il flusso visivo deve essere ovvio per gli utenti in modo che sappiano esattamente cosa fare con il design e come navigare.
GrowX
GrowX utilizza una grande combinazione di spazi bianchi, immagini pulite e testo e una caratteristica interessante con un titolo ad arco per mescolare elementi in uno spazio aperto.
L'effetto di stratificazione usato qui con testo e immagini è una tecnica comune con concept design aperti. L'uso dei livelli può aiutare a disegnare l'utente da un elemento a quello successivo e mantenere il flusso visivo in movimento.
La cautela con i concept design aperti è che gli utenti possono perdersi nello spazio. Grazie a un trucco intelligente? e gli elementi a strati, gli utenti sanno esattamente dove cercare su questo sito.
NooFlow
Mentre la maggior parte delle idee di concetti aperti ti fanno immediatamente pensare allo spazio bianco che è in realtà bianco, NooFlow dimostra che il colore può essere altrettanto sorprendente.
Il design mescola elementi con un testo bilanciato rispetto al design dell'immagine in un'estetica quasi a schermo diviso. Ciò che unisce tutto ciò è che, mentre è brillante, la tavolozza dei colori è semplice. Eliminando altre tonalità, il design aperto ha un flusso che sembra semplice e incoraggia gli utenti a muoversi attraverso il design.
Open Wear
Open Wear utilizza un concetto a schermo diviso completo ma con immagini direzionali che spingono gli utenti nella direzione del contenuto.
Questo design sembra ancora più aperto grazie alle scelte fotografiche. Il contenuto qui si presta a molto bianco nelle immagini che bilanciano lo sfondo bianco. Nel complesso, il profilo visivo è arioso e fresco anche se ci sono molti elementi e punti di ingresso visivi.
Pensa a questo stesso disegno con una foto a sinistra che è per lo più scura. Cambierà l'intero concetto di design e il flusso.
Brightscout
Brightscout crea il flusso in modo diagonale dal logo e dalla navigazione agli elementi di testo in un'immagine (o viceversa, a seconda di dove l'occhio va per primo).
Il concetto aperto qui appare e funziona molto come la pianta di una casa usando la tecnica di design con lo stesso nome. Ci sono punti di ingresso distinti con linee immaginarie che indicano all'utente dove andare dopo.
E la chiamata all'azione è accentata con un grande pulsante e colore. La funzionalità è ovvia e facile.
Duotix
L'uso esagerato dello spazio è un tema comune quando si tratta di concetti aperti. Lo spazio dice all'utente dove termina una cosa e ne inizia un'altra.
Duotix utilizza questo modello di spazio in tutto il design per creare una distinzione visiva tra i blocchi di contenuti, ciascuno con le proprie chiamate all'azione. Inoltre, sullo scorrimento, sfondi bianchi e colorati si alternano per aiutare a mantenere l'utente in movimento. (È qui che entra in gioco il concetto di flusso aperto).
PopularPays
Con lo scrolling della parallasse e, con un'animazione semplice e margini estremi, PopularPays, crea più spazi per i contenuti e al tempo stesso stabilisce funzionalità.
Le immagini e il testo sono coinvolgenti, in particolare se associati ad effetti animati.
Ciò che è bello di questo design è che dimostra che più tendenze possono lavorare in concerto per creare qualcosa che non è travolgente ma ha un aspetto decisamente moderno. Prende il giusto tipo di contenuto per estrarre un design utilizzando più tendenze e in genere i piani di contenuti più semplici funzionano meglio.
Abel
Come alcuni degli altri esempi, Abel elabora elementi per mantenere l'occhio in movimento da un elemento all'altro. La cosa bella di questa versione del concept plan aperto è che gran parte dello spazio è in cima alla pagina con gli articoli più pesanti sotto.
Lo stesso tema visivo continua sulla pergamena con lo spazio sopra e sotto gli elementi per creare spazi separati nel concept design aperto.
Questo esempio mostra che non tutti i siti di e-commerce devono avere una sensazione completa e disordinata per essere efficaci.
Hampshire Light
La bellezza del design di Hampshire Light è che utilizza un layout web open-concept per un prodotto di design per la casa. (Parla delle tendenze che passano dal mondo digitale a quello fisico!)
Ciò che rende questo lavoro di progettazione è l'uso di spazio asimmetrico e colori brillanti. Tutto ciò che riguarda il design implica una sensazione aperta e ariosa, dagli accenti gialli alla tipografia trasparente sull'immagine a quella aperta? H? logo.
Un altro dettaglio chiave in questo progetto è l'interlinea esagerata. Il carattere più leggero di tipo sans serif avrebbe potuto essere una scelta rischiosa, ma grazie alle brevi righe di testo e spaziatura, contribuisce alla sensazione generale del concept design aperto.
Uomini che camminano
Con animazione sottile, colori tenui e molto spazio, i Camminatori potrebbero farti pensare a soffitti alti e possibilità. La semplice struttura di progettazione include un elemento di contenuto per pagina con una divertente funzione click-to-scroll.
L'estetica è aperta e costante e l'utente ha la sensazione di muoversi dallo spazio allo spazio, anche se sono fermi (in teoria) nel formato di una pagina.
punto cruciale
Il punto cruciale potrebbe incarnare la planimetria aperta della mia casa, con gli elementi di design più pesanti spinti verso i bordi esterni.
Il logo centrale e l'invito all'azione forniscono un ovvio punto focale in modo che gli altri elementi non appaiano disordinati o fuori posto. La navigazione in basso consente di creare tutto insieme come una sorta di tabella di marcia per il design della penna che potrebbe risultare un po 'difficile per alcuni utenti navigare con la sua forma quasi rotonda senza punti di entrata o uscita distinti.
Conclusione
Ci sono buone probabilità che potresti già incorporare alcuni concetti aperti nei tuoi progetti. È una tendenza che ti piace?
Vediamo la tendenza del design open-concept come qualcosa con una certa resistenza perché è radicata nella teoria del design. I layout che usano bene lo spazio non passeranno mai di moda (anche se ciò che chiamiamo tende a cambiare nel tempo).