No Design è il nuovo design?
Ah, ricordo bene i giorni ... quando tutto era un gradiente lucido, sfumato, con almeno 6 pezzi di clip art, e una foto di 5 operai celebrativi. Abbiamo adorato le immagini di tastiere con pulsanti privi di senso su di esse e persone in stick con effetti 3D che impugnano simboli lucidi.
E poi cos'è successo? iOS 7 è arrivato. Lo strumento sfumatura sui nostri Photoshop ha iniziato a raccogliere polvere e abbiamo eliminato la nostra enorme libreria di foto di archivio.
Design piatto assunto nel 2013 . Tutto doveva essere luminoso, fumettistico e, ovviamente, piatto. Nello stesso modo in cui il design piatto è stato una reazione allo skeuomorphism, stiamo iniziando a vedere le cose andare in un altro modo completamente.
Quindi, qual è il nuovo sapore dell'anno? Mi fa piacere che tu abbia chiesto: Siti che sembrano la pagina dei download di una società di software open source che si è chiusa alla fine degli anni '90.
Questo è stato documentato da Siti web brutalisti , che ha rilevato la trazione e ha segnato la copertura Washington Post e Fast Co per nominare una coppia. Ma sicuramente, questi sono solo siti web da agenzie di design pretenziosi e artisti sperimentali? Nella vetrina dei siti web brutalisti, questo è per lo più vero, ma stiamo iniziando a vedere questa fuga estetica attraverso il mainstream. Bello! Non possiamo guardare un elegante design piatto per il resto dei nostri giorni, possiamo?
Personalmente, adoro questa tendenza. Non sono il web designer più acuto là fuori, e nemmeno voglio usare un quadro trito dai ritagli - qualunque cosa riesca a ricostruire è il meglio che posso fare.
Passavo il tempo a setacciare internet per un design obsoleto del web, deliziando con goffi Times New Roman e cornici scomode. Probabilmente perché mi ha ricordato un tempo più semplice, in cui le persone si definivano webmaster e tutto era permanentemente "Under Construction".
Ma, cercando di imparare il web design da zero invece di adottare un tema WP o framework CSS, mi sono sempre vergognato di creare il semplice, brutto sito web dei miei sogni. "Quale sarebbe il punto?", Pensai. Mostrarlo mi renderebbe ridicolo. Non posso usarlo come portafoglio per qualcosa senza sembrare un disastro.
Vedere siti Web CSS-light senza JavaScript in vista mi ha dato la sicurezza di cui ho bisogno per smettere di lavorare sui siti di altre persone e creare il mio, invece.
Osservando la selezione di nuovi siti minimalisti, ho notato diversi temi chiave che sembrano allevare le loro meravigliose teste.
Monocromo
Il design monocromatico fa esattamente ciò che un buon design dovrebbe fare: attira l'attenzione sul contenuto.
Nessun Fancy CSS
Ricorda i bei vecchi tempi? Quando tutti possedevano un sito Web e avevano qualcosa da dimostrare? Il no (o poco) approccio CSS riporta indietro quei giorni e, personalmente, mi rende estremamente nostalgico per i tempi più semplici in cui un sito web potrebbe essere solo una breve biografia e una raccolta di link.
Testo inclinato / sovrapposto
Il testo obliquo allontana un po 'l'utente e no in modo sorprendente . Invece, è qualcosa che l'utente non è abituato a vedere, quindi ha una forte impressione.
Guarda il testo sperimentale su cui Loïc usa il suo sito web . Il totale disprezzo per la leggibilità dà ai visitatori la sensazione di un negozio di alta moda che non ha cartellini dei prezzi. È così disinformativo (e in questo caso, distaccato) che è di classe.
Poca considerazione per la scala o l'imbottitura
Bloomberg diventando piuttosto sperimentale in questi giorni, e lo adoro. Immagina le prove e le tribolazioni che il progettista ha dovuto affrontare per ottenere quello approvato con il grande capo.
Il motivo per cui è fantastico è che è così diverso. Non tiene conto delle regole del design: lasciare abbastanza spazio tra gli elementi, mantenere le cose a una scala simile e persino assicurarsi che tutto sia adeguatamente leggibile su tutti i dispositivi.
Riferimenti alla tecnologia legacy
Molti di noi avranno bei ricordi di Windows 98 o dei primi sistemi operativi Mac. Alcuni siti web infondono un senso di nostalgia e, forse, di umorismo, facendo riferimenti a vecchi software. Dopotutto, un sacco di design brutalista viene dai "vecchi tempi".
Dai un'occhiata a questo esempio di Pubblica HTML (queste cartelle contengono ciascuna arte sperimentale).
Cosa significa per i progettisti
Abbiamo pensato che flat = simple, ma ovviamente aveva ancora bisogno di un sacco di lavoro di progettazione per farlo bene.
Con l'estetica brutalista in prima linea, i progettisti dovranno fare affidamento meno sui tradizionali framework CSS e sui siti di codice da zero.
Tuttavia, non sembrano essere le aziende che stanno impiegando questa tendenza sui loro siti. Il design brutalista, a parte Bloomberg e altri nomi più grandi, è, in questo momento, limitato alle agenzie di design, ai siti sperimentali e ai blog personali.
Se vuoi creare il tuo sito web brutalista, ecco alcuni suggerimenti ...
Rimuovi il CSS dal tuo sito attuale
Mentre alcuni siti fanno molto affidamento sui CSS per il posizionamento orizzontale, è possibile strappare tutti gli stili da alcuni siti e visualizzarli ancora "correttamente". Ecco un esempio:
Se il tuo sito si basa su animazioni appariscenti, JavaScript o CSS fantasiosi, probabilmente avrà bisogno di un rifacimento se si desidera adottare questo stile. In effetti, il motivo per cui ho abbandonato WordPress è stato perché non riuscivo a trovare un tema adatto alla mia visione. Alla fine, in realtà ho finito per imparare HTML / CSS modificando un modello antico dei primi anni 2000. Dopo ciò, mi sentivo sicuro di andare avanti e ricominciare da capo, scarabocchiare il mio caos CSS e fare la cosa più lontana da un sito lucido e "moderno".
Riduci a bianco e nero
A volte, il design brutalista significa design semplice. E questo è sempre ottimo per l'esperienza dell'utente. Ridurre la tavolozza dei colori corrente a soli 2 colori (nero e uno bianco-nero, tecnicamente), può aiutare a ridurre il sovraccarico dell'utente e dare loro una direzione più chiara su dove andare. Dopo tutto, non si vedono siti con una tonnellata di colori diversi nell'area di testo perché è difficile concentrarsi su di essi.
Diventa creativo con il posizionamento del testo
Chi ha detto che devi avere tutto in ordine? Il sito web di Loïc Dupasquier sopra, ad esempio, è una dichiarazione audace che dice qualcosa sul designer. Guardare esattamente allo stesso modo di ogni altro potenziale noleggio non è una buona occhiata.
A meno che tu non sia il designer più famoso in quel campo, sarai sempre il secondo migliore. Evitando le "regole" tradizionali sulla tipografia, ti stai distinguendo dalla massa.
Riscrivi le basi e i vecchi modi
Per me, non si trattava di adattare un disegno o uno skillset ad una nuova mentalità. Ho imparato le nozioni di base del web design quando i siti in realtà mi sembravano quelli che ti ho mostrato, quindi tutto quello che dovevo fare era fare un rapido aggiornamento e mettermi al lavoro.
Consiglierei di verificare il codice sorgente sui vecchi siti e quelli presenti sui siti web brutalisti, vecchi tutorial HTML , o questa miniera d'oro che presenta un elenco dei primi siti Web ancora in vita.
Dove questo stile funziona bene (e dove non lo fa)
Alla fine, un sito web è sempre un equilibrio tra l'espressione di sé e la creazione della migliore esperienza per i tuoi utenti.
Su un blog, probabilmente è meglio concentrarsi sul rendere il corpo del testo facile da digerire. Noterai che mentre il pezzo di Bloomberg su Yahoo è piuttosto strano, il testo principale è di facile lettura.
Quindi, quando crei un blog, è meglio attenersi alle convenzioni per il corpo dell'articolo. Per esempio, CABLATA Il design è abbastanza particolare, ma quando si tratta degli articoli stessi, usano un font piacevole e lo rendono leggibile.
Per un designer che lavora per lo più con società anonime, un portfolio sperimentale potrebbe mettere il cliente al primo momento.
Alla fine, si tratta di conoscere il tuo pubblico e se puoi farla franca ignorando totalmente le convenzioni.
Vai avanti e fai qualcosa di disgustosamente brillante.