Design · N° 1
Il punto.
Ogni icona di CineticaPro ha un punto. E c’è un buon motivo.
Le icone di tutti
Fino a metà ottobre le icone di CineticaPro erano quelle di Lucide: un set open source ottimo e molto diffuso che tante librerie di componenti mettono di serie.
Funzionavano, ma il problema era un altro: la stessa matita, la stessa spunta e lo stesso globo si ritrovano in migliaia di app, e sempre più spesso in quelle generate in automatico. Un programma che vuole farsi riconoscere al primo sguardo non può avere le icone che hanno tutti gli altri.
Tre strade
Abbiamo disegnato tre direzioni e le abbiamo messe una accanto all’altra a grandezza reale: nella barra laterale, nella barra in alto e nelle righe di un elenco, nel tema chiaro e in quello scuro.
| Versione | Cruscotto | Piano di lavorazione | Persone | Budget | Ordini e fornitori | Documenti | Location | Cerca | Elimina | Avviso | Lingua | Teatro |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Oggi · Lucide | ||||||||||||
| A · Il punto | ||||||||||||
| B · Il nastro | ||||||||||||
| C · Lo stencil |
Il punto era l’unica direzione che nasceva da qualcosa che avevamo già.
Il punto sul punto.
Guarda il marchio. «Pro» finisce con un punto, e la C e la P hanno curve che non si chiudono.
Così il punto del logo è entrato nelle icone, e le curve aperte sono diventate una regola.
Nei testi il nome si scrive senza punto, CineticaPro: il punto vive nel disegno, non nell’ortografia.
La griglia
Ogni icona è disegnata su una griglia di 24 unità e sta in un’area utile di 20, con due unità di margine per lato. Estremità e giunti sono tondi. Le linee non si chiudono in un angolo, come la C e la P del logo: la fessura sta dove la lettura non cambia, mai sul segno che dà il significato.
- 24unità di lato: la griglia su cui nasce ogni disegno.
- 20unità di area utile, il riquadro tratteggiato: due di margine per lato.
- 2unità di tratto. A schermo le icone sono grandi 14 pixel nelle etichette, 16 nei comandi, 18 nella barra laterale.
- 1punto per icona. Nel calendario è il giorno di oggi.
Dove sta il senso
Il punto è uno solo e non decora mai. Segna la parte dell’icona da cui si capisce che cosa vuol dire.
Spento non segna niente
Quando una cosa è spenta (notifiche ignorate, non in linea, una data che non c’è) l’icona è lo stesso disegno con una barra diagonale. E perde il punto: spento, non segna più niente.
Nel programma il tema si cambia con una lampadina, accesa nel tema scuro e spenta in quello chiaro. Questa pagina fa lo stesso.
Prova.Accendi la lampadina: la pagina passa al tema scuro, e nel bulbo compare il punto.
Un colore, un’area
CineticaPro è diviso in quattro aree, ognuna col suo colore: Produzione, Finanza e acquisti, Persone, Documenti e conformità. Nella barra laterale il punto prende il colore della sua area anche quando la voce è spenta; quando la apri, si colora tutta l’icona.
Il colore aiuta, ma non è mai l’unico indizio: il punto non dice da solo niente che il resto dell’icona non dica già. E il contrasto si misura nei due temi, come quello del testo.
Scriviamo che in CineticaPro il dato nasce una volta sola. Il punto è la stessa idea disegnata: una cosa sola, nel posto giusto.