I suoni dei pulsanti hanno successo quando comunicano azione e stato istantaneamente. Usa la libreria per trovare una corrispondenza vicina, poi richiedi variazioni adatte alla velocità della tua UI, al materiale della superficie e alla densità del resto del mix. Ad esempio, un tocco su vetro per uno schermo di telefono necessita di una coda più breve rispetto a una pressione meccanica su un chiosco, e conferma vs errore dovrebbero differire in altezza e mordente.
Abbina il tipo di azione: tocco, pressione, commutazione
Descrivi prima l'interazione. Un tocco rapido richiede un transitorio ultra-veloce, mentre una pressione più lunga può portare un corpo leggermente più pesante. Le commutazioni spesso suonano meglio con un movimento in due parti: clic verso il basso poi rilascio.
- Per i tocchi, richiedi un attacco molto rapido e un sustain quasi nullo
- Per le pressioni, aggiungi un leggero colpo basso-medio e un decadimento leggermente più lungo
- Per le commutazioni, richiedi due eventi o un sottile clic di rilascio
Scegli un materiale che corrisponda alla superficie dell'interfaccia utente
Il linguaggio del materiale guida la texture. La plastica suona vivace e brillante, la gomma suona attutita, il metallo suona più stretto e appuntito, e i tocchi su vetro possono essere sottili con bassi minimi. Mantieni il tono coerente in tutta l'interfaccia in modo che sembri progettato, non casuale.
- Plastica: alti nitidi, coda breve, leggera grana
- Gomma: transitorio arrotondato, brillantezza ridotta, impatto più morbido
- Metallo o vetro: mordente più tagliente, bordi più puliti, bassi minimi
Controlla la coda e lo spazio in modo che non si sovrapponga
I clic dell'interfaccia utente sono solitamente asciutti. Se hai bisogno di ambiente, mantieni le riflessioni sottili e brevi in modo che il suono rimanga leggibile nella navigazione rapida. Per i pannelli in spazi pubblici, una leggera riflessione di corridoio può aiutare a comunicare la posizione senza trasformarsi in un bagno di riverbero.
- Richiedi clic ravvicinati e asciutti per menu e flussi di app
- Se aggiungi spazio, mantieni le riflessioni brevi e silenziose
- Evita decadimenti lunghi che si sovrappongano a ripetizioni rapide dei pulsanti
Distingui conferma da errore senza essere fastidioso
I suoni di stato devono essere distinti a basso volume. La conferma può essere più brillante e fluida, mentre l'errore può essere più asciutto con un calo di tono o un transitorio più duro. Mantieni le dinamiche controllate in modo che l'uso frequente dell'interfaccia non affatichi l'ascoltatore.
- Conferma: tono pulito, rilascio fluido, volume consistente
- Errore: clic più stretto, più mordente, sottile indicazione di tono discendente
- Evita picchi eccessivamente forti che taglino o mascherino il dialogo
