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 che è il colore, della sua teoria di base e di come una perfetta armonia cromatica, in combinazione con un pizzico di “psicologia del colore”, possa aiutarci nella scelta della palette più efficace per la pagina web che stiamo progettando. || Leggi altro »
Come creare le thumbnail con la libreria GD
Nel precentente tutorial abbiamo visto come implementare la classe upload. In questo articolo vedremo come sviluppare la creazione delle miniature tramite il metodo createThumb, che avevamo commentato in quanto non ancora presente. Per farlo utilizzeremo la libreria GD. (altro…)
Come gestire l’alter ego del cliente (2/2)
Nella prima parte di questo articolo abbiamo parlato dell’alter ego del cliente, una figura talvolta sottovalutata con cui però sempre più spesso ci ritroviamo a dover fare i conti. (altro…)
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...
Come progettare un layout web responsive con le media queries?
Dopo le prime due lezioni introduttive sul Responsive Web Design, oggi ci addentreremo nel codice CSS attraverso le nuove istruzioni messe a disposizione nella terza versione dei fogli di stile. In particolare vedremo come realizzare un semplice layout responsive utilizzando...
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...
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...
L’alter Ego del Cliente (1/2)
Non sempre viene preso nella giusta considerazione. All’inizio si fa fatica anche a notarlo. È silenzioso come l’aria, immobile e anonimo come un ramo di corniolo. Ma è un soggetto fondamentale per la buona riuscita del rapporto con il cliente....
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…)
Responsive Design: Lo studio del layout e la gestione dei contenuti
Nella prima lezione abbiamo affrontato l’evoluzione del Responsive Web Design e del perché sia nato. E ci siamo resi conto che con il passare degli anni, oltre all’innovazione tecnologica e comunicativa, anche designer e sviluppatori si sono evoluti di pari...
Come utilizzare la classe Upload
Nel precedente tutorial abbiamo sviluppato la classe Upload, una classe astratta che per essere utilizzata deve essere estesa. Ricordo che il nostro obiettivo é quello di creare una semplice gallery. Al caricamento dell’immagine verranno create le thumbnails mentre sulle immagini...
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…)
Custom Post Type: come personalizzare il pannello di amministrazione?
Prosegue il nostro viaggio alla scoperta dei Custom Post Type di Wordpress: in questa lezione vedremo come personalizzare il pannello di amministrazione ed in particolare l'elenco dei post. Questa tecnica, unita a quelle esaminate nel precedente articolo, ci permetterà di...
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...
Quale tipo di approccio è meglio usare con un potenziale cliente?
Ci sono due modi di parlare con un potenziale cliente per convincerlo a comprare i nostri servizi di web design. Il primo è quello più usato, che punta tutto (o quasi) sulle competenze, sulla propria capacità di fare un buon...
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...
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...
Responsive Design: come e perchè progettare siti 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,...
Una classe per gestire l’upload
Nel precedente articolo, abbiamo visto le basi della procedura di upload di un file. Oggi svilupperemo una classe robusta e configurabile in grado di gestire questo processo in modo sicuro. Utilizzeremo delle proprietà avanzate della programmazione ad oggetti in modo...
