Wizualny charakter tej sekcji wynika z powtarzalności, a nie z bogatych zdobień. Facebook, Twitter i Instagram prezentowane są w dopasowanych, cienkich szarych obrysach w kształcie koła, dzięki czemu ta sama forma staje się rozpoznawalnym motywem we wszystkich trzech linkach. Ich wyśrodkowane ułożenie w poziomie oraz spore odstępy wprowadzają ład, a białe tło utrzymuje na tyle stonowany wydźwięk całości, że doskonale współgra z sekcjami operującymi mocniejszymi grafikami, typografią czy wyrazistymi barwami.
Jako element szerszego projektu strony internetowej blok ten może stanowić drobny, społecznościowy akcent w ogólnym języku wizualnym witryny. Powtarzające się okręgi mogą nawiązywać do innych minimalistycznych obrysów, a szerokie odstępy wpisywać się w szerszą koncepcję swobodnego rozmieszczenia elementów w powiązanych obszarach treści. Taka interpretacja pokazuje, jak sekcja może dopełnić większą tożsamość wizualną; sam blok prezentuje jedynie widoczny tu, konkretny sposób potraktowania linków społecznościowych. Nie determinuje każdego koloru, kroju pisma czy komponentu wykorzystywanego w innych częściach witryny.
Brak nagłówka to również celowy zabieg wizualny. Ikony wskazują swoje miejsca docelowe za pomocą powszechnie znanych symboli, dzięki czemu sekcja pozostaje przejrzysta i łatwa do zestawienia z sąsiednimi treściami. Ponieważ interakcja ma charakter statyczny, nacisk projektowy spoczywa na jednolitym kształcie, wyrównaniu i kontraście, a nie na ruchu. W efekcie powstaje skromny, lecz spójny element wizualny: trzy równorzędne odnośniki społecznościowe, których styl obrysu oraz odstępy można powtórzyć w innych miejscach bez przekształcania pojedynczego bloku w sztywny system dla całego serwisu.
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.