Icon Design

Microestetica

La cura nei nostri lavori ha un livello di dettaglio che ci porta a progettarne anche le icone, vengono disegnate in stile con l’impianto visivo e la tipografia, così oltre all’aspetto funzionale ne rafforzano la consistenza e fanno parte della stileguide.

A questa pagina è disponibile un PDF da scaricare che illustra il nostro processo di design dei pittogrammi e anche un kit con dei file pronti per essere utilizzati, senza dimenticare che nel design di icone è utile seguire e considerare alcune regole, come ad esempio, deve essere un set di icone:

  • Comprensibile e semplice
  • Riconoscibile e informativo
  • Scalabile e flessibile
  • Consistente con il visual

I tipi di corrispondenza tra immagine e significato sono principalmente questi 3:

  • Somiglianza – rappresentazione diretta dell’oggetto
  • Riferimento – metafora dell’azione o dell’oggetto
  • Arbitraria – pittogrammi scelti e definiti dal brand/visual

Potete leggere il resto dei consigli su come progettiamo le icone in questo documento:

Tangible – Icon Design PDF (173 kb)

Il kit da scaricare contiene questi 2 file:

Un template in illustrator (.AIT) in cui sono già presenti le guide in Material Design e iOS, viewbox e griglie impostate (pixel perfect).
L’icona di questo Playbook in 3 versioni: a colori, monocromatica e in negativo.

Kit Tangible Icon [.zip] (125 kb)

Scritto da spot 09/02/2018 - 16:37
Modificato da ila 04/10/2019 - 16:00