Archivio per la Categoria ‘Design’ Category

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.

Si dice che una buona tipografia rappresenti l’ottanta per cento di una grafica efficace, gradevole e funzionale. Si tratta di un mito affascinante quanto difficile da sfatare: sul web è possibile trovare centinaia di layout in stile minimal, e la maggior parte di essi è capace di attirare positivamente la nostra attenzione grazie ad una perfetta armonia tra estetica e leggibilità dei font.

|| Leggi altro »

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

corso-grafica

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?

mockup2

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)

corso-grafica

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

12 commenti

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

corso-grafica

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

39 commenti

Fireworks CS6: come creare un mockup?

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

corso-grafica2

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

17 commenti

Twitter Bootstrap: come implementare l’uso dei pulsanti?

twitter-just

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

corso-grafica

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

corso-grafica

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?

twitter-just

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

enfasi

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

corso-grafica

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

corso-grafica

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?

twitter

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

lavorare-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?

adobefw

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

Responsive Design: come e perchè progettare siti responsive?

responsive

Il tuo sito è Responsive? I tuoi visitatori riescono ad accedere comodamente da qualunque dispositivo? La parola d’ordine è mobilità, il fornire applicazioni, soprattutto web, su qualunque dispositivo, in qualunque angolo dell’Universo. Prima di parlare, però, direttamente di Responsive Design,...

46 commenti

I principi della progettazione grafica: la sezione aurea nel web design

corso-grafica

Dopo aver analizzato le differenze di base tra la grafica cartacea e la grafica web, è il momento di concentrarci su ciò che invece accomuna, almeno sotto il profilo teorico, i due diversi tipi di progettazione. Quelli che andremo ad...

48 commenti