Archive for the ‘Web Design’ Category
Ispirazione: Motomichi Nakamura
Ciao ragazzi,
partendo dalla mia passione musicale per un gruppo davvero fantastico “THE KNIFE“, volevo segnalarvi alcune cose. Innanzi tutto il loro video (non recentissimo) del loro ultimo lavoro “Silent Shout (2006)” che si chiama “We Share Our Mother’s Health (qui il video)”. Questa clip davvero eccezzionale è stata realizzata da Motomichi Nakamura fantastico artista giapponese, che caratterizza le sue opere con colori decisi e immagini inquietanti.
Tutte le sue collezioni riprendono questo stile, ma il videoclip dei KNIFE e molti sui altri video, reperibili sul suo sito web sono un’ottima ispirazione per design e animazioni.
Secondo voi?
Pixel Stretch Effects
Ciao ragazzi,
un tutorial semplice semplice ma di buona resa grafica e utilizzabile su diversi tipi di design.
Il concetto base è quello di prendere una sezione di altezza 1px da una foto a scelta. A questo punto lo si “stratccia”, creando una specie di pettine.
Tutto il resto è lavoro di trasformazione e prospettiva!
Davvero carino!
Una nuova veste a Gmail
Ciao ragazzi,
io l’ho subito provato e devo dire che è davvero interessante questo esperimento (più di un esperimento).
Si tratta di dare una nuova veste a Gmail. Funziona per ora solo con FireFox.
In pratica dovete prima installare su FF un addon chiamato Stylish. Potete trovarlo ovviamente qui:
https://addons.mozilla.org/it/firefox/addon/2108
Dopo, andate sul sito della società che effettua questo redesign di Gmail e “installate” la nuova grafica, seguentro questo altro link:
http://www.globexdesigns.com/gr/
Alla prossima schermata di Gmail, vi troverete tutto cambiato e di molto!
Enjoy!
Atipiche ispirazioniCatch Me If You Can
Molte volte,
siamo a corto di ispirazione e le solite gallery sembrano solo appiattirci le vie di fuga.
In questi casi cerco altrove, magari nelle foto, sulle riviste di moda o arredamenti.
Mi ricordo molto bene, quando andai a vedere al cinema “Prova a prendermi” con Leonardo DiCaprio. Rimasi molto colpito dai colori e dalle animazioni proposte nei “credits” del film. Roba semplice ma geniale. Non ho mai smesso di pensare e ogni volta che ho rivisto il film ero contento.
L’altro giorno poi, leggendo il solito utilisso post di Veerle’s blog, ho avuto la conferma. Tra le fonti di ispirazioni citate, riguardo ai “movie credits” c’era anche lui “Catch Me If You Can” ovvero “Prova a prendermi”.
In questo post sono riportati i video che potremmero isprirare il nostro layout, ma anche la nostra nuova animazione. Colori, forme, accostamenti, tutto davvero utile.
Segnalerei anche l’ottimo lavoro prodotto per “Thank You For Smoking” e “Panic Room“.
A voi cosa piace?
Blog design
Sembra che,
molta attenzione si aggiri intorno ai blog dal nostro punto di vista. Strumento nato come semplice diario personale, diventa sempre più spesso strumento di lavoro per tanti di noi.
Ma anche per le aziende e in generale per i nostri clienti, avere un blog, o inegrarlo nel proprio sito o portale, diventa sempre più una necessità.
Anche la frequenza con cui si usa WordPress per creare siti web, invece che semplici blog o la tendenza a creare siti portfolio onepage, non fanno altro che aumentare l’interesse dei designer intorno ai blog.
Ecco perchè si vedono sempre più pagine personali accattivanti e piene zeppe di funzionalità Web 2.
Proliferano i post, i tutorial e anche le segnalazioni di ottimi design. Una di queste ne riporta addirittura 100!
Ecco il link, c’è da divertirsi…
Enjoy!
40 archivi di icone
Ciao ragazzi,
per il rientro al lavoro, subito una segnalazione utile utle.
Una pagina zeppa di icone di alto profilo e ottima resa grafica.
Come sempre queste ottime segnalazioni vengono da Hongkiat.
Enjoy
Bg Patterns
CIao ragazzi,
segnalo questo bellissimo e spassosissimo servizio online, che riassume secondo me molto bene i concetti del web 2.0. Tecnologia, facilità d’uso e community sono racchiuse molto bene.
Il servizio in se è banale. Si tratta di comporre dei patterns con le figure disponibili ma potendo agire su moltissimi parametri, quali: colore, distanza, dimensione, rotazione, alpha.
Se ci piace il pattern realizzato, possiamo scaricarci la gif utile per i nostri Css, e possiamo anche aggiungerla alle nostre creazioni (previo registrazione).
In questo modo gli altri utenti posso votarla e noi votare le loro creazioni.
Secondo me è fatto benissimo!
E secondo voi?
High resolution textures
Personalmente amo,
le pagine realizzate con background fotografico e ad alta risoluzione.
Si tende a chiamarle texture però effettivamente sono foto, con tutti i vantaggi e gli svantaggi.
Le cose da valutare per questa implementazione sono: il peso effettivo della foto (non abusiamo della bontà delle linee ADSL italiane), la leggibiltà del testo (che sia bianco o nero), la necessità poi di realizzare spesso png trasparenti, sia per sfondi che per elementi arrotondati.
Se tutto questo è stato superato da un sapiente layout, possiamo passare all’ispirazione.
Ecco molte “texture” ad alta risoluzione pronte per le nostre prove.
Enjoy!
Free Texture from Sxc
Ciao,
Sxc è un ottimo contenitore di foto quasi completamente libere dai diritti.
In questo post vengono raggruppate alcune di queste foto per dare vita ad una risorsa molto utile per i nostri web design.
Ottime texture, ad alta risoluzione e dei più comuni materiali.
Enjoy!
Da Psd a Xhtml: tutorial completo
Finalmente,
un ottimo (anche se semplice) tutorial che parte dalla creazione di un layout con photoshop, per finire alla sua realizzazione in Xhtml/Css con validazione compresa.
Non aspettatevi cose complesse, però per capire bene i processi, per aggirare alcuni ostacoli, questo tutorial si pone come un utile appiglio soprattutto per i meno pratici.
Secondo me di questi tutorials se ne dovrebbe fare un manuale.
Che ne pensate? Lo facciamo tutti insieme?

