All posts tagged web design

La sezione aurea: matematica, arte e web design

sezione-aurea-rapporto-aureo

Quando qualche anno fa (si fa per dire) ero ancora un giovane studente, a scuola la mia professoressa me lo ripeteva sempre: “La matematica è ovunque!”, peccato che non mi abbia mai fatto un esempio pratico ed il risultato è stato che, all’epoca, non mi piaceva affatto studiarla :)

Oggi invece ne sono molto affascinato. Sopratutto quando vedo gli stessi principi che mi facevano diventare matto una decina di anni fa, venire applicati in progetti di grafica, opere d’arte, siti web e addirittura su social network.

Stai pensando che abbia bevuto prima di scrivere questo articolo? Assolutamente no. Quello di cui ti voglio parlare oggi è un principio matematico che esalta le proporzioni e le forme, rendendo il tuo lavoro emozionante e spingendo il cervello umano a riconoscersi in ciò che vede. La Sezione Aurea.

Read more…

Intervista con il blogger 3/3

intervista con il blogger
Ed eccoci qui arrivati all’ultimo capitolo di questa mini serie di interviste dedicate a 6 dei migliori blogger che conosca del panorama italiano. Oggi siamo in compagnia di Piervincenzo Madeo e Tommaso Baldovino, due blogger/web designer che portano avanti i loro blog per passione e per lavoro. Il blog di Piervincenzo è bilingue, anche se preferisce principalmente mandare avanti il suo progetto in lingua inglese, e tratta le tematiche tipiche di un web designer come brevi guide di programmazione web, grafica, ispirazione e cosi via. Tommaso invece porta avanti un blog centrato su tematiche come usabilità e accessibilità, mi piace pensare al suo sito come una tappa fissa per chi è interessato a questi temi :)

Bene, ormai sai come funzionano queste interviste. Le domande come sempre dopo il salto :)

Read more…

Intervista con il blogger 2/3

Intervista con il blogger 1/3
Oggi ti propongo la seconda parte di questa breve serie di interviste. Saremo in compagnia di due blogger all’apice della blogsfera Italiana: Francesco Gavello e Giuliano Ambrosio. I due trattano temi che si potrebbero definire “paralleli e complementari”, Francesco infatti si rivolge a blogger (in erba e non) che vogliono raggiungere grandi risultati, proprio come quelli di Giuliano che invece tratta temi più inerenti la comunicazione, la grafica e il web design. Uno ci insegna come organizzare, migliorare, eccellere nell’arte della comunicazione web, l’altro come diventare ottimi web designer e grafici.

Read more…

Intervista con il blogger 1/3

Intervista con il blogger 1/3

Inizio oggi una serie di interviste fatte a diversi blogger italiani che militano nel campo del web design e del web 2.0. Ho pensato di proporre loro contemporaneamente le stesse domande in modo da poterle mettere a confronto una con l’altra. L’idea è di capire quali sono le motivazioni, cosa spinge ad iniziare un progetto personale del genere, quali credenze ci sono dietro e quali passioni. Spero che il tutto possa essere di incoraggiamento per tutti quelli che vorrebbero iniziare un progetto di questo genere.

Alla mia mail con le domande hanno risposto Francesco Gavello, Giuliano AmbrosioIlaria Giannattasio, Laura GargiuloPiervincenzo Madeo e Tommaso Baldovino. Ho pensato di dividere le loro risposte in 3 articoli differenti, in modo da creare 3 interviste doppie. Inizio oggi dando priorità alle femminucce :)

Eccovi quindi l’intervista doppia ad Ilaria Giannattasio di IlariaLab e Laura Gargiulo di ItalianWebDesign.

Read more…

Le novità di WordPress 3.0 e di Splesh!

Presto arriverà il cambio generazionale per la nostra piattaforma di blogging preferita: WordPress. Nel giro dei prossimi 30/60 giorni infatti, è previsto il rilascio della versione stabile 3.0. Le novità in arrivo sono tante come ogni volta, alcune meno rilevanti per gli utenti più esperti, altre davvero molto interessanti. Andiamo a vederle.

PS a fine articolo preview del nuovo canale di Splesh! ;)

Read more…

Anteprima – tema e logo Splesh! rinnovati da gennaio

anticipo-splesh-2010

La blogsfera è in continua evoluzione. Mi viene da sorridere se penso che quando ho iniziato a gestire il mio primo blog, il massimo era avere un Feed RSS, ed oggi con social network come Facebook e Twitter è quasi passato in secondo piano.

Con l’anno nuovo ho pensato che fosse il caso di dare una lustratina al logo, e anche all’intero tema. Con questo non voglio dire che si passerà ad una nuova grafica come già successo a settembre, ma voglio dare un aspetto più contemporaneo a Splesh!. Infatti, se è vero che la blogsgfera evolve con nuovi servizi o nuovi modi di comunicare, è vero anche che la grafica sta al passo con i tempi. Lo stile di Splesh! è quello tipico della “rivoluzione” di un paio di anni fa del web 2.0 (che ad oggi sembra esser “passato di moda”  :) ) ed oggi dopo solo due anni, questo stile sembra sapere già di vecchio e forse un po obsoleto. Ho deciso così di analizzare l’attuale situazione sul web, vedere in giro per la rete cosa andasse più di moda per ispirarmi a siti che di solito sono all’avanguardia in fatto di tendenze grafiche. Ma non solo, per prendere ispirazione ho analizzato anche all’attuale interfaccia grafica di Mac OSX, di iTunes e di tutto il mondo di applicazioni Apple. Read more…

User interface – 12 ecommerce di eccellenza da esaminare

L’interfaccia utente ha un ruolo primario nel web design. Occorre pensare come un utente, immaginare di essere lui quando si guarda al proprio sito web realizzato e capire come disporre le informazioni in modo che siano il più facilmente comprensibili e rintracciabili. E’ cosa buona e giusta anche far testare il proprio lavoro a qualcuno di poco esperto: tua madre o tua nonna sono dei case studies fenomenali! :)
Immaginate quanto tutto questo possa essere importante se si sta realizzando un sito di ecommerce. Fare in modo che l’utente possa aver chiaro immediatamente quanto costa il prodotto, come pagarlo, i tempi di spedizione e tutte le informazioni necessarie per l’acquisto è cosa fondamentale. Se l’utente non capisce come poter comprare (facilmente) il prodotto, o se la procedura è troppo complessa e macchinosa, lascierà il sito e non comprerà i vostri prodotti. Se ci pensate, è il segreto del successo con il quale Apple ha convinto il mondo a comprare musica quando tutti la “rubavano”.

Ecco perchè è importante analizzare anche quanto fanno gli altri, sopratutto come lo fanno, e prenderne ispirazione. Ho radunato qui una serie di esempi eccellenti di ecommerce, molto spesso sono il risultato di analisi effettuate sulla user experience dei loro siti. Notate come di fondo ci siano delle regole comuni in praticamente tutti gli esempi: Read more…

jQuery Tools – effetti ed animazioni in meno di 6kb

Esistono varie librerie per realizzare effetti ed animazioni grafiche con Javascript, vedi jQuery e Mootools, ma oggi mi sono imbattuto in jQuery Tools, una libreria di effetti comuni per le interfacce web tutto pronto all’uso. La differenza principale di questa libreria sta nel fatto che si concentra nell’ottimizzazione dell’interfaccia utente, soddisfando i bisogni di ogni web designer, ovvero poter presentare i propri contenuti nel modo più usabile e visivamente gradevole possibile.

jquery-tools

Molto spesso le librerie JavaScript sono realizzate per produrre delle RIA (Rich Internet Applications), ma i siti web sono qualcos’altro. Di effetti come il drag ‘n drop e finestre trascinabili non se ne sente spesso bisogno.

jQuery Tools quindi racchiude in appena 5.59Kb (avete capito perfettamente) tutti i più tipici effetti grafici ed animazioni essenziali per la riuscita di ogni progetto web. Ti rimando a questo sito per alcuni esempi di codice.