AISongGen logoAISongGen

Quatre temes, una cançó — fer servir el color per dissenyar el reproductor

Per què aisonggen surt amb quatre temes equivalents en lloc d'un únic aspecte canònic, i què va canviar aquella decisió a la superfície d'escolta.

6 min de lectura

L'aspecte per defecte d'una eina musical determina el gènere de música que hi farà la gent. Una eina sintetitzadora negra i porpra empeny les persones cap a pistes de sintetitzador. Una eina folk de paper càlid les empeny cap a pistes de folk. Volíem que aisonggen es notés neutral pel que fa al gènere, així que té quatre temes que descansen tots iguals a la porta d'entrada.

Els quatre estats d'ànim als quals vam arribar

  • Sonic Teal — el fred i clínic, per defecte. Sembla l'interior d'un estudi de masterització després de mitjanit. Ideal per a ambient, techno, qualsevol cosa on la cançó sigui més arquitectura que història.
  • Neon Orange — el cridaner i ardent. El per defecte de marca. Sembla la sortida d'un club a les 2 de la matinada. Ideal per a trap, hyperpop, qualsevol cosa on l'energia sigui el moll de l'os.
  • Studio Black — el silenciós i car. Carbó i daurat. Sembla un amplificador de guitarra fet de cuir. Ideal per a jazz, soul, preses de cantautor que volen ser preses seriosament.
  • Electric Magenta — el juganer. Rosa i crom. Sembla l'interior d'un videoclip Y2K. Ideal per a pop, dance, qualsevol cosa on es permeti que la broma sigui òbvia.

Què ens van costar els temes

Dissenyar per a un sol tema són mil decisions petites sobre contrast, jerarquia i èmfasi. Dissenyar per a quatre són les mateixes mil decisions, multiplicades per quatre — i han d'aterrar al mateix component sense trencar-lo. La manera com ho vam fer manejable va ser moure tots els colors a un sistema de tokens, perquè els components mateixos mai no agafin un codi hex, només un rol: --primary, --accent, --bg-elevated. Els temes canvien els valors; els components no canvien gens.

Què ens va donar

Allò que no ens esperàvem: la gent va començar a triar temes pel context de gènere, no pel gust personal. Un productor que treballava en una base de trap saltava a Neon Orange encara que el seu tema per defecte fos Sonic Teal. El selector de tema va deixar de ser un desplegable de configuració i va passar a formar part del flux de treball — una manera de posar la sala en l'ambient adequat per a la cançó que tocava escriure.

Una nota sobre accessibilitat

Els quatre temes compleixen WCAG AA en contrast de text i anelles de focus. Cap d'ells es basa només en el color per a l'estat — cada estat actiu canvia també de forma, gruix o posició. Una persona usuària que no pugui veure la diferència de color entre Sonic Teal i Neon Orange ha de poder distingir igualment que un botó està premut.

La teva pròxima cançó és a un prompt gratuït

Obre l'estudi, escriu l'ambient i sent una cançó acabada en 30 segons. Comença gratis, publica lliure de royalties i sense targeta de crèdit.