A vizuális nyelv az erőteljes kék nyitószekcióban indul: itt a középre zárt portré és a kör alakú navigációs gombok közvetlenné és grafikussá, nem pedig hivatalos dokumentum jellegűvé formálják a bemutatkozást. A kör alakú vizuális elemek, a lekerekített kártyák és a geometriai kísérőformák ezt a formakincset viszik tovább a minőségi szempontok és a készségkategóriák bemutatásakor. Mivel ugyanazok a zárt formák térnek vissza eltérő tartalmi szerepekben, a dizájn mindvégig megőrzi jellegzetes karakterét, ahogy a látogató a bevezetéstől a szakmai részletek felé halad.
A színpaletta abban is segít, hogy elváljanak egymástól az oldal fő tartalmi rétegei. A kék hordozza a nyitóprofilt és a közvetlen navigációt, míg a narancssárga a stratégiával, tervezéssel és fejlesztéssel foglalkozó szakaszt emeli ki. A fehér kártyák és panelek vizuális pihenőt jelentenek a telt hátterek előtt – ilyen például a hatképes galéria mellett átfedésben megjelenő leírókártya is. A sárga elemek további hangsúlyokat képeznek anélkül, hogy megbontanák a kék és a narancssárga közötti meghatározó kapcsolatot. A nagy, középre igazított címek és a tömör kísérőszövegek a szín- és formarendszer mögé sorolják a tipográfiát, de mindvégig tisztán tartják a hierarchiát.
Ezek a megoldások együttesen olyan egységes irányt jelölnek ki a teljes webhely számára, amely remekül illik a vizuális és műszaki területeket összekapcsoló tervezőkhöz. Ugyanez a színskála, a lekerekített formálás, a portréközpontúság és a fegyelmezett kontraszt a szolgáltatásokat, projekteket vagy részletes önéletrajzot bemutató aloldalakon is könnyedén alkalmazható. A látványvilág ereje így az egész megjelenést átszövő, összehangolt motívumokból fakad, nem pedig egyetlen elszigetelt hero szekcióból vagy öncélú díszítőszínből.
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.