Questa settimana in Design: 12 settembre 2014
Una parte essenziale di ciò che rende qualcuno in contatto con il design è l'emozione e il sentimento. E queste sono due cose che possono essere difficili da prevedere, descrivere e progettare. Ma c'è un po 'di scienza dietro l'emozione e il sentimento e perché potresti reagire in un certo modo, e questo è il nostro focus questa settimana nel design.
Ogni settimana, abbiamo in programma di dare un'occhiata alle principali versioni e aggiornamenti dei prodotti, strumenti e trucchi e persino alcune delle cose più popolari di cui stai parlando sui social media. E ci piacerebbe sapere anche cosa sta succedendo nel tuo mondo. Ci siamo persi qualcosa? Mandami una riga su [email protetto].
Come ti fanno sentire i caratteri
C'è una scienza nella tipografia. Più specificamente c'è una scienza su come i caratteri possono farti sentire. Il Web successivo offre una panoramica del modo in cui il tipo può avere un impatto su di te e ciò che i progettisti possono fare per influenzare meglio il tipo in "La scienza dietro i caratteri (e come ti fanno sentire)".
Abbattere la scienza è più semplice di quanto si possa immaginare:
- Pensa a come leggi. (È un modello naturale!)
- Pensa a come ti fanno sentire i caratteri giusti. (Corrispondono al tono di ciò che stai leggendo.)
- Pensa a come ti fa sentire il layout. (Se gli elementi sono posizionati in modi che non disturbano il flusso del testo, sei più felice.)
- Pensa alle associazioni culturali con caratteri tipografici. (Le lettere possono rappresentare o aiutarti a relazionarti con altri oggetti o oggetti.)
Ma cosa puoi fare con queste informazioni? Come puoi usarlo per progettare con caratteri tipografici associati a una sensazione migliore? Comprendere la tipografia è il punto di partenza. Conoscere le basi come categorie di caratteri tipografici (serif, sans serif, sceneggiatura e decorativi) e principi di leggibilità e leggibilità sono un buon inizio.
Ma ci sono anche alcune altre cose che puoi fare:
- Seleziona dimensioni del carattere superiori a 12 punti. "Molti designer affermano che il carattere 16pt è il nuovo carattere 12pt."
- Sii consapevole della lunghezza della linea. Si noti che la lunghezza della linea ideale per un sito Web desktop è compresa tra 50 e 75 caratteri.
- Prestare attenzione alla spaziatura. Assicurarsi che vi sia spazio sufficiente tra le righe di testo per facilitare la lettura.
Comprensione delle forme CSS
La forma di un'immagine o di un blocco di testo può farti sentire qualcosa al riguardo. La forma fornisce anche ulteriori informazioni su un elemento, il suo uso e la sua funzione nel progetto complessivo. Ma creare forme per progetti web non è sempre stato facile, soprattutto con immagini complesse.
Le forme CSS creano una soluzione a questo problema. "La maggior parte dei siti Web si attiene a uno stampo semplice: adattamento del contenuto all'interno di rettangoli all'interno di altri rettangoli più grandi, qualcosa che la maggior parte degli utenti è probabile trovare più noioso che sconvolgente", scrive Zack Rutherford per UX Magazine. "Le forme CSS, d'altra parte, consentono una maggiore libertà ai designer che cercano di delineare il loro contenuto all'interno o attorno a parametri interessanti e visivamente accattivanti."
Ma quando dovresti usare le forme CSS nei tuoi progetti. La risposta è nell'articolo "Simmetria, dimensione, velocità e forme CSS".
C'è un elenco abbastanza convincente di motivi per cui dovresti lavorare con le forme CSS oltre a essere divertente.
- Novità: "La capacità di alterare il testo per comprimerlo in spazi ristretti o, in alternativa, espandersi in intervalli più ampi, offrirà una maggiore libertà ai progettisti che mettono insieme i loro layout".
- Controllo avanzato dei flussi di utenti: consente di modellare il contenuto in figure, ridurre il testo riga per riga o utilizzare il testo come forme per enfatizzare altri elementi della pagina.
- Modellare il contenuto facilita lo storytelling visivo: "Le opzioni per la variabilità una volta abbandonata l'idea di una struttura murata per il tuo contenuto scritto sono sconcertanti".
- Simmetria, dimensioni e velocità: "Le forme CSS possono essere utilizzate per mantenere la forma dei tuoi contenuti indipendentemente dal viewport, rendendolo universalmente simmetrico, per non parlare della RWD friendly."
Progettare un carattere
La creazione di caratteri non è così semplice come disegnare solo alcune lettere su un tovagliolo. Lo sviluppo di font e caratteri tipografici è un processo a più fasi a cui devi impegnarti. Ma anche senza molta esperienza puoi creare il tuo font.
Il designer del tipo Tyler Finck ha recentemente messo insieme un video di 18 minuti in meno e un articolo per Creative Market per guidarti nel processo. "Come creare un carattere" è una bella idea per creare qualcosa da solo (ma devi avere un Mac per questo tutorial).
E mentre quasi tutti possono farlo, dovrai essere pronto ad avere un po 'di pazienza e dedizione. Creare un font non è facile come 1-2-3.
"Creare un carattere buono e utilizzabile richiederà pratica e molte ore", ha detto Finck nell'articolo. "Non è" difficile "se ti piace farlo, e probabilmente lo saprai subito se è qualcosa che ami fare. Probabilmente dovrai apportare revisioni, potenzialmente incorporare feedback da altri utenti, testare in una varietà di circostanze (diverse app / stampa / web) e altro ancora. "
Se creare il tuo carattere tipografico forse non è la tua tazza di tè, considera di scaricare una delle creazioni di Finck. È un designer professionista dal 2005 e aveva diversi caratteri tipografici disponibili su Creative Market.
Solo per divertimento
Finalmente una rappresentazione visiva di come si sentono i linguaggi di programmazione. (E molto preciso, per me.)
Bjorn Tipling scrutò e tracciò una piccola sequenza di fondi in "Se i linguaggi di programmazione fossero armi". Il post passa attraverso ogni linguaggio di programmazione e come si collega. I confronti sono abbastanza intelligenti e comprensibili.
"Il C ++ è un insieme di nunchuk, potente e impressionante se maneggiato, ma richiede molti anni di dolore per dominare e spesso probabilmente vorresti usare qualcos'altro", scrive. Inoltre: "JavaScript è una spada senza elsa".
Assicurati di andare a leggere. È molto divertente e potrebbe anche essere un ottimo pick-me-up nel tardo pomeriggio.
