DevCardBattle

Concepts

Carte DCB v2

Pistes de design pour la carte: idées de modernisation, dessinées avec des cartes de la collection tirées au hasard. Cliquez sur une carte pour la voir en grand.

Autres idées

Moderniser le reste de la carte

Une section par idée, toutes avec le contour plein pour ne comparer qu'une chose à la fois. La dernière combine tout. Les cartes portent la base envisagée pour la suite: bloc effect.yaml arrondi à 6 px, titre en Inter 600 et code en mono.

1. Cartes sans illustration

Fond dans la couleur du type avec un motif de points et une grande icône du type, au lieu du cadre blanc et de l'icône grise. Déjà en place dans l'app.

2. Badge de type

Pastille de la couleur du type avec une icône, posée sur l'illustration. Le nom prend toute la largeur de son bloc. Les cinq types.

3. Coûts compacts

Deux chips avec une icône (fusée, pièce) au lieu des grandes cases pastel. Les 25 px gagnés vont au bloc effect.yaml.

4. Nom sur l'illustration

Plus de bloc nom, le nom est écrit sur le bas de l'image, sur un dégradé sombre, et l'illustration grandit de 70 px. Le type passe en badge.

5a. Description sans titre

Le titre Description disparaît, le texte commence en haut du bloc, ce qui donne une ligne de plus.

5b. Description en commentaire YAML

Le bloc Description disparaît, la description devient un commentaire en tête de effect.yaml, et le bloc gagne 70 px de haut.

6. Numéro de collection

Un numéro en bas à droite, comme sur un jeu de cartes à collectionner (ici l'ordre alphabétique des fichiers).

7. Texte d'ambiance façon terminal

Police mono, un $ de la couleur du type devant et un curseur qui clignote.

8. Cartes citées dans les effets

Le nom d'une autre carte du jeu cité dans un effet prend la couleur de son type et se souligne. Sur la fiche, il pourrait mener à cette carte.

9. Relief de la peau claire

Blocs blancs avec une ombre douce et une bordure plus légère, pour mieux les détacher du fond.

Tout ensemble

Les idées 1, 2, 3, 4, 5b, 6, 7, 8 et 9 combinées.