fbpx

Quando progetti un sito web è utile aiutarsi con strumenti che permettono di facilitare il tuo lavoro. La creatività nel mondo del web design è illimitata ed ogni giorno, programmatori e designers,  sviluppano applicazioni utili per progettare un sito web.
Ne ho scoperti alcuni e li elenco qui sotto: potrebbero fare al caso tuo.

#1 – COLOR THIEF


Color Thief è un’ottimo strumento realizzato da Lokesh Dhakar, sviluppatore e designer, che permette di generare palette di colori da un’immagine grazie a Javascript. Sul sito dell’applicazione ci sono già degli esempi ma puoi anche tu caricare una tua immagine per vedere cosa succede. Si apre una sezione con il colore dominante e la palette degli altri colori. Davvero utile!

#2 – CURSOMIZER


Cursomizer è un bellissimo progetto sia nel design che nella interattività realizzato da KRIKDESIGN per stimolare i designer a creare cursori mouse custom e quindi creare nuove esperienze visuali con la possibilità di modificare forma, colore e effetto visuale, provare diverse opzioni, fare dei test e condividere con un link i lavori realizzati con i propri colleghi.

#3 – MOCKFLOW


Mockflow permette ai designer di trasformare velocemente la loro idea in un’interfaccia per gli utenti. È possibile accedere a varie opzioni sui modelli di grafica wireframe, mappa sito, specifiche del design, annotazioni su schermate e hosting sito. È possibile provarlo gratuitamente per vedere come funziona e dopo se ti piace puoi sottoscrivere un abbonamento ad un prezzo accessibile.

#4 – SIMPLE PARALLAX


Simple Parallax è una piccola libreria Javascript che ti permette di aggiungere animazioni parallasse, facilmente e velocemente alle immagini. E’ facile da utilizzare proprio perché l’effetto parallasse è applicato direttamente sul tag “img” dell’immagine.

#5 – BOORDS


Boords ti permette di creare bozzetti, elaborati e animazioni in un solo posto grazie all’animation tool che aggiunge dinamismo e grazie all’editore online permette di aggiungere del testo. È possibile aggiungere anche feedback dei clienti e narrazione fuori campo.

#6 – UX APP


Ux App è un utile strumento che aiuta i designer ad utilizzare e sperimentare prototipi interattivi per applicazioni desktop, mobile, app e siti web senza necessita di scrivere codice. Fornisce componenti html, javascript già pronti con la possibilità di modificarli, realizzando eventi custom, transizioni ed azioni o di esportare design come file png.

#7 – KEYNOTOPIA


Keynotopia rappresenta una collezione impressionante di più di 5000 immagini vettoriali libere che si basano su interfacce di siti web e componenti e più di 200 icone. Sono state create per lo più con Keynote e Power Point e possono essere modificate e custodite senza altri strumenti. Sono disponibili sia elementi singoli che pacchetti a partire da 39 dollari.

#8 – STENCIL


Questa collezione di stencil offre gadget molto belli ed unici e strumenti per designers per realizzare bozze, interfacce fatti in plastica traslucido; offre anche cornici con icone stampate al suo interno che supportano iphone, Android, Ipad e Siti web che possono essere disegnati su carta nella fase di progettazione di un sito web.
Interessante ed unico nel suo genere di prodotto offerto.

#9 – SVG FILTER


Svg Filter è un’applicazione creata dalla sviluppatrice russa Yoksel che ha pensato di creare qualcosa che permettesse di poter sperimentare i filtri SVG per l’immagine ed il testo. È possibile sperimentare gli effetti sia selezionando solo l’immagine o solo il testo che selezionando entrambi.

#10 – LUNR


Lunr è una libreria Javascript molto utile creata da Oliver Nightingale che permette di svolgere funzioni molto importanti all’interno di un testo come la ricerca del testo che può essere avanzata e personalizzata.

Ti piace la mia scelta? Sono sicura che nel tuo progetto di realizzazione del sito web troverai utile almeno uno di questi progetti che ho elencato perché ti faciliteranno il lavoro.
Buon lavoro!

Circa un mese fa ho scitto un articolo per Webhouse che spiega come trasformare un layout fisso in layout responsive. In questo articolo invece parlo del Responsive Web Design come processo fondamentale per la realizzazione di un sito, che va pianificato dal principio adottando un’approccio per punti. I punti per me fondamentali sono 10 e includono sia la fase di progettazione che la fase di design.

(altro…)