Menu

5 strumenti utili per analizzare il design di un sito web

Torna alle news
22/11/2015
Tecnologie, Colore, Web design, Grafica

La curiosità e lo spirito di osservazione sono due qualità che un designer deve mantenere allenate nel tempo.
Che si tratti di un poster in strada o di un volantino spam nella casella di posta, osservare lo studio di progettazione con occhio critico permette di costruire la propria comprensione di ciò che rende alcuni disegni belli e altri di pessima fattura, ma consente anche di imparare nuove tecniche.

Con il web design questo è ancora più facile da mettere in pratica, perché sono stati sviluppati strumenti che permettono di studiarne il codice di base.

A seguire 5 strumenti online utilizzabili per scoprire meglio layout, colori e molto altro.
 

1. Stylify Me


Stylify Me permette di visualizzare i dati da qualsiasi sito web e di scaricarli.
Fornisce i colori di sfondo e le caratteristiche del testo.  

2. Web Colour Data



Questo strumento online è l'estrattore di gamma cromatica più cool che sia presente in rete.
Estrae da qualsiasi sito web i suoi colori, quindi attraverso un'infografica crea una rappresentazione visiva del loro utilizzo all'interno della pagina.

3. Type-o-matic



Type-o-matic è un' utile estensione per Firefox, che revisiona tutti i CSS di un sito web per estrarre i dati tipografici. Se si desidera scoprire il font di un sito web, questo è il modo più semplice per identificarlo, a meno che, a discapito dell'indicizzazione, non vengano utilizzate immagini per i titoli.

4. StyleStats



Style Stats è uno strumento impressionante che sarà anche utile per capire meglio i CSS presenti in una pagina web.
Analizza, infatti, tutte le informazioni CSS e le organizza in maniera più facile da leggere.
Ancora meglio, propone alcune statistiche che permettono di valutare la qualità del codice.

5. Snappy Snippet



SnappySnippet è un'estensione per Chrome che permette di estrarre CSS e HTML da elementi selezionati su un qualsiasi sito web. Con un solo clic, è possibile inviare il codice selezionato a CodePen, jsFiddle o JS Bin.

Metti un like

Vuoi saperne di più? Contattaci subito!

Privacy Policy
Ho letto e autorizzo il trattamento dei miei dati personali.


Invia

Non perderti le nostre news

Privacy Policy
Ho letto e autorizzo l'invio della newsletter.