Un compito molto comune per i web designer è quello di scegliere la palette dei colori in base al logo o all'immagine principale del sito o dell'applicazione. Pictaculous è un servzio che permette di effettuare l'upload di un'immagine e generare una conseguente color palette. Una volta premuto il tasto "get palette", la scala di colori verrà  mostrata con tanto di valori esadecimali e suggerimenti addizionali provenienti da Adobe Kuler e Colourlovers. Infine, un'altra interessante caratteristica: il servizio permette di scaricare la palette in formato Adobe Swatch.

Continua a leggere Pictaculous: generare palettes dalle immagini

Categoria: Software e Servizi

Tags: ,

Ho passato una mezzoretta a cercare dei tool in grado di generare una palette di colori a partire da un'immagine fotografica.Magari ce ne sono altri ancora, ma i due che mi sono sembrati migliori sono questo ospitato su DeGraeve.com e il Color Palette Generator di Jeff Minard. Rispetto al primo offre un vantaggio non da poco: si può usare come base un file da uploadare, mentre per il tool di DeGraeve è necessario fornire la URL di un'immagine già  online. Chi pensa che far da sé è far per tre, può far riferimento a questo articolo di Dave Shea.

Continua a leggere Generare una palette di colori a partire da una foto

Categoria: Grafica

Tags: ,

Sono moltissimi i siti dedicati a palette e risorse per il colore. Tra tanti, spicca a parer mio ColourLovers con il suo interessantissimo blog. In uno degli ultimi post, ovvero Color Inspiration from the Masters of Painting vengono presentate le palette estratte da alcuni capolavori della pittura. Se le palette presentate non dovessero bastarvi, ecco come poter applicare l'idea a qualsiasi dipinto. Basta partire da Google immagini o da un sito specifico come ABCgallery, copiare l'url del dipinto che più vi piace e darlo in pasto a uno dei servizi per estrarre palette di colori a partire da un'immagine, ad esempio Pic2color o Color Palette Generator. Buon divertimento!

Continua a leggere Palette di colori: ispirazioni dalla pittura

Categoria: Software e Servizi

Appuntamento veloce con i bookmark. Cominciamo con i menu: in Sexy CSS Hover Button un tutorial che combina Photoshop e CSS per avere un menu grafico con rollover. Attenzione però... l'autore ha tralasciato una parte fondamentale: l'image replacement. Nell'esempio infatti ci sono i link vuoti, ovvero senza testo (!) con conseguenti danni catastrofici e irreversibili per l'accessibilità  (se i CSS sono disabilitati o non supportati) e i motori di ricerca. Inoltre, si sarebbe potuto benissimo usare il fast CSS rollover con un'immgine singola. Peccato: poteva essere un buon tutorial... come si dice in inglese: don't try this at home. (more...)

Continua a leggere Bookmark: menu, form e colore

Categoria: Web Design

àˆ da un po' che mancavano i bookmark... così eccoci qui con un appuntamento decisamente variegato. Cominciamo dall'accessibilità : molto interessante l'articolo Flash, JavaScript, and Providing Alternative Content di cui vale la pena tradurre uno dei passaggi chiave: Quello che sto cercando di dire è che in quest'era di tecnologie web sempre più avanzate, è ancora estremamente importante fornire contenuto alternativo. I lettori vengono prima, prima delle animazioni Javascript e dei filmati Flash. A proposito di Flash... a giudicare dal primo articolo, sembra decisamente promettente una serie dedicata alla sua accessibilità  su Fadtastic: in Flash and Accessibility viene introdotta una feature che, a detta dell'autore, è sconosciuta ai più, ovvero il pannello accessibilità . Nell'articolo vengono presentati anche degli approfondimenti disponibili sul sito della Adobe. (more...)

Continua a leggere Bookmark web design

Categoria: Web Design

Appuntamento con i bookmark dedicato alla grafica. Cominciamo con uno strumento davvero utile, ovvero il Color Palette Generator, un servizio online che è in grado di generare una palette di cinque colori prendendoli a campione da un'immagine. I risultati sono davvero notevoli, soprattutto se l'immagine di partenza è scelta con cura (foto di natura o dipinti possono essere una buona fonte): basta ad esempio fare un giro su flickr o Google immagini e provare.Passiamo alle icone. àˆ davvero un ottimo complemento all'articolo Liste con marcatori perfetti questa pagina trovata su Listible: l'autore ha raccolto ben 17 risorse con icone free.Cambiamo argomento con un sito dedicato ai tutorial Photoshop e molto altro: TipClique, dello stesso genere di Tutorialism e PixelGroovy segnalati tempo fa qui sul blog.Concludo con due segnalazioni dei lettori. La prima riguarda il Button Maker, che si aggiunge al Brilliant Button Maker di Luca Zappa citato nel recente articolo Mini-bottoni con i CSS. La seconda è Dynamic 3D with CSS and the DOM, un'affascinante sperimentazione ottenuta usando CSS e Javascript.

Continua a leggere Bookmark grafica

Categoria: Grafica

Appuntamento con i bookmark con due argomenti particolari. Iniziamo con le segnalazioni di colori e palette, che si aggiungono ad alcuni presentati in questo post: in Web2.0 Colour Palette viene presentata una selezione di colori usati in alcuni siti tipicamente Web 2.0, in Daily Color Scheme viene pubblicata una palette al giorno, mentre Color Jack è un sito che offre un vero e proprio set di strumenti per creare, elaborare e salvare sotto forma di bookmark palette di colori.Cambiando argomento, ecco due script molto interessanti se volete inserire le vostre foto da un account su Flickr nel vostro sito: Flickrshow basato su Prototype e e FJB - An unobtrusive, navigable flickr badge sviluppato da Christian Heilmann.

Continua a leggere Bookmark: colore e slideshow su Flickr

Categoria: Bookmark

Esiste una moltitudine di programmi, tools online e gallerie per la scelta di colori e abbinamenti ma, nonostante il loro valido supporto, ogni volta che ho da preparare un esempio il dilemma più grosso è la scelta cromatica.Ho così preparato la pratica palette di colori, una piccola PNG di 475x475 pixels che contiene ben 144 colori che trovo molto utile. Per usarla, vi basta salvarla sul vostro computer, aprire il vostro programma di grafica prediletto e usare il contagocce per "catturare" i vostri colori preferiti.Nessuna garanzia sugli abbinamenti che verranno fuori, ma magari potrà  offrirvi spunti notevoli! E se non dovesse bastare, ecco alcuni link utili: HTML Color Code Combination Chooser 100 Random Colors CSS Color Chart Netcocktail Color Scheme Generator Color Schemer Gallery

Continua a leggere La pratica palette dei colori

Categoria: Grafica