C'è una tendenza al design più soft che si occupa dei progetti del sito web: onde e linee morbide. Dove gli sfondi sono stati dominati da single? Flat? colore, stiamo assistendo a uno spostamento verso linee e onde curve.
Gli elementi sono più leggeri, più morbidi e evocano una sensazione generale diversa per il design. Ciò che è particolarmente bello è che le onde e le linee più morbide possono essere utilizzate in molti modi diversi in modo che ogni design si senta totalmente diverso. (È una di quelle tendenze che può quasi insidiarsi perché appare in così tante forme.)
Ecco uno sguardo alle onde e? Soft? linee di tendenza nella progettazione di siti Web.
Accenti di design
Quando i rettangoli e i cerchi non funzionano proprio per l'atmosfera di un progetto, blob e onde potrebbero essere la soluzione. Per piccoli spicchi di elementi specifici a elementi più grandi che richiedono attenzione, le linee più morbide faranno saltare gli utenti attorno al design.
Il festival Papillons de Nuit fa un ottimo lavoro con le onde per evidenziare elementi dell'evento. Gli elementi basati su onda sono separati su uno sfondo chiaro e ognuno include qualcosa di speciale: l'angolo in alto ha un tocco di animazione, lo "zapping"? elemento include più onde e l'angolo in basso ti porta ai link dei social media. Sulla scroll, più onde e soft divots aiutano a connettere foto e performer all'evento.
Mentre questo design potrebbe essere troppo per un sito di e-commerce o un istituto finanziario, è un'ottima soluzione per una pagina di eventi. L'aspetto è divertente, accattivante e leggero (tutti gli elementi che aiutano a guidare il traffico degli eventi).
Disegna l'occhio su un CTA
Gli schemi di design in stile minimal e le illustrazioni piatte rappresentano ancora un elemento di design popolare. L'aggiunta di onde può aiutare ad attirare l'attenzione su parti specifiche del design, incluso un invito all'azione.
Mentre è possibile ottenere ciò con una freccia o un elemento triangolare, l'onda fornisce una direttiva più sottile. Gli utenti non si sentono obbligati a entrare nell'elemento o nel messaggio cliccabili.
Recruitz utilizza le onde per creare una separazione tra l'invito all'azione e le informazioni testimoniali nella parte inferiore dello schermo. Il morbido divisore aiuta l'occhio ad andare avanti e indietro tra gli elementi con facilità e crea profondità tra gli elementi in modo che il design non risulti chiaro. (Anche lo schema di colori vivaci aiuta).
Illustrazioni d'onda
Mentre le onde possono essere un elemento autonomo di forte impatto per uno sfondo, possono anche essere incorporate in un'illustrazione. Questa sensazione più morbida è in qualche modo diversa da molte delle linee dure e icone minimali che sono state popolari come negli ultimi tempi, ma il risultato è una visuale facile a cui gli utenti possono saltare direttamente.
Le onde possono anche aiutare a creare uno spazio bianco più morbido. Retrace Health utilizza uno sfondo con un'onda per il cielo che si muove rallentando attraverso lo schermo. Il flusso e riflusso dell'onda aumentano e diminuiscono lo spazio tra l'immagine e il titolo, aiutando a spingere l'occhio verso l'alto, apportando sottili cambiamenti alla quantità di spazio bianco tra gli elementi.
Equilibrare le linee dure
Le onde possono fare di più che stare in piedi da sole; le onde possono anche fungere da elementi di sfondo per bilanciare le linee dure o altri elementi nel piano visivo. Se l'estetica è troppo dura o ha bisogno di un po 'di equilibrio per sentirsi a posto, considera una correzione di elementi in stile onda,
Il design di Ghafari include un'onda sottile che potresti non vedere nemmeno a prima vista. L'occhio è più attratto dalla forma interessante della foto, dal testo colorato e persino dal bottone d'oro nell'angolo in alto. Ma un'onda grigia è il pezzo che mette tutto insieme. L'onda bilancia le forme più pesanti e pesanti in modo che il design non si senta sbilanciato o storto. È semplice e quasi cade completamente sullo sfondo.
Questa tecnica è importante da considerare. Non tutti gli elementi di design sono lì per dire agli utenti qualcosa. A volte gli elementi di design sono più invisibili e svolgono un ruolo di supporto per aiutare i progetti a mantenere l'equilibrio e stabilire il giusto feeling.
Stabilisci una separazione di fondo
Onde e linee morbide sembrano essere un elemento in grado di rendere un design a più livelli basato su materiali un po 'meno formali. Piuttosto che rigidi rettangoli e cerchi per i livelli o gli elementi basati sulle carte, le onde sullo sfondo possono creare lo stesso tipo di separazione.
Come per altri esempi, il risultato è un po 'più leggero con un tono meno impegnativo.
Le onde possono anche funzionare bene con un'altra tendenza - gradienti. Algolia fa un buon lavoro stratificando elementi in entrambi gli stili. Il design, anche se utilizza molteplici effetti, è semplice ed è facile da leggere.
Crea animazioni coinvolgenti
Quando pensi? Onda ,? l'oceano probabilmente viene in mente. Un'animazione tipo onda standard è stata salvata fino all'ultimo per mantenere questa associazione logica dal cantare la tua mente quando si tratta di questa tendenza di design.
Ma è un perfetto utente di onde. Le onde animate possono imitare i ritmi e il flusso naturale dell'oceano per creare un effetto visivo rilassante e armonioso.
Futuramo fa questo con il sito Relativity of Time. Le onde di sfondo fluiscono senza soluzione di continuità l'una nell'altra. Sono semplici e si muovono in modo naturale. Ciò che è diverso è che i modi in realtà non hanno nulla a che fare con il contenuto sullo schermo. Semplicemente impostano la scena per un'esperienza rilassante mentre l'utente si sposta attraverso il resto del contenuto.
Questo esempio mostra come catturare un pubblico con un semplice tema visivo che trasporta attraverso il contenuto. Si collega anche grazie all'aspetto del tempo nella storia raccontata attraverso il contenuto e il design.
Conclusione
Le linee con maggiore curvatura creano un flusso e un umore diversi per i progetti. La semplice aggiunta di una curva a una linea retta può spostare la sensazione di un intero progetto, rendendolo meno pesante e più coinvolgente.
Gli utenti sembrano attratti da questi elementi perché quasi li accolgono nel design. Come ti senti per le onde e le linee morbide? Condividi i tuoi pensieri ed esempi con noi su Twitter. (Assicurati di taggare Design Shack.)