Una parte essenziale di ciò che rende qualcuno connesso con il design è emozione e sentimento. E queste sono due cose che possono essere difficili da prevedere, descrivere e progettare. Ma c'è una piccola scienza dietro l'emozione e il sentimento e perché potresti reagire in un certo modo, e questa è la nostra attenzione questa settimana nel design.
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].
Come i caratteri ti fanno sentire
C'è una scienza alla tipografia. Più specificamente c'è una scienza su come i caratteri possono farti sentire. Il prossimo Web ha una visione d'insieme di come il tipo può avere un impatto su di te e su cosa possono fare i progettisti per avere un impatto migliore sul tipo? La scienza dietro i caratteri (e come ti fanno sentire).?
Spezzare la scienza è più semplice di quanto tu 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 il layout ti fa sentire. (Se gli elementi sono collocati in modi che non disturbano il flusso del testo, sei più felice).
- Pensa alle associazioni culturali con caratteri tipografici. (L'iscrizione può 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 che si associano a sentimenti migliori? Comprendere la tipografia è il punto di partenza. Conoscere le basi come le categorie di caratteri tipografici (serif, sans serif, script e decorativi) e i principi di leggibilità e leggibilità sono un buon inizio.
Ma ci sono alcune altre cose che puoi fare anche tu:
- Scegli le dimensioni dei caratteri più grandi di 12 punti. ? Molti designer menzionano che il font 16pt è il nuovo font 12pt.?
- Sii consapevole della lunghezza della linea. Nota che la lunghezza della linea ideale per un sito Web desktop è compresa tra 50 e 75 caratteri.
- Presta attenzione alla spaziatura. Assicurati che ci sia abbastanza spazio tra le righe di testo per facilitare la lettura.
Comprendere le forme CSS
La forma di un'immagine o di un blocco di testo può farti sentire qualcosa al riguardo. La forma fornisce anche informazioni aggiuntive su un elemento, il suo uso e la sua funzione nel progetto generale. Ma creare forme per progetti web non è sempre facile, specialmente con immagini complesse.
Le forme CSS creano una soluzione a questo problema. "La maggior parte dei siti Web si attacca a uno stampo semplice: il contenuto è contenuto all'interno di rettangoli all'interno di rettangoli più grandi, qualcosa che la maggior parte degli utenti probabilmente troverà più noioso di quanto non facciamolo! scrive Zack Rutherford per UX Magazine. Le forme CSS, d'altra parte, consentono una maggiore libertà ai progettisti che cercano di delineare il loro contenuto all'interno o intorno 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 dei motivi per cui dovresti lavorare con le forme CSS oltre a essere divertente.
- Novità:? La possibilità di alterare il testo per spremere in spazi ristretti o, in alternativa, espandersi in gamme più ampie, offrirà maggiore libertà ai designer mettendo insieme i loro layout.
- Controllo avanzato dei flussi utente: consente di modellare il contenuto in figure, di diminuire il testo riga per riga o di utilizzare il testo come forme per enfatizzare altri elementi della pagina.
- La modellazione dei contenuti facilita la narrazione visiva: "Le opzioni per la variabilità una volta che hai abbandonato 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 del tuo contenuto indipendentemente dalla vista, rendendola universalmente simmetrica, per non parlare della compatibilità RWD.?
Progettare un font
La creazione di caratteri non è così semplice come il semplice disegno di 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 personale.
Il designer di modelli 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 font? è un bell'aspetto per creare qualcosa da soli (ma devi avere un Mac per questo tutorial).
E mentre quasi chiunque può farlo, dovrai essere pronto per avere un po 'di pazienza e dedizione. Creare un font non è facile come 1-2-3.
"Fare un font buono e utilizzabile richiederà pratica e molte ore? Finck ha detto nell'articolo. "Non è 'difficile' se ti piace farlo, e probabilmente lo saprai subito se è qualcosa che ami fare. Probabilmente farai delle revisioni, potenzialmente incorpori il feedback degli altri utenti, testerai in una varietà di circostanze (app / print / web diverse) e altro ancora.
Se creare il tuo carattere tipografico non è forse la tua tazza di tè, prova a scaricare una delle creazioni di Finck. È stato 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 in questo, per me.)
Bjorn Tipling ha squillato e disegnato una piccola sequenza di fondi in? Se i linguaggi di programmazione fossero armi.? Il post passa attraverso ogni linguaggio di programmazione e come si relaziona. I confronti sono abbastanza intelligenti e accessibili.
? C ++ è un insieme di nunchuks, potente e impressionante quando viene maneggiato ma richiede molti anni di sofferenza per padroneggiare e spesso probabilmente vorrai usare qualcos'altro? lui scrive. Inoltre:? JavaScript è una spada senza un'elsa.?
Assicurati di andare a leggere. E 'molto divertente e potrebbe anche essere un ottimo tardo pomeriggio.