A márka az a lépés, amely a legtöbbet hozza a ráfordított munkáért. Itt húsz perc minden képernyőt megváltoztat, amelyet egy tag valaha lát, a belépési oldaltól a számláig.
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. Ugyanebben a sorban válthatja az előnézetet világos és sötét mód között, és nyithatja meg Teljes képernyő nézetben.
Semmi sem 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-nek elég képpont kell.
- Arány: nagyjából 5:1, tehát inkább széles logó, mint négyzetes.
- Méret: PNG esetén az 1000 x 200 képpont jól működik.
Átlátszó hátterű változatot használjon. A logó körüli fehér doboz abban a pillanatban feltűnik, amikor egy tag sötét módra vált.
Ha a logója egy négyzetes jel a mellette álló névvel, ezt a változatot töltse fel. Egy magában álló négyzetes jel elvész a széles helyen.
A faviconja
A favicon 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, egyetlen betű vagy jel viszont 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, minden, amire kattintani kell |
| Szöveg | A folyószöveg az egész platformon |
| Kiemelés | Az aktív menüpont, a kijelölt fül és más hangsúlyok, amelyek gomb nélkül vonzzák a figyelmet |
| Háttér | A felület, amelyen minden más elhelyezkedik |
Az elsődleges szín számít a legtöbbet. Vegye át a meglévő márkájából, és ellenőrizze a háttérrel szemben mindkét módban. Egy halványsárga, amely fehéren elegánsnak tűnik, fehér háttéren olvashatatlan szöveg lesz.
Ha módosítja az elsődleges színt, egy megjegyzés felajánlja a Háttér igazítása az elsődleges színhez lehetőséget. Az Alkalmaz az elsődleges szín 2%-át keveri az oldal hátterébe. Ez a felületet a márkájához köti, anélkül hogy az olvashatóság változna.
Mielőtt befejezi, próbálja ki mindkét módot. A sötét mód itt nem mellékszál, é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 listában talpatlan, talpas, fix szélességű, display és kézírásos betűk szerepelnek. Kis méretű folyószöveghez, és a tagjai főleg ilyet olvasnak, egy talpatlan vagy talpas betű a legjobb.
Rendszerint egy semleges betűtípus a helyes választás. A karaktert a logó hordozza, a szavakat a szöveg.
Tagavatárok
A Tagok avatarjai a tagok és a felhasználók avatarjainak formáját állítja be az egész platformon: Kerek vagy Négyzet. A négyzetes forma éles sarkú márkához illik, a kerek a megszokott alapértelmezés.
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ő az animációhoz, amely a platform indulásakor látszik.
- Közösség a közösség fejlécéhez.
- Tanfolyamok a tanfolyamok fejlécéhez.
- Videólejátszó a videói vezérlőihez.
Előbb a márka. A többit akkor érdemes megnézni, ha a logó és a színek már a helyükön vannak.