Packs d'interface

Sunset Drive Classement

12 éléments de classement et de succès (vaporwave) pour interfaces en mode sombre — indigo crépusculaire, accent rose flamant. SVG et PNG transparent en 1x/2x/4x.

  • ui
  • svg
  • png transparent
  • classement
  • tableau des scores
  • succès
  • classement général
  • trophée
  • vaporwave
  • vaporwave
  • vaporwave
  • synthwave
  • rétro
  • hud
Planche montrant 12 éléments de classement et de succès (vaporwave) de la famille Sunset Drive, disposés sur un damier de transparence avec leurs tailles en pixels inscrites en dessous
aperçu 1600×1032la transparence est montrée en damier

À propos de ce pack

Sunset Drive Classement est un ensemble de 12 éléments de classement et de succès dessinés dans le style vaporwave, où des coins arrondis et repliés portent des dalles rose et sarcelle sur un fond indigo profond. Il contient trois lignes de place et une ligne simple, une ligne mise en avant pour le joueur, un podium à trois places, une plaque de succès verrouillée et une déverrouillée, une barre de progression de succès, deux bandes de rareté et une vitrine de succès.

Or, argent et bronze sont la façon évidente de dessiner les trois premiers et aussi la seule palette qu’un jeu ne maîtrise pas : dès que votre accent d’interface est chaud, la ligne dorée cesse de se lire comme une première place et se lit comme une sélection. Et la ligne que l’on cherche vraiment est la sienne, qui n’est jamais dans les trois premières.

C'est le seul style de cadre qui autorise une courbe ; tous les autres du catalogue sont strictement anguleux. Les dégradés parcourent le grand axe en deux paliers saturés au lieu de s'éteindre vers un neutre, parce qu'un dégradé vaporwave délavé se lit comme une erreur plutôt que comme une ambiance.

À l'intérieur de ce style, voici la lecture Sunset Drive : une interface en mode sombre sur une palette indigo crépusculaire avec des accents rose flamant, bâtie autour de un cadre à bordure unique, de boutons chanfreinés en 176x48, de barres à noyau creux divisées en 8 segments et d'icônes en bichromie sur une grille de 32px. Ces mesures expliquent pourquoi deux familles peuvent partager un style artistique sans être interchangeables : le style décide comment un bord est tracé, les nombres décident à quoi sert l'interface.

La place tient à la largeur du bloc de rang à gauche, qui se réduit du premier au troisième : l’ordre du podium se lit donc avant tout chiffre et reste lisible dans n’importe quelle couleur de la famille. La ligne du joueur est encore différente : c’est la seule dessinée avec un cerne complet, et c’est ce qui permet de la trouver en faisant défiler plutôt qu’en lisant. Les plaques de succès se verrouillent et se déverrouillent par la structure, puisque la plaque verrouillée garde son cadre et vide son champ : une étagère de succès a une forme avant même qu’un seul soit obtenu.

Chaque sprite est livré en SVG modifiable et en PNG transparent à 1x, 2x et 4x : vous pouvez déposer les PNG directement dans un moteur ou ouvrir le vecteur et changer une couleur. Dessiné aux mêmes mesures que le reste de la famille Sunset Drive, ce qui veut dire que ce kit et le kit de panneaux Sunset Drive s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux interfaces synthwave, crépusculaires et rétro-romantiques.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP123 kB

Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readme

Fichiers inclus dans ce pack
FichierFormatPoidsTéléchargement
Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readmeZIP123 kB Obtenir →
Ligne de classement, place 1, SVG modifiableSVG3.5 kB Obtenir →

Comment l'utiliser

  1. Utilisez les lignes de place pour les trois premiers et la ligne simple pour tout le reste ; le signal est la largeur du bloc de rang et il ne faut pas l’écraser.
  2. Dessinez la ligne du joueur à sa place réelle plutôt que de l’épingler en haut. Elle est entièrement cernée pour être repérable en plein milieu de liste.
  3. Laissez la plaque de succès verrouillée en place au lieu de masquer ce qui n’est pas encore obtenu. Le champ vide accueille votre propre icône à la taille exacte de la plaque déverrouillée.
  4. La bande de rareté est une proportion, pas un palier : une bande courte signifie que peu de joueurs l’ont. Alimentez-la avec votre taux réel d’obtention plutôt qu’avec un nom de rareté.

Licence

Creative Commons Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique

Ligne de crédit à copier
"Sunset Drive Classement" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sunsetdrive-leaderboard