Ugrás a tartalomra
memberarea memberarea.io

A márka alapjai

Logó, favicon, színek és tipográfia, és hogyan segít az élő előnézet.

Ebben a cikkben

A márka az a lépés, amely a legtöbbet hozza a ráfordított munkáért. Húsz perc itt minden képernyőt megváltoztat, amit egy tag valaha lát, a belépési oldaltól a számláig.

Dizájnbeállítások megnyitása

A márka fül élő előnézettel a jobb oldalon
A márka fül élő előnézettel a jobb oldalon

Az élő előnézet

A jobb oldali panel menet közben mutatja a változtatásait. A fölötte lévő ikonokkal váltson asztali és mobil nézet között, mert a tagjai mindkettőn érkeznek, és egy logó, amely laptopon jól olvasható, telefonon olvashatatlan lehet.

Semmi nem lesz nyilvános, amíg nem ment.

A logója

Töltsön fel két változatot: egyet a világos, egyet a sötét módhoz. A tagok maguk választanak módot, és egy sötét logó sötét háttéren eltűnik.

  • Formátum: SVG vagy PNG. Az SVG minden méretben éles marad, a PNG-hez elég képpont kell.
  • Arány: nagyjából 5:1, tehát széles logó a négyzetes helyett.
  • Méret: 1000 x 200 képpont jól működik PNG esetén.

Átlátszó hátterű változatot használjon. A logó körüli fehér doboz abban a pillanatban feltűnik, amint egy tag sötét módra vált.

Tipp

Ha a logója egy négyzetes jel a mellette lévő névvel, akkor ezt a változatot töltse fel. Egy magában álló jel elvész a széles helyen.

A faviconja

A favicon az a kis ikon a böngészőfülön. Ebből is töltsön fel világos és sötét változatot.

  • Formátum: SVG vagy PNG.
  • Arány: 1:1, tehát négyzetes.
  • Méret: 512 x 512 képpont.

A logója jelét használja, ne a teljes nevet. Tizenhat képponton egy szó csak folt, míg egyetlen betű vagy jel még olvasható.

A színei

Négy szín, külön a világos és a sötét módhoz:

Szín Hol jelenik meg
Elsődleges Gombok, hivatkozások, aktív állapotok, minden kattintandó
Szöveg A folyószöveg az egész platformon
Kiemelés Hangsúlyok, amelyek figyelmet vonzanak, de nem gombok
Háttér A felület, amelyen minden más nyugszik

Az elsődleges az, ami számít. Vegye a meglévő márkájából, és ellenőrizze a háttérrel szemben mindkét módban. Egy halvány sárga, amely fehéren elegáns, fehér háttéren olvashatatlan szöveggé válik.

A színbeállítások világos és sötét módhoz
A színbeállítások világos és sötét módhoz
Tipp

Próbálja ki mindkét módot, mielőtt lezárja. A sötét mód itt nem utólagos gondolat, és egy szín, amely csak az egyikben működik, a tagjai felének hibásnak fog tűnni.

Tipográfia

Válasszon egy betűtípust az egész platformra. A lista olyan családokat tartalmaz, amelyek gyorsan töltődnek és képernyőn kis méretben is jól olvashatók, márpedig a tagjai többnyire ezt teszik.

Egy visszafogott betűtípus rendszerint a helyes választás. A logó hordozza a karaktert, a szöveg hordozza a szavakat.

A márkán túl

A dizájnoldal felső fülei tovább mennek:

  • Elrendezés a tagi felület formájához.
  • Bejelentkezés és regisztráció a belépési képernyőhöz.
  • Betöltőképernyő ahhoz, ami töltés közben látszik.
  • Közösség a közösség fejlécéhez.
  • Tanfolyamok a tanfolyam fejlécéhez.
  • Videólejátszó a videói vezérlőihez.

Előbb a márka. A többi akkor érdemel egy pillantást, ha a logó és a színek megvannak.

Dizájnbeállítások megnyitása

Last updated on September 10, 2026

Hasznos volt ez a cikk?

Related articles