Questa settimana in design il 21 novembre 2014

Sfide e soluzioni. Queste sono l'essenza di ciò che un designer fa in un formato visivo. Ed è quello che stiamo guardando questa settimana nel design, dai modi migliori per progettare siti web reattivi a un carattere tipografico per dislessici a presentare informazioni complesse in un modo premiato.

Ogni settimana, abbiamo in programma di dare un'occhiata alle principali versioni e aggiornamenti dei prodotti, strumenti e trucchi e anche alcune delle cose più popolari di cui si parla sui social media. E ci piacerebbe sapere cosa sta succedendo nel tuo mondo. Abbiamo perso qualcosa? Mandami una riga a [email protected].

Progettare siti web meglio responsivi

"La cosa più importante da ricordare è che il design reattivo dovrebbe migliorare le esperienze, non ridurre le opportunità per gli utenti, e tutti gli sforzi di designer e sviluppatori dovrebbero essere finalizzati a rendere questo obiettivo una realtà."

Con il numero di progettisti che lavorano su progetti di progettazione reattivi, l'importanza sempre maggiore è quella di rendere i siti Web più reattivi. UX Magazine ha affrontato alcuni di questi problemi in? 10 Problemi di progettazione reattiva e correzioni.?

Quello che l'articolo ha mostrato è che molti designer stanno affrontando alcune delle stesse sfide quando si tratta di pensare al design reattivo. Dimostra anche che con un po 'di lavoro, molte di queste sfide possono essere affrontate a testa alta.

"La cosa più importante da ricordare è che il design reattivo dovrebbe migliorare le esperienze, non ridurre le opportunità per gli utenti, e tutti gli sforzi dei designer e degli sviluppatori dovrebbero mirare a rendere questo obiettivo una realtà?" scrive l'autore Kirill Strelchenko.

Qui evidenzieremo i 10 problemi, ma per le soluzioni dovrai andare su UX Magazine.

  1. Le fasi visive (sketch, wireframing) possono essere caotiche e problematiche
  2. Il posizionamento della navigazione non è chiaro
  3. L'aspetto delle immagini e delle icone di sfondo deve essere flessibile
  4. Visualizzazione dei dati su schermi piccoli
  5. Creazione di ricche esperienze che vengono caricate rapidamente
  6. Ci vuole più tempo per progettare, sviluppare e testare
  7. Nascondere e rimuovere i contenuti può essere difficile
  8. Convertire i siti fissi in quelli sensibili non è facile
  9. I browser Web meno recenti non supportano i supporti CSS3
  10. Non tutti capiscono perché dovrebbero diventare sensibili

L'informazione è bella

Creative Review ha pubblicato il suo elenco di Information is Beautiful Award vincitori per il 2014. La galleria include un ottimo sguardo su come progettare e presentare molte informazioni in modo fruibile e visivamente stupefacente.

I vincitori includono:

  • I taxi di New York di Chris Whong: A Day in the Life
  • Il progetto di Matthew Daniels, Rappers, Sorted by Size of Vocabulary
  • Hyperakt e Ekene Ijeoma's The Refugee Project
  • Routine creative di RJ Andrews

Puoi vedere ogni progetto in dettaglio da Creative Review.

Design libri e tipo

Ho letto una tonnellata di libri di design nel corso degli anni. E la maggior parte è stata progettata magnificamente, come probabilmente ti aspetteresti. Ma hai mai pensato al design che entra effettivamente in queste pubblicazioni?

David Airey ha recentemente pubblicato un articolo sul suo blog, "Combinazioni di caratteri tipografici usati nei libri di design"? che guarda le combinazioni di caratteri di alcune opere popolari. È interessante notare che osserva che non tutti gli autori erano responsabili della progettazione dei loro libri. Questo ti fa davvero pensare al design in un modo completamente nuovo: forse non come lo ha concepito lo scrittore (o spesso il designer), ma come è stato percepito dal tipografo o designer del libro.

Il post dà una buona occhiata ad alcuni dei libri che probabilmente tutti conosciamo abbastanza bene e ai caratteri tipografici e alle famiglie primarie in essi utilizzati. Le combinazioni sono fenomenali nella maggior parte dei casi e mostrano l'uso di una buona tipografia e di come usare la tipografia per grandi blocchi di testo.

È anche interessante vedere quante famiglie di tipi continuano a comparire nelle tavolozze tipografiche di questi libri. Alcune di queste scelte tipografiche potrebbero essere indicative delle tendenze del design, ma molte delle scelte includono forme di lettera di natura più classica.

Il carattere potrebbe rendere la lettura più facile per i dislessici

Il designer Christian Boer potrebbe essere coinvolto in qualcosa che potrebbe cambiare il modo in cui le persone leggono. Il suo nuovo carattere tipografico, Dislessia, è progettato per le persone con dislessia, che possono rendere difficile per le persone leggere e comprendere i caratteri perché gli elementi possono essere capovolti, ruotati o misti.

Il carattere tipografico, che è in mostra alla Biennale di Design di Istanbul, ha forme di lettera che sono uniche in un modo che rende separati nel cervello delle persone con dislessia. Il carattere tipografico funziona in quanto le lettere sono progettate in modo che i tratti più in basso siano più pesanti dei tratti più in alto in modo che le lettere abbiano meno probabilità di essere visivamente? (Al contrario, la maggior parte degli altri caratteri ha tratti comuni dall'alto verso il basso.)

"Modificando la forma dei personaggi in modo che ognuno sia distintamente unico, le lettere non corrisponderanno più l'un l'altro quando ruotate, capovolte o specchiate ,? Disse Boer. ? Le maiuscole e la punteggiatura in grassetto garantiranno che gli utenti non leggano accidentalmente all'inizio della frase successiva.

Ha sviluppato il carattere tipografico nel 2008 e l'esposizione attuale corre fino al 14 dicembre.

Solo per divertimento

Chi ha mai saputo che potresti divertirti così tanto con i colori? In che modo la rivista è stata recentemente pubblicata? 9 Progetti incantatori che utilizzano il sistema di abbinamento Pantone? ed è probabile che ispirino i designer a giocare con i colori.

Ciascuno dei progetti è un divertente uso della corrispondenza dei colori, come ad esempio il progetto Pantone Food Match sopra. Ogni esempio è di un designer che ha effettivamente realizzato questo progetto. Quindi è più di poche idee su cose che puoi fare; è una galleria di cose che sono state fatte.

Gli altri esempi includono:

  • Confezionamento di birra
  • Poster di mosaico
  • Piccole schede PMS
  • Manifesto di vacanza
  • Biglietti da visita
  • arte di strada
  • Magneti a colori
  • Calendario dell'avvento

Ora quali progetti ti ispirano a fare? Condividi le tue idee (ed esempi) nei commenti.