Discord-bannerin koot: palvelin 960×540, profiili 680×240

Discord-bannerin koko riippuu bannerista. Palvelinbanneri on 960×540 pikseliä ja kuvasuhteeltaan 16:9. Se näkyy palvelimesi kanavaluettelon yläosassa. Profiilibanneri on 680×240 pikseliä ja asettuu avatarisi taakse profiilikortissa. Kutsulinkin avaajalle näkyvä palvelimen kutsutausta on myös 16:9 ja näyttää parhaalta koossa 1920×1080. Käyttöliittymä peittää osan kaikista kolmesta. Luo niillä tunnelmaa ja pidä tärkein kohta näkyvissä.

Discord-bannerien mitat yhdellä silmäyksellä

Vie grafiikat, tekstit ja liukuvärit PNG:nä, valokuvat JPEG:nä. Animoidut bannerit käyttävät GIF-muotoa ja vaativat palvelimilla korkeamman Boost-tason tai profiileissa Nitron. Pidä liike hitaana, sillä banneri on lukemisen ja kirjoittamisen vieressä. GIF vai MP4 kertoo GIF-värien huolellisesta käytöstä.

Discord-palvelinbanneri: 960×540

Palvelinbanneri on kanavasivupalkin yläosassa kanavaluettelon päällä. Kapea sivupalkki näyttää kuvan pienenä, ja palvelimen nimi sekä valikkonuoli tulevat sen yläreunan päälle. Jäsenet näkevät kuvan aina avatessaan palvelimen, joten se on Discord-kuvistasi katsotuin.

• Pidä yläkaistale rauhallisena. Ylimmän noin 100 pikselin päällä on palvelimen nimi valkoisena. Tumma tai yksinkertainen yläosa helpottaa lukemista.
• Sijoita kuvat ja sanat keskelle. Sivupalkin rajaus ja skaalaus hävittävät reunojen yksityiskohdat.
• Jätä pieni teksti pois. Sivupalkissa alle noin 60 pikselin korkuinen teksti 960×540-kuvassa on lukukelvotonta.
• Häivytä kuva sivupalkkiin. Discordin tummaa teemaa kohti tummeneva alareuna saa bannerin osaksi käyttöliittymää.

Discordin kutsutausta

Kutsutausta täyttää selaimessa kutsukortin takaisen näytön, kun joku avaa kutsulinkin. Keskellä oleva kortti näyttää palvelimen kuvakkeen, nimen ja hyväksymispainikkeen. Kuvan keskiosa on siis enimmäkseen piilossa. Suunnittele kutsutaustasta koko ruudun väri- tai tekstuuripinta ja siirrä yksityiskohdat reunoille sekä kulmiin, päinvastoin kuin useimmissa bannereissa.

Discord-profiilibanneri: 680×240

Nitrolla voit ladata profiilibannerin, joka näkyy profiilikortin yläosassa nimeäsi napsautettaessa. Pyöreä avatar peittää vasenta alakulmaa, ja kortti on kapea. Siksi banneri toimii parhaiten väri- ja tekstuuripintana, jonka yksityiskohdat ovat oikealla. Ilman Nitroa voit valita tasaisen bannerivärin ja sovittaa sen avatariin. Profiilibanneri seuraa sinua kaikille palvelimille, joten valitse niihin kaikkiin sopiva ilme yhden yhteisön sisäpiirivitsin sijaan.

Suunnittele yhtenäinen Discord-bannerisarja

1. 1

   Valitse yksi taustaperhe

   Käytä samoja värejä tai materiaalia palvelinbannerissa, kutsutaustassa, palvelinkuvakkeessa ja rooliväreissä. Yhtenäiseltä näyttävä yhteisö tuntuu yhtenäiseltä.

2. 2

   Suunnittele kutsutausta ensin

   1920×1080 on suurin koko, joten se määrittää ilmeen. Pidä keskiosa tasaisena.

3. 3

   Tee siitä palvelinbanneri

   Sama tausta koossa 960×540. Palvelimen nimi tai tunnuslause keskellä, yläreuna rauhallisena.

4. 4

   Tarkista tumma ja vaalea teema

   Useimmat jäsenet käyttävät tummaa tilaa, mutta eivät kaikki. Keskisävyyn häipyvät reunat sopivat molempiin. Tumman tilan suunnittelu kertoo miksi.

5. 5

   Esikatsele oikeassa koossa

   Avaa palvelin kannettavalla ja puhelimella. Jos sanat eivät erotu sivupalkissa, poista ne tai suurenna niitä.

Peliyhteisöt, opiskelupalvelimet ja sisällöntuottajien Discordit hyötyvät samasta ajatuksesta: palvelin näyttää oman brändinsä osalta. Jos Discord tukee striimiä tai kanavaa, sovita se Twitch-brändiisi tai pelikanavan ilmeeseen. Gradientlyssä yksi Mark tuottaa kaikki kolme Discord-kokoa. Jokainen muoto piirretään uudelleen rajaamisen sijaan, ja Prolla yksi vaihe muuttaa suunnitelman kaikkiin kokoihin. Markin sanat pysyvät luettavina, koska tausta rauhoittuu niiden takana. Lisää muotoja on somekuvien koissa.