Linee guida interfaccia umana#

Ubuntu Touch segue una filosofia di design moderna e convergente chiamata Suru. Vogliamo continuare a sviluppare il design iniziato da Canonical.

../_images/750w_DesignPhilosophy_MainImage.png

Suru significa#

Qui a UBports crediamo che tutti dovrebbero avere accesso al software libero, affidabile e affidabile che può essere condiviso e sviluppato da chiunque. Questo ha spianato la strada per permettere alla comunità di crescere e prosperare con la libertà di fiducia e collaborazione. Questa credenza integrale è stata tradotta nella filosofia progettuale chiamata Suru.

  • Gli elementi Suru dei valori Ubuntu alludono alla cultura giapponese.

  • Il design di Suru si ispira agli origami, perché ci danno una base solida e tangibile.

  • La carta può essere utilizzata in tutte le aree del design in forme bidimensionali e tridimensionali, perché è trasferibile e diversificata.

Tradotto in design#

Suru conferisce una struttura precisa ma organica all’interfaccia di Ubuntu Touch. Le linee nette e i vari livelli di trasparenza evocano i bordi e la consistenza della carta. Tutti gli elementi sono posizionati in modo deliberato, con l’obiettivo esplicito di essere facilmente identificabili e utilizzabili dall’utente.

Quando si utilizza un layout di dimensioni ridotte, le informazioni e le funzionalità sono racchiuse in un oggetto compatto che può essere ripiegato per esporre aree diverse. Con l’aumentare delle dimensioni del layout, l’oggetto può diventare progressivamente più grande, consentendo di esporre più informazioni e funzionalità alla volta.

Origami#

../_images/366w_DesignPhilosophy_origami.png

Origami è stato a lungo associato con buona fortuna e rappresenta lo stile visivo per Ubuntu Touch. Le pieghe Origami sono utilizzate per definirne il design.

Dettagli semplici#

../_images/366w_DesignPhilosophy_simple.png

Ciò che è più importante è che i layout dello schermo mantengono una qualità naturale, ritmica, e una nitidezza e chiarezza che aiuta l’utente a trovare le cose rapidamente e usarle in modo intuitivo.

Utilizzo di griglie sottili per la precisione#

Le pieghe di origami producono semplici dettagli grafici che permettono ai progettisti di creare una griglia sottile per posizionare elementi e componenti del marchio, come loghi, icone o copylines. Questo aiuta a mantenere l’attenzione sull’immagine principale o l’elemento grafico.

../_images/750w_DesignPhilosophy_SubtleGrid.png

Scheda d’atmosfera Suru#

Influenza e ispirazione#

../_images/suru_mood_board.png