Archivio per la Categoria ‘Design’ Category

Mobile First: la nuova tendenza

Che il futuro, ma anche il presente, sia ormai rappresentato dal mobile è un qualcosa di ormai completamente assodato.

Ogni giorno infatti nuovi studi e ricerche ci forniscono dati sui dispositivi mobili che ci fanno comprendere quanto sia ormai fondamentale rivolgere agli utenti mobile la stessa cura e attenzione ai particolari che fino a qualche anno fa potevamo limitarci a dedicare solo alla versione desktop dei nostri siti.

Per renderci conto di quale sia effettivamente la mole di utenti possessori di smartphone e tablet, possiamo prendere in considerazione alcuni dati del 2013.

Oggi infatti sono più di 1,2 miliardi gli utenti che si connettono ad Internet con i propri mobile device.

Sicuramente una bella cifra, soprattutto se consideriamo la velocità con la quale questa nicchia si è espansa negli ultimi anni; abbiamo potuto notare infatti anche un veloce sviluppo di altri campi affini collegati all’evoluzione di questo settore “mobile”, come quello delle app ma anche dello stesso web, sempre più concepito per gli user mobili. || Leggi altro »

Grafica e tipografia: font decorativi, calligrafici e dingbats

Nella scorsa lezione ci siamo fermati ad analizzare le differenze tra un font serif e un font sans-serif. Questa settimana parleremo di font più particolari: calligrafici, decorativi, dingbats. Questo tipo di font è utile per dare un taglio volutamente singolare...

21 commenti

Corso di grafica: tipografia sul web, come comunicare con i font?

La tipografia è una componente essenziale di un qualsiasi progetto grafico: più delle immagini e dei colori, la vera anima della grafica che progetteremo è data dalle parole,  da ciò che tramite di esse comunichiamo, e dal loro impatto visivo....

6 commenti

Dalla teoria alla pratica: come scegliere i colori giusti per il sito?

Nuovo appuntamento con il corso completo di grafica web. Nelle ultime due lezioni abbiamo approfondito la teoria della psicologia del colore e abbiamo visto come le diverse tonalità possono trasmettere determinati messaggi inconsci che possiamo sfruttare a nostro vantaggio durante...

23 commenti

Fireworks CS6: come creare un layout partendo da un mockup?

Nel precedente tutorial abbiamo visto come realizzare il mockup di un sito web in maniera semplice e precisa grazie a Fireworks CS6. Oggi vedremo come utilizzare questo mockup per costruire il layout completo. (altro…)

10 commenti

Grafica web e psicologia del colore: come i colori comunicano con l’inconscio (2)

Nuovo appuntamento con il corso completo di grafica. La scorsa settimana abbiamo visto il significato intrinseco di alcuni colori, ma all'appello ne mancano ancora molti altri: marrone, rosa, bianco... cominciamo subito e chiudiamo questa parentesi dedicata alla psicologia del colore....

14 commenti

Grafica web e psicologia del colore: come i colori comunicano con l’inconscio

Ricomincia oggi il nostro corso completo di grafica web. Per cause di forza maggiore abbiamo dovuto interrompere per qualche settimana il corso e fermarci agli schemi colore;  oggi finalmente riprenderemo il discorso lasciato in sospeso e vedremo come il colore...

41 commenti

Fireworks CS6: come creare un mockup?

La versione CS6 di Fireworks è ancor più orientata al web 2.0 rispetto alle versioni precedenti. Sono state introdotte numerose funzionalità che semplificano la vita a noi web designer, come abbiamo visto in questo articolo. Oggi vorrei mostrarti come realizzare...

15 commenti

Corso di grafica web: gli schemi colore

La scorsa settimana siamo entrati nel “vivo” della progettazione grafica, con un piccolo accenno alla teoria del colore. Nella lezione di oggi e in quella della prossima settimana approfondiremo ulteriormente tutto ciò che riguarda l’utilizzo dei colori nella fase di...

19 commenti

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...

8 commenti

Grafica web: la teoria del colore nel web design

Adesso che sei un po' più ferrato sulla teoria della progettazione grafica, rivolgiamo la nostra attenzione verso un altro argomento, per certi versi molto più stimolante: in questa parte del nostro corso completo di grafica parleremo infatti di quell'affascinante universo...

18 commenti

Grafica web: atmosfera e coerenza grafica nei nostri layout

Questa settimana concludiamo il primo "capitolo" del corso completo di grafica web: analizzando i concetti di atmosfera e coerenza grafica possiamo infatti chiudere la parentesi strettamente teorica per passare ad argomenti più pratici. Vediamo perciò cosa intendiamo con "atmosfera di...

19 commenti

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...

17 commenti

Grafica web: dare enfasi agli elementi grafici

Nuovo appuntamento con il corso di grafica web. Siamo quasi giunti alla fine della prima parte del corso, quella più teorica e rivolta ai principi della progettazione grafica: dopo aver analizzato i principi di equilibrio e ritmo, è arrivato il...

8 commenti

Grafica web: dare equilibrio e ritmo ai nostri layout

Quarto appuntamento con il nostro corso completo di grafica web: dopo aver analizzato la teoria del sistema delle griglie e l'utilizzo degli spazi bianchi all'interno di un layout, possiamo passare ad un altro principio della progettazione grafica: l'equilibrio. (altro…)

24 commenti

I principi della progettazione grafica: gli spazi bianchi

La scorsa settimana abbiamo parlato dell’utilizzo delle griglie nella fase di progettazione di un layout, analizzandone brevemente i pro e i contro. In questa lezione analizzeremo invece un’altra componente fondamentale di qualsiasi progetto di design: lo spazio bianco. (altro…)

23 commenti

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...

24 commenti

I principi della progettazione grafica: lavorare con le griglie

Nello scorso articolo abbiamo dato uno sguardo ai principi della sezione aurea e alla sua applicazione in un progetto di Web Design. Oggi vedremo quali altri metodi di lavoro possono aiutarci a dare un equilibrio visivo alle pagine web che...

34 commenti

Fireworks: cosa c’è di nuovo nella CS6?

Come ben sappiamo, recentemente l’Adobe ha rilasciato la versione CS6 della Creative Suite. Vediamo insieme quali sono le novità più interessanti che ci propone il nostro amato Fireworks. Buona parte delle migliorie è orientata a rendere più immediata ed intuitiva...

12 commenti