Archivio per la Categoria ‘Tipografia’ Category
Guida CSS3: i font – parte prima
Bentrovato a questo nuovo appuntamento con la guida CSS3!
Quest’oggi affronteremo un tema fondamentale: l’utilizzo di font, predefiniti e personalizzati.
Nonostante sul web ci sia ormai un grand’utilizzo di materiale visivo — immagini, video, animazioni, etc. — il ruolo ricoperto dalle informazioni, quindi dal testo, è fondamentale. È produttivo, quindi, dedicare del tempo a formattare le varie parti testuali — paragrafi, titoli, etc. — in modo da catturare l’attenzione del nostro utente.
|| Leggi altro »
Guida CSS3: pseudo classi e pseudo elementi
Bentrovato a questo nuovo articolo della guida CSS3! Come preannunciato nel capitolo precedente, quest’oggi ci occuperemo di pseudo classi e pseudo elementi. Ti sarà capitato spesso di voler applicare uno stile a degli elementi non proprio ben identificabili del tuo...
Come scegliere il giusto font: consigli e risorse
I font sono dei e veri e propri “compagni di vita” per noi web designer e, se fino a poco tempo fa dovevamo accontentarci della cinquina verdana-timesnewroman-arial-centurygothic-georgia, soffocando ogni aspirazione a inventare qualcosa di creativo sul fronte tipografia web, oggi...
Twitter Bootstrap: come implementare l’uso dei pulsanti?
Chiudiamo questa settimana la lezione numero 3 del corso sul Twitter Bootstrap. Ci siamo lasciati la scorsa volta con gli stili e le classi messe a disposizione dalla libreria per gestire le form. Vedrai oggi, invece, come utilizzare i pulsanti...
Twitter Bootstrap: come implementare l’uso di form?
Eccoci alla terza lezione del corso sul Twitter Bootstrap. Abbiamo visto finora cos'è il Twitter Bootstrap e come utilizzare il suo potentissimo grid-system all'interno dei nostri progetti. Nella lezione di oggi ti spiegherò in dettaglio gli elementi HTML base e come...
Twitter Bootstrap: come utilizzare le griglie?
Abbiamo visto nella prima lezione cos'è Twitter Bootstrap e poi abbiamo fatto una breve panoramica di quali sono gli strumenti che questo tool ci mette a disposizione per sviluppare in maniera molto più rapida le nostre applicazioni web. In questa...
Twitter Bootstrap: come sviluppare rapidamente applicazioni web?
Le applicazioni web hanno ormai raggiunto un livello di astrazione che permette loro di essere spesso paragonate ai classici applicativi desktop. Tutte le applicazioni web hanno in comune determinati elementi come menu orizzontali, bottoni, tabs, menu dropdown, ecc. Elementi che...
Forma o controforma: idee per costruire il tuo monogramma
Una delle caratteristiche indispensabili per un buon marchio è la sua semplicità: riuscire a racchiudere un buon concetto in poche forme e associare un significato ad un simbolo è davvero difficile, figuriamoci se devi realizzare il tuo. (altro…)
Realizziamo un disegno tipografico?
I caratteri tipografici per noi designer sono il pane quotidiano del nostro lavoro; anche al di fuori ci accompagnano costantemente in quanto fanno parte del complesso mondo della comunicazione visiva. Nel corso dei secoli hanno avuto un’evoluzione passando da semplici...
Risorse per web designers: alla ricerca di font gratuiti
Nel precedente articolo dedicato alle risorse utili per i web designer ho buttato giù una lista dei migliori siti in cui è possibile scaricare risorse grafiche e sorgenti psd di altissima qualità. Visto che le risorse gratuite trovano sempre un...
Pillole CSS: progettare un sito con font accessibili
Una scelta comune a molti web designer alle prime armi riguarda l'uso dell'unità di misura pixel nei fogli di stile. Il pixel è un'unità di misura relativa al dispositivo (schermo, palmari, ipad, ecc) che può presentare tuttavia - aldilà della...
Un layout in stile tipografico: consigli ed esempi
Non é certo un mistero: la tipografia svolge, in ogni tipo di design volto alla comunicazione, il ruolo di prima donna. Un font leggibile, un altro più marcato, un grassetto che attira il focus, l’interlinea perfetta: un’ infinità di dettagli,...
Ispirazione design: per trovarla basta una passeggiata
È un concetto che difficilmente un datore di lavoro può comprendere, ma cosi è. Inutile rinchiudere un designer in una stanzetta angusta ed imporgli di sfornare capolavori di creatività: l’ispirazione, così come la fantasia, non si comanda. Semplicemente arriva, e...
Scrivi e disegna con i dingbat
Se pensi che i dingbat, ovvero i font composti da simboli, siano poco seri e pressoché inutili, devi cominciare a ricrederti. Eleganti, sfiziosi, umoristici…ce ne sono per tutti i gusti e per ogni esigenza. Sono facili da utilizzare, modificare, ridimensionare...
Ispirazione: dal font più professionale a quello più stravagante
Iniziamo la settimana con un argomento che, ormai è noto, mi sta molto a cuore: la scelta di un font per un progetto grafico. Ho selezionato per te una raccolta di font perfetti per un progetto di logo design: sono...
Sans-serif mania: i 20 font moderni più belli del web
In questo articolo hai visto come la tipografia e soprattutto la scelta di un determinato font possa contribuire alla buona riuscita di un prodotto grafico. Nel caso non ve ne foste accorti, la tendenza generale del momento sia per quanto...
Tipografia web: quali sono i limiti e quali le possibili soluzioni?
Progettare la grafica di un sito web è un vero e proprio atto creativo: certo, non il più libero, visto che bisogna tener conto di griglie, architettura delle informazioni, usabilità, ecc. ma nonostante questo il web designer può utilizzare liberamente...
I 25 font calligrafici più belli di sempre per una tipografia accattivante
Sono originali e intramontabili: i font calligrafici sono perfetti per i tuoi progetti grafici, specialmente se hai l’esigenza di una tipografia sofisticata o ricercata. Sul web sono disponibili centinaia di font, free e non: in questo articolo ho voluto selezionare...
Quali font utilizzare nello sviluppo di un sito web?
Una buona tipografia è la base di un progetto web ben realizzato. In particolare la scelta del font dev’essere accurata e oggetto di svariate analisi, per far si che i contenuti testuali si armonizzino in modo aggraziato con la grafica...
