8 strumenti di cui avrà bisogno un web designer

2024 Autore: Malcolm Clapton | [email protected]. Ultima modifica: 2023-12-17 04:01

Screensize.es

Screensiz.es è un sito che può aiutarti a trovare facilmente le dimensioni fisiche, la risoluzione dello schermo, le proporzioni e molti altri parametri degli schermi dei modelli più comuni di smartphone, tablet e monitor. Tutte le informazioni sono disponibili in una forma semplice e comprensibile, sotto forma di tabella. Esistono dozzine di diversi dispositivi Android, tablet, inclusi BlackBerry Playbook, Microsoft Surface Pro e Barnes & Noble Nook. Per i dispositivi meno comuni, anche trovare le informazioni di cui hai bisogno è abbastanza facile. Screensiz.es offre anche una valutazione della popolarità del dispositivo basata sulle statistiche di ricerca di Google e una serie di altri criteri.

Modelli sottili

Subtle Patterns offre una vasta gamma di pattern di sfondo che puoi utilizzare come sfondo per i tuoi siti web. Motivi semplici ma piacevoli soddisferanno i gusti degli appassionati di design minimalista che desiderano qualcosa di più di un semplice sfondo bianco. Una delle migliori caratteristiche del sito è un'anteprima di come apparirà un dato modello sul tuo sito. Va notato che tutti i modelli sono forniti gratuitamente a tua disposizione.

Tipo perso

Ricordi il carattere che hai visto sul tuo sito preferito? Ci sono buone probabilità che questo font sia preso dal sito Lost Type, che riunisce molti designer che mettono lì il loro lavoro in vendita a un prezzo da pagare quanto vuoi. Forse, Lost Type può essere attribuito alla lista di siti che ogni designer (e non solo) dovrebbe conoscere. Non ci sono molti posti sul web dove puoi ottenere un font unico di alta qualità e non pagare molti soldi per questo.

penna rossa

Red Pen ti consente di risolvere un compito molto importante in modo semplice e veloce, come nessun altro sito. Trascini il tuo lavoro grafico o il tuo layout in un'apposita finestra del sito e il servizio ti fornisce un link univoco che puoi pubblicare sui social network. Facendo clic su questo collegamento, chiunque può fare clic con il mouse in un punto arbitrario e lasciare lì le proprie osservazioni e commenti su ciò che vede. Uno strumento indispensabile per ottenere feedback rapidi dal pubblico più vasto.

Modello tocca

Pattern Tap non è uno strumento nel senso tradizionale del termine, ma tornerà sicuramente utile per un designer. Lo scopo di Pattern Tap è di ispirarti con idee per vari elementi delle pagine web. Ad esempio, il sito contiene un ampio elenco di pagine 404 di esempio, lettori audio, pulsanti, breadcrumb e altro. Se sei a corto di ispirazione, guardare le varie incarnazioni di un'idea può spingerti nella giusta direzione. avere una vasta gamma di idee a portata di mano, raccolte in un unico sito, è molto meglio che navigare all'infinito sul Web, setacciando tonnellate di informazioni visive. Pattern Tap ti consente anche di cercare in base a criteri come colori, stili e tipi di elementi.

Blokk font

Il nome Blokk parla da solo. Spesso, durante la progettazione dei layout, il progettista deve dimostrare la sua pienezza con il testo, il che spesso porta a uno sforzo extra non necessario. È chiaro che puoi usare una sorta di generatore di testo in stile Lorem Ipsum, ma c'è anche una soluzione più elegante. Il font Blokk trasforma le parole incomprensibili digitate dalla tastiera (fywalge) in qualcosa di sottile e bello. Invece di frasi latine senza senso, ottieni linee sottili che imitano le linee di testo.

Set di icone di Brankic1979

Un meraviglioso set di icone gratuite, perfette per la progettazione di applicazioni, siti Web e altri progetti. Dai numeri agli ingranaggi ai microfoni, questo set contiene oltre 350 articoli e troverai sicuramente qualcosa di utile in esso. La cosa principale è che le icone sono gratuite sia per uso personale che commerciale.

Colore per Hailpixel

Naturalmente, non mancano i selezionatori di colori. Questo è uno degli strumenti che un designer dovrebbe avere sempre a portata di mano e Color by Hailpixel merita sicuramente attenzione. Il sito web si aprirà e ti mostrerà una schermata vuota con un singolo collegamento nero (# 000000). Mentre muovi il cursore sullo schermo, vedrai come cambia il colore di sfondo e la finestra al centro mostrerà il corrispondente codice esadecimale di questo colore. Cliccando con il mouse si creerà una striscia del colore corrente con il valore numerico di questo colore. Pertanto, con i movimenti del mouse, puoi raccogliere una tavolozza dei colori desiderati per un ulteriore utilizzo. Facendo clic sull'"ingranaggio" situato su ciascuna striscia salvata verrà visualizzato un pannello con le impostazioni per quel colore, in cui è possibile impostare in modo più accurato i valori RGB e HSL. Uno strumento meraviglioso.

Hai i tuoi strumenti online preferiti? Fateci sapere nei commenti.