Tailles de bannière Discord : serveur 960 x 540 et profil 680 x 240

La taille de la bannière Discord dépend de la bannière dont on parle. Une bannière de serveur mesure 960×540 pixels, une image 16:9 affichée en haut de la liste des salons de votre serveur. Une bannière de profil mesure 680×240 pixels et se place derrière votre avatar sur votre carte de profil. Le fond d’invitation du serveur, montré à ceux qui ouvrent un lien d’invitation, est aussi en 16:9 et rend mieux en 1920×1080. Chacune est en partie couverte par l’interface de Discord : concevez-les comme une atmosphère, en gardant la partie importante dégagée.

Dimensions des bannières Discord en un coup d’œil

Exportez en PNG pour les visuels, le texte et les dégradés, en JPEG pour les photos. Les bannières animées utilisent le GIF et demandent un niveau de Boost plus élevé pour les serveurs ou Nitro pour les profils ; si vous en faites une, gardez un mouvement lent, car la bannière côtoie des personnes qui lisent et écrivent. GIF ou MP4 explique pourquoi les GIF demandent un soin particulier pour la couleur.

Bannière de serveur Discord : 960 x 540

La bannière de serveur se place en haut de la barre latérale des salons, au-dessus de votre liste de salons. La barre latérale est étroite : la bannière s’affiche donc en petit, et le nom du serveur et une flèche de menu se superposent à son bord supérieur. Les membres la voient chaque fois qu’ils ouvrent le serveur, ce qui en fait l’image la plus vue que vous possédez sur Discord.

• Gardez la bande du haut calme. Les 100 pixels du haut environ portent le nom du serveur en blanc : un haut plus sombre ou plus uni aide à le lire.
• Placez toute image ou tout texte au milieu. Le recadrage et la mise à l’échelle de la barre latérale font disparaître les détails des bords.
• Évitez le petit texte. À la taille de la barre latérale, tout ce qui fait moins d’environ 60 pixels de haut dans votre design de 960×540 est illisible.
• Laissez-la se fondre dans la barre latérale. Une bannière dont le bord inférieur s’assombrit vers le thème sombre de Discord s’intègre à l’interface au lieu de s’y poser.

Fond d’invitation Discord

Le fond d’invitation remplit l’écran derrière la carte d’invitation quand quelqu’un ouvre votre lien d’invitation dans un navigateur. La carte elle-même se place au centre, avec l’icône de votre serveur, son nom et le bouton Accepter. Le milieu de votre image est donc surtout masqué. Concevez le fond d’invitation comme un cadre plein de couleur ou de texture, avec les détails repoussés vers les bords et les coins, à l’inverse de la plupart des bannières.

Bannière de profil Discord : 680 x 240

Avec Nitro, vous pouvez importer une bannière de profil, affichée en haut de votre carte de profil quand quelqu’un clique sur votre nom. Votre avatar rond en recouvre le bas gauche, et la carte est étroite : la bannière fonctionne donc mieux en couleur et en texture, avec les détails à droite. Sans Nitro, vous pouvez quand même choisir une couleur de bannière unie, à accorder à votre avatar. Votre bannière de profil vous suit dans chaque serveur que vous rejoignez : choisissez quelque chose qui convient à tous plutôt qu’à la private joke d’une seule communauté.

Comment concevoir un ensemble assorti de bannières Discord

1. 1

   Choisissez une seule famille de fonds

   Les mêmes couleurs ou la même matière sur la bannière de serveur, le fond d’invitation, l’icône du serveur et les couleurs de rôles. Une communauté qui ressemble à un seul lieu en donne le sentiment.

2. 2

   Concevez d’abord le fond d’invitation

   En 1920×1080, c’est le plus grand : il fixe le style. Gardez son centre uni.

3. 3

   Tirez-en la bannière de serveur

   Le même fond en 960×540, avec le nom du serveur ou un slogan centré et un bord supérieur calme.

4. 4

   Vérifiez dans les thèmes sombre et clair

   La plupart des membres utilisent le mode sombre, mais pas tous. Une bannière dont les bords s’estompent vers un ton moyen convient aux deux ; design en mode sombre explique pourquoi.

5. 5

   Prévisualisez à la taille réelle

   Ouvrez le serveur sur un ordinateur portable et sur un téléphone. Si les mots ne se lisent pas dans la barre latérale, retirez-les ou agrandissez-les.

Les communautés de joueurs, les serveurs d’étude et les Discord de créateurs profitent tous de la même idée : le serveur ressemble à la marque à laquelle il appartient. Si votre Discord accompagne un stream ou une chaîne, accordez-le à votre identité de streamer Twitch ou à votre habillage de chaîne gaming. Dans Gradiently, un seul Mark vous donne les trois tailles Discord, rendues à neuf pour chaque forme plutôt que rognées, et avec Pro une seule étape adapte un design à toutes les tailles. Les mots posés sur le Mark restent lisibles, car il s’apaise derrière eux. D’autres formats sont dans tailles d’images des réseaux sociaux.