Wizualny charakter tej sekcji wynika z relacji między powściągliwą typografią a osobistą fotografią. Nagłówek w wersalikach „DLACZEGO MY” zapewnia lewej kolumnie wyrazisty, redakcyjny punkt wyjścia, podczas gdy czarna czcionka niesie główny przekaz, a stonowany szary tekst tworzy spokojniejszy poziom pomocniczy. Obfita przestrzeń zapobiega wrażeniu przeładowania akapitu doradczego, podpisu osoby, jej funkcji i linku „dowiedz się więcej”, dzięki czemu każdy element układu tekstu zachowuje swoje miejsce w hierarchii.
Portret w ciepłych barwach po prawej stronie zmienia ładunek emocjonalny tej skądinąd białej, monochromatycznej przestrzeni. Ponieważ wykorzystano tylko jedno duże zdjęcie, działa ono jako skoncentrowany motyw ludzki, a nie powtarzalny system fotograficzny. Ten kontrast może być powtórzony w powiązanych sekcjach za pomocą równie wyważonej hierarchii tekstu, otwartych odstępów lub starannie dobranych fotografii, jednak sam blok nie powinien być traktowany jako definicja tożsamości całego serwisu.
Jako element projektu strony sekcja ta sprawdza się najlepiej wtedy, gdy w szerszym projekcie potrzebny jest spokojny, skoncentrowany na człowieku wyraz doradczy. Jej język wizualny opiera się na proporcjach, kontraście i powściągliwości, a nie na elementach dekoracyjnych czy animacjach. Utrzymanie tych zależności sprawia, że sąsiednie treści wydają się spójne, jednocześnie dając innym blokom swobodę we wprowadzaniu odmiennych funkcji, zdjęć lub akcentów tam, gdzie wymaga tego serwis.
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.