I migliori strumenti di sviluppo per progettare siti web

Progettare siti web non è per niente semplice, soprattutto se non si conoscono gli strumenti giusti.

In questo articolo andremo ad esplorare quelli che sono gli strumenti migliori per progettare siti web con il minimo sforzo: creare mock up, trovare icone, texture, font e via dicendo.

• MOCK UP

Iniziare a progettare siti web partendo dai Mock Up è la via migliore per creare e costruire la vostra idea. Con i Mock Up potrete modellare la struttura del sito tramite un semplice prototipo, che sarà lo scheletro su cui andrete a lavorare.

I migliori Tools Mock Up sono: MockFlow e FrameBox.

• ICONE

Le icone sono utilissime per trasmettere un messaggio immediato. Guardiamo per esempio i Social Network. Una semplice icona raffigurante un uccellino azzurro trasmette subito l’idea del Social Twitter.

Un’icona raffigurante una busta da lettere fa subito pensare all’email di contatto. Ecco quindi come le icone possono venirci in soccorso.

I migliori siti dove trovare icone gratuite sono: Archigraphs, Iconizer, Iconmonstr, One Div e We Love Icon Fonts.

• TEXTURES

Le textures danno un tocco aggiuntivo al vostro sito, rendendolo meno piatto e monotono.

I migliori siti dove trovare Textures gratuite sono: Texture King, Lost and Taken e 10 Ravens.

• IMMAGINI STOCK

Avevo già accennato in un altro articolo l’importanza della ricerca di immagini stock. Utile soprattutto per Web Developer che, non essendo il più delle volte grafici ma programmatori, hanno bisogno di immagini da inserire nella progettazione di siti web.

I migliori siti gratuiti per trovare immagini in Stock sono: Official PSD’s, SXC e Freepik.

• FONT

La scelta dei font, e quindi della tipografia del sito, è una tra le cose che ritengo più importanti da fare.  Creare un sito che sia leggibile ed esteticamente bello è fondamentale. La tipografia può venire in nostro aiuto se sappiamo come sfruttarla. Per questo consiglio anche di leggere l’articolo sul Graphic Design Inspiration, che spiega quali libri comprare a proposito degli stili tipografici.

Siti migliori per la ricerca di Font gratuiti sono: DaFont, FontSquirrel, IdentiFont, WhatFontIs e Google Font.

• STRUMENTI DI RILEVAZIONE

Saper rilevare se un determinato sito è funzionale oppure no può fare la differenza.

In primis c’è bisogno di sapere se i Markup del sito funzionano su tutti i Browser Web. Per questo c’è la famosa libreria Javascript Modernizr.

Altro ottimo strumento è Built With che permette di sapere com’è stato costruito un sito, se usa Framework o CMS, che plugin sono installati, ecc… Utile se dovete progettare il restyling di un sito.

• GALLERIE DI IMMAGINI

Essenziali per quasi tutti i siti web sono le gallerie di immagini. Sia esso un sito per fotografi, un portfolio o un semplice sito informativo, le immagini fanno da padrone in quasi tutti i progetti.

Gli utenti sono attirati dalle immagini che, se usate bene, possono diventare ottimi canali di conversione.

Le migliori gallerie gratuite da utilizzare nei vostri siti sono: Gamma Gallery, Touch Touch (utile per le versioni mobile) e Grid Navigation.

• SLIDERS

Infine troviamo gli slider. Molto simili alle gallerie di immagini. Li trovo molto utili per Blog o siti di Ecommerce.

Ecco alcune guide utili per realizzarli: Responsive Image Gallery, Responsive Slider, Parallax Content Slider e Touch Slider (per le versioni mobile).

La mia lista è finita. Se conoscete altre risorse utili per progettare siti web, fatelo presente nei commenti.