Si tratti della necessità di creare sfondi originali o di gestire al meglio i riempimenti, nel set di ogni grafico che si rispetti non può mancare una collezione nutrita di pattern. I pattern non sono altro che delle trame di piccole dimensioni, solitamente disponibili nei più svariati formati, che permettono di riempire spazi anche importanti data la continuità del loro affiancamento. I software dedicati alla grafica e al fotoritocco di solito già dispongono di un gruppo abbastanza nutrito di pattern d base, eppure questa iniziale offerta potrebbe non essere sufficiente per garantire tutte le esigenze di design. Dove scovare, di conseguenza, un set più ricco per Photoshop, magari da scaricare gratuitamente dal web? (more...)

Continua a leggere Pattern per Photoshop: risorse per scaricarli

Categoria: Grafica

Volete un buon motivo per installare, se non l'avete fatto, la versione 3.0 di Silverlight? Io uno l'ho trovato ieri, quando ho scoperto Quince, un'eccellente collezione commentata ed esplorabile in base a vari criteri di pattern per le interfacce web. C'è una versione HTML della lista, ma è buona solo come anteprima di quello che è possibile trovare nella versione per Silverlight.

Continua a leggere Quince: una libreria di pattern in salsa Silverlight

Categoria: Web Design

We are Colorblind, che in italiano suonerebbe più o meno 'Noi siamo daltonici'. A prescindere dall'utilità  immediata che ciascuno potrà  trovarci, se segnalo questo sito è per evidenziare come dovrebbero essere organizzate secondo me risorse di questo tipo. Si tratta di una raccolta di pattern di design ed esempi di buone e cattive pratiche per una gestione ottimale dell'uso dei colori sul web a favore di chi i colori non li percepisce nel modo corretto a causa del daltonismo. Soluzioni pratiche e immediate a problemi reali. Oltre che miniera di spunti per la realizzazione di tanti dettagli nel contesto di un'interfaccia. Per esempio, come suggerisce giustamente Andy Baio, è assolutamente brillante questa soluzione per visualizzare la disponibilità  di iPhone nei negozi americani. Rispetto all'originale, oltre che l'alternanza rosso/verde è anche la forma (quadrato per 'non disponibile', cerchio per 'disponibile') a comunicare l'essenziale informazione (che poi è la messa in pratica di una delle soluzioni proposte da We are Colorblind per la gestione delle icone di stato).

Continua a leggere Colore e accessibilità  sul web

Categoria: Web Design

Dopo i tutorial Photoshop, eccoci ad un nuovo appuntamento dedicato esclusivamente a risorse e strumenti. Cominciamo da pattern e texture: tre siti su cui trovarne molti sono CG Textures e Texture King e Lost and taken. Meritano anche una visita 300+ Free Hi-Res grunge textures you’ve never seen before! e 30 great free paper background and textures. Se poi magari le texture volete realizzarle da soli, potrebbero fare al caso 40 excellent Photoshop tutorials for texture and background e Repeating Seamless Background Image Tutorial. (more...)

Continua a leggere Bookmark: risorse Photoshop

Categoria: Grafica

Riutilizzare, riciclare, senza dover reinventare la ruota ogni volta. Ecco cosa sono i design patterns: soluzioni valide a problemi comuni. Qua su Edit vi abbiamo gia parlato e segnalato più volte risorse relative pertinenti al web design, ma quello che ci vuole in questo fine agosto torrido è un bel listone rinfrescante: Design Pattern Gallery: Pattern Tap Flickr Design Patterns Gallery Design Snips Welie Info Design Patterns (recentemente rinnovato) (more...)

Continua a leggere Web Design Patterns: il listone

Categoria: Web Design

Tags: ,

I tipi di Adaptive Path hanno reso disponibile per il download (previa registrazione alla newsletter) un agile volumetto di 70 pagine che prende in rassegna i pattern più diffusi per il processo di registrazione nei siti di social networking. Una guida visuale con decine di esempi, alcuni forse in po' banali, ma nel complesso utili da tenere a portata di mano. Ben fatta soprattutto la sezione dedicata al coinvolgimento dei nuovi utenti.

Continua a leggere Pattern per la registrazione 2.0

Categoria: Web Design

Alla lista di collezioni di pattern ed elementi di interfaccia per il web design presentata a suo tempo in questo post, aggiungo una risorsa emersa in questi giorni. Information Design Patterns è il sito (in Flash) che accompagna sul web la tesi in Information Design del tedesco Christian Behrens. Ben curata la presentazione e in aggiornamento costante la collezione di elementi. Di ciascuno, secondo uno schema consolidato per queste raccolte, viene fornita una descrizione testuale che ne presenta gli ambiti d'uso e di applicazione, un esempio dal vivo e per finire un esempio preso da applicazioni reali.

Continua a leggere Una bella raccolta di pattern

Categoria: Web Design

Tags: ,

Di pattern per il web design ci siamo già  occupati, ma per reintrodurre l'argomento può essere utile tornare sulla definizione. Quella presente su IAWiki recita più o meno così: I pattern rappresentano soluzioni ottimali a problemi comuni. Man mano che problemi comuni sono sollevati nel contesto di una comunità  e vengono risolti, spesso emergono spontaneamente soluzioni comuni. Talvolta, le migliori di queste soluzioni acquistano una consistenza superiore alle altre e una propria identità  autonoma, e, dopo essere state rifinite nei dettagli, assurgono allo status di Design Pattern. Sono Design Pattern un indicatore di avanzamento, la funzionalità  di autocompletamento o la paginazione dei risultati di una ricerca. (more...)

Continua a leggere Raccolte di pattern per il web design

Categoria: Web Design

Tags: ,

àˆ già  la terza volta che mi capita nel giro di qualche settimana. Scopro un tool... lo provo, curioso, mi piace un sacco! Poi vado a vedere chi c'è dietro al progetto: in genere mi piace inviare un'email di ringraziamento quando trovo uno strumento valido a disposizione. E cosa scopro? L'autore è italiano! Doppiamente fantastico. E perché non lo hai capito subito? Non sai forse leggere l'italiano? Eh no, proprio così fesso non lo sono ancora. àˆ che per potersi guadagnare un po' di popolarità  sempre più spesso utenti e blogger italiani scrivono in inglese. (more...)

Continua a leggere 4 strumenti per web designer (e non) made in Italy

Categoria: Web Design

Piccolo appuntamento dedicato alla grafica con alcune risorse che ho collezionato di recente: icone, gradienti, risorse vettoriali, pattern e shapes. Ecco la lista: Free Icons Web è un sito che raccoglie 15mila (!) icone Website Icons, un altro sito di icone Crystal Clear, un bel set di icone stile KDE (more...)

Continua a leggere Dieci risorse grafiche

Categoria: Grafica