A blokk vizuális nyelve néhány következetesen ismétlődő kapcsolatra épül. A világosszürke háttér magában foglalja mindkét szolgáltatáshasábot, a kék címsorok adják az elsődleges szöveges hangsúlyt, a kék kapcsolati elemek pedig a lehetséges további lépésekre irányítják a figyelmet. Mivel a Márkastratégia és a Kommunikációs stratégia hasábjai kiegyensúlyozottak, egyik szolgáltatás sem telepszik rá a szakasz vizuális megjelenésére. A következetes balra igazítás tovább erősíti ezt az egyensúlyt azáltal, hogy mindkét hasábnak azonos olvasási vonalat biztosít.
A képességlisták a következetesség egy újabb szintjét adják hozzá a felülethez. A Márkaérték-audit, a Célcsoportelemzés, a Versenytárselemzés és a Stratégiai irány ugyanazt a kompakt listás megjelenítést alkalmazza, mint a Vizuális pozicionálás, a Vizuális arculati rendszer, az Ikon- és illusztrációs útmutatók, valamint a Márkaalkalmazás. A rövid gondolatjelek kártyák és nehézkes szegélyek nélkül teremtenek összefüggést az elemek között. A tágas térközök kontrasztot biztosítanak a két csoport között, és meggátolják, hogy a világos háttér zsúfoltnak hasson.
Egy átfogóbb webdesign-projekt keretében ezek a megoldások egy jól felismerhető szakasztípust alapozhatnak meg: visszafogott semleges tér, kék információs hangsúlyok, párhuzamos tartalomcsoportok és egyértelműen jelölt kapcsolatfelvételi pontok. A blokk így iránymutatásul szolgálhat a rokon szolgáltatás- vagy stratégiaszakaszok számára, ám egyetlen blokk még nem határozza meg a teljes webhely identitását. Hozzájárulása egy konkrét vizuális hivatkozási pont, amelyet más blokkok célzottan adaptálhatnak.
A (z) Weboldal tervező használatakor módosíthatja a színeket, a betűtípusokat, a fejlécet és a homályosítást, az elrendezést, az oszlopokat és más design elemeket, valamint a tartalmat és a képeket.
Használd a Témabeállítások funkciót a weboldal vizuális alapjának meghatározásához az oldalakon és a szakaszokon. Állíts be globális színeket, betűtípusokat és tipográfiát, hogy a weboldal ugyanazt a dizájnirányt kövesse, ahelyett, hogy minden oldalt külön-külön stílusoznál.
Válassz egy olyan színsémát és betűtípus-kombinációt, amely illik a weboldal jellegéhez, majd finomhangold a H1-H6 címsorokat, a normál szöveget, a linkeket, a gombokat, az idézeteket, a listákat és az egyéb tipográfiai stílusokat. Ezen beállítások következetes használata segít egyértelmű vizuális hierarchiát létrehozni, és az ismétlődő dizájnelemek felismerhetőek maradnak a weboldalon.
Használd az Animációs effektusok funkciót a weboldal dizájnjának dinamikusabbá és interaktívabbá tételéhez. Az elemek és konténerek olyan effektusokat használhatnak, mint a Megjelenítéskor futtatás, az Elemzéskor animáció és az Animáció szinkronban görgetéssel, hogy bemutassák a tartalmat, ahogy a látogatók a webhelyen mozognak, vagy reagálnak a felhasználói interakcióra. Az animációs előbeállítások kész effektusokat kínálnak, amelyek a webhely vizuális stílusához igazíthatók.
Alkalmazza ugyanazt a tervezési irányt a megosztott webhelyelemekre, például a fejlécre, a menüre és a láblécre. A Témabeállítások Panel összehozza a webhely egészére kiterjedő közös stílusvezérlőket, így könnyebb fenntartani az összehangolt megjelenést, miközben a webhely több oldalra bővül.
Ez a munkafolyamat hasznos kiindulóponttá teszi a sablont egy olyan webhely létrehozásához, amely egységes vizuális identitással, összehangolt színekkel és tipográfiával, megosztott tervezési szabályokkal és interaktív effektusokkal rendelkezik az oldalakon.