Język wizualny opiera się na kontraście, a nie na dekoracyjności. Powierzchnie w odcieniach lawendy i stonowanej szarości tworzą spokojniejsze tło, podczas gdy czarny tekst i ciemniejsze panele budują wyraźne punkty nacisku. Szeryfowe nagłówki ekspozycyjne nadają redakcyjny charakter wprowadzeniu projektanta, sekcji „O mnie”, etykiecie galerii i strefie kontaktowej, a powściągliwy, bezszeryfowy tekst główny porządkuje opisy uzupełniające. Takie zestawienie pozwala płynnie przechodzić między osobistymi opisami a projektami opartymi na obrazie bez utraty spójności wizualnej.
Duże monochromatyczne fotografie architektury i portrety stanowią kolejny powtarzający się element tożsamości. Otwierające zdjęcie architektoniczne prezentuje tematykę w okazałej skali, strefa „O mnie” personalizuje profil za pomocą portretu, a galeria łączy oba rodzaje zdjęć w mozaikę. Dalszy kolaż portfolio kontynuuje tę samą stylistykę, dzięki czemu system wizualny nie ogranicza się do pojedynczej, wyizolowanej sekcji głównej. Asymetryczne podziały i przestronne odstępy dają fotografiom oddech, zapobiegając jednocześnie nadmiernemu zagęszczeniu partii tekstowych.
Barwna strefa kontaktowa oraz ciemna stopka stanowią przemyślany, domykający kontrast dla jaśniejszych sekcji o charakterze redakcyjnym. Linki społecznościowe, oprawa cytatu oraz powtarzające się moduły oparte na zdjęciach można dostosowywać w ramach tego samego kierunku wizualnego bez naruszania bazowego charakteru strony. W rezultacie projekt wyraża artystyczną tożsamość portfolio poprzez paletę barw, kontrast typograficzny, obróbkę zdjęć, kompozycję przestrzeni i powracającą asymetrię.
Korzystając z Kreator projektów stron internetowych, będziesz mógł dostosowywać kolory, czcionki, nagłówek i fooer, układ, kolumny i inne elementy projektu, a także zawartość i obrazy.
Użyj Ustawień motywu, aby określić wizualne podstawy witryny na wszystkich jej stronach i sekcjach. Ustaw globalne kolory, czcionki i typografię, aby witryna podążała za tym samym kierunkiem projektowania, zamiast stylizować każdą stronę osobno.
Wybierz schemat kolorów i kombinację czcionek, które pasują do charakteru witryny, a następnie dostosuj nagłówki H1-H6, zwykły tekst, linki, przyciski, cytaty, listy i inne style typograficzne. Spójne stosowanie tych ustawień pomaga stworzyć przejrzystą hierarchię wizualną i sprawia, że powtarzające się elementy projektu są rozpoznawalne w całej witrynie.
Użyj Efektów animacji, aby nadać witrynie bardziej dynamiczny i interaktywny wygląd. Elementy i kontenery mogą korzystać z efektów takich jak „Uruchom przy wyświetlaniu”, „Animacja po najechaniu kursorem” i „Synchronizacja animacji z przewijaniem”, aby wprowadzać treści w miarę poruszania się użytkowników po witrynie lub reagowania na interakcję użytkownika. Predefiniowane ustawienia animacji zapewniają gotowe efekty, które można dostosować do stylu wizualnego witryny.
Zastosuj ten sam kierunek projektowania do współdzielonych elementów witryny, takich jak nagłówek, menu i stopka. Panel ustawień motywu łączy w sobie wspólne elementy sterujące stylami dla całej witryny, ułatwiając zachowanie spójnego wyglądu w miarę rozszerzania witryny na wiele stron.
Dzięki takiemu obiegowi pracy szablon staje się użytecznym punktem wyjścia do tworzenia witryny internetowej o spójnej identyfikacji wizualnej, skoordynowanych kolorach i typografii, współdzielonych zasadach projektowania oraz interaktywnych efektach na wszystkich stronach.