Zasady projektowania stron docelowych

1. Sekcje
2. Hierarchia wizualna
3. Wezwanie do działania (CTA) i formularze
4. Okładka
5. Nawigacja
6. Kolor
7. Czcionka
8. Obrazy
9. Ikony
10. Animacja
11. Ogólny styl
12. Podsumowanie

Wprowadziliśmy koncepcję sekcji w drugim rozdziale, kiedy rozbiliśmy strukturę strony internetowej - twoja oferta, informacje o projekcie, informacje zwrotne, harmonogram i bloki wezwania do działania - wszystkie te elementy są znane jako sekcje na stronie docelowej.

Sekcje są przydatne, ponieważ każda z nich odpowiada na konkretne pytanie - ile coś kosztuje, gdzie się znajdujemy, dlaczego jesteśmy najlepsi - co oznacza, że zawierają jedną w pełni sformułowaną ideę. Ułatwia to ludziom postrzeganie informacji, ponieważ poruszyłeś temat (np. "Dla kogo jest ten kurs"), wyjaśniłeś go i przeszedłeś do następnego. Spójność i przewidywalność to dwie rzeczy, które ludzki mózg uwielbia.

Sekcje lądowania różnią się od tradycyjnych slajdów prezentacji tym, że nie są ograniczone wysokością ekranu. Pojedyncza sekcja może zajmować od kilku ekranów do niewielkiej części pojedynczego ekranu.

Chociaż elementy w sekcji mogą wyglądać inaczej, ważne jest, aby były one połączone jednym motywem.

Odstępy są niezbędne, ale nie zawsze wystarczają, aby wyraźnie podzielić stronę docelową na różne sekcje.

Separator w postaci linii lub kształtu obramowania to kolejny sposób na oznaczenie początku lub końca sekcji.

Aby strona docelowa wyglądała schludnie, zalecamy użycie jednego kształtu obramowania na całej stronie. Używanie różnych stylów - na przykład zygzaków w połączeniu z ukośnymi liniami podziału - sprawi, że strona będzie trudna do strawienia.

Sekcje mogą zawierać same nagłówki lub podtytuły. Nagłówki definiują rytm i strukturę strony oraz pomagają użytkownikom zidentyfikować początek nowego pomysłu.

Na przykład, jeśli pierwszy nagłówek "O kursie" ma 62px, nagłówek następnej sekcji - "Dla kogo jest kurs" - również powinien mieć 62px. Dzięki temu strona będzie wyglądać schludnie, a każda nowa sekcja (i każdy nowy pomysł) będzie łatwa do odczytania.

Aby struktura strony była czytelna nie tylko dla ludzi, ale także dla robotów, użyj tagu H1 dla nagłówka na okładce strony docelowej i dodaj tag H2 do każdego nagłówka sekcji. Wyszukiwarki zinterpretują to jako dobrze rozplanowaną i poprawnie skonstruowaną stronę.

Nagłówki sekcji nie zawsze muszą być czarne - mogą być również kolorowe. Jest to dość rzadkie posunięcie, ponieważ kolorowe nagłówki są trudniejsze do dopasowania do ogólnego stylu strony.

Jeśli konieczne jest wyróżnienie elementu kolorem, zastosuj tę samą zasadę, którą zastosowaliśmy do rozmiaru nagłówka - zachowaj identyczny kolor wszystkich nagłówków sekcji, aby strona była łatwiejsza do odczytania.

Zauważyliśmy, że strony zawierające sekcje z kolumnami umieszczonymi jedna po drugiej są trudne do odczytania.

Bardziej sensowne wizualnie jest, aby sąsiednie sekcje miały taką samą liczbę kolumn - na przykład trzy. Taka strona nadal będzie wyglądać na niezrównoważoną.

Jeśli nie masz doświadczenia w projektowaniu stron internetowych, lepiej unikać używania kolumn - są one dość trudne do uzyskania. Możesz także naprzemiennie używać sekcji z kolumnami i sekcji z tekstem. Na przykład, po kolumnie tekstu mogą następować trzy kolumny z ikonami, następnie fraza kluczowa z obrazem tła, a po niej kolejne trzy kolumny lub kolumna tekstu itd.

Na początku mówiliśmy o sekcji składającej się z nagłówka i treści. Jest to prawda w większości przypadków. Czasami jednak istnieją sekcje, które nie pasują do tej definicji.

Galeria zdjęć, centralny fragment tekstu lub blok tekstu i obraz bez nagłówka to przykłady "niestandardowych" sekcji. Jeśli jednak nadal zawierają jedną ideę i odpowiadają na jedno pytanie, nadal podlegają tym samym zasadom i muszą być rozmieszczone tak jak wszystkie inne sekcje i wyróżnione za pomocą kolorowego tła lub kształtu obramowania.

Oto kilka przykładów sekcji niestandardowych:

Hierarchia wizualna jest niezbędna do wyeliminowania chaosu na stronie docelowej. "Co jest w ofercie? Jak mogę tego użyć? Po co mi to?" - to pytania, na które użytkownik powinien natychmiast uzyskać odpowiedź. Pomogą w tym narzędzia wizualne.

Na przykład główny nagłówek sekcji jest większy niż nagłówek wewnątrz sekcji. W tym przypadku hierarchia wizualna pomaga zrozumieć, że małe nagłówki mają podobne znaczenie, a główny nagłówek łączy je pod jednym parasolem.

Należy jednak zwrócić uwagę na kontrast. Duże elementy powinny być duże. Jeśli nagłówek drugiego poziomu ma 22px w porównaniu do 24px nagłówka pierwszego poziomu, wyróżnienie wizualne jest zbyt słabe, co oznacza brak hierarchii. 1,5-2-krotna różnica w rozmiarze czcionki jest łatwiejsza do zauważenia i zinterpretowania.

W kontekście hierarchii wizualnej "jasność" nie odnosi się do odcienia koloru, ale do kontrastu i ilości kolorów na stronie w stosunku do głównego schematu kolorów.

Zielony nagłówek w połączeniu z niebieskim tekstem i pomarańczowym przyciskiem stworzy wizualny konflikt, a wszystkie trzy elementy zostaną ostatecznie utracone. Jest to przesadzony przykład, ale naprawdę powinieneś dobrze się zastanowić za każdym razem, gdy chcesz dodać kolejny kolor.

Jeśli kontrastujący kolor pojawia się na tle bardziej ogólnego koloru, element staje się bardziej widoczny, przyciągając uwagę i mówiąc: "Jestem ważny".

Jeśli kilka elementów znajduje się obok siebie, prawdopodobnie oznacza to, że łączy je wspólny motyw lub znaczenie. Aby połączyć elementy w grupę, należy zmniejszyć odległość między elementami wewnątrz grupy i zwiększyć je z zewnątrz.

Przyjrzyjmy się kilku przykładom:

Wiele grup elementów może tworzyć pojedynczą kompozycję w ramach danej sekcji. Na przykład nagłówek i podnagłówek mogą tworzyć jedną grupę, podczas gdy blok tekstu z obrazem w dwóch kolumnach może tworzyć inną.

Każda grupa może mieć również podgrupy. Elementy w podgrupie są łączone zgodnie z tą samą zasadą: elementy powiązane znaczeniowo są umieszczane bliżej siebie niż wszystkich innych elementów i podgrup.

Za pomocą białej przestrzeni można wyróżnić element tak samo skutecznie, jak manipulując jego rozmiarem lub kolorem.

Gęsto ułożone elementy są jak szopa dziadka - wiesz, że klucz jest gdzieś w pobliżu, ale nie można go znaleźć, więc denerwujesz się i tracisz czas na jego szukanie.

Możesz użyć jasnego tła lub kontrastującego przycisku, aby wyróżnić blok wśród innych sekcji na stronie docelowej.

Aby zachęcić kogoś do wypełnienia formularza, możesz określić, co stanie się po kliknięciu odpowiedniego przycisku.

"Oddzwonimy w ciągu godziny, aby skoordynować dostawę", "Wyślemy przypomnienie na 2 godziny przed webinarem", "Wyślemy e-book na Twój adres e-mail", "Będziemy wysyłać newsletter edukacyjny tylko raz na dwa tygodnie" - to przykłady prosto sformułowanych wiadomości z ludzkim akcentem, które zachęcają do zaufania.

Strona docelowa jest czasami pośrednim ogniwem w lejku sprzedażowym, a formularz działa jak magnes na potencjalnych klientów.

Lead magnet to wymiana kontaktu (e-mail lub numer telefonu) na coś wartościowego, takiego jak e-book, zniżka, webinar, lista kontrolna lub dane badawcze. Tworzy to następujący lejek:

• Pobierz za darmo
• Zakup za rozsądną cenę (zakup kursu)
• Posprzedaż (konsultacja osobista)

Na przykład, ktoś rejestruje się i otrzymuje pierwszy rozdział kursu online za darmo, co inspiruje go do zakupu całego kursu i ostatecznie zamówienia osobistej konsultacji.

Oto kilka przykładów zastosowania tekstu do powyższych zdjęć:

Ilustracje są dobrą alternatywą dla zdjęć na okładkę, ponieważ wyznaczają styl strony docelowej i sprawiają, że jest ona bardziej interesująca.

Możesz zamówić niestandardowe ilustracje od ilustratora lub znaleźć je w banku zdjęć.

Optymalnym układem na tego typu okładce strony docelowej byłoby umieszczenie tekstu po lewej stronie ilustracji. Formularz zwrotny lub przycisk akcji docelowej można również dodać do nagłówka.

Ta opcja wcale nie jest gorsza od okładki ze zdjęciem - czasami może być nawet lepsza. Pozostaw tło białe i podkreśl typografię - popracuj nad kompozycją, rozmiarem i kolorem czcionek.

Jako tła można użyć monochromatycznego koloru lub gradientu. Z pomocą Tilda Colors możesz skopiować kolory i gradienty lub pobrać je w formacie PNG o rozdzielczości 1680px, odpowiednim dla obrazów pełnoekranowych.

Inną opcją jest użycie abstrakcyjnej grafiki - geometrycznych kształtów, fal, linii lub wzoru. Najważniejsze jest, aby nagłówek był czytelny na tle grafiki.

Sformułowanie tekstu na okładce omówiliśmy w drugim rozdziale.

Jeśli chodzi o długość i formę tekstu, musimy pamiętać, że nagłówek i podtytuł na okładce nie powinny być przesadzone. Idealnie byłoby, gdyby było to jedno proste zdanie w nagłówku wyjaśniające istotę oferty i jedno lub dwa zdania w podtytule, które uzupełniają i otwierają ofertę. Jedna lub dwie linijki w nagłówku i dwie lub trzy linijki w podtytule powinny wystarczyć.

Menu jest używane na okładce, jeśli strona jest długa i trzeba nawigować między sekcjami. Menu pełni tutaj funkcję pomocniczą - w większości przypadków można się bez niego obejść.

Ogólną zasadą dla każdego menu jest unikanie przeładowania za wszelką cenę. Jest to jeszcze bardziej istotne w przypadku menu landing page'a, ponieważ powinno ono pomóc użytkownikowi znaleźć informacje bez odwracania jego uwagi od docelowej akcji.

Menu jest przeładowane, gdy zawiera zbyt wiele elementów. Dlatego można bezpiecznie usunąć nadmiar (np. przyciski sieci społecznościowych), ograniczyć elementy menu do minimum i skrócić nazwy do jednego słowa dla każdego elementu.

Tło menu może być przezroczyste, przezroczyste lub kolorowe.

Przezroczyste tło menu. To menu ma w sobie lekkość i jest najbardziej uniwersalnym i powszechnym stylem. Okładki bez drobnych szczegółów działają najlepiej z przezroczystym menu. Filtry kolorów również dobrze się tu sprawdzają.

Półprzezroczyste menu. To rozwiązanie sprawdzi się, jeśli chcesz zwiększyć czytelność menu bez nadmiernego obciążania pierwszego ekranu.

Menu z kolorowym tłem. Przy 100% kryciu, kolor menu staje się podstawą dla tekstu, czyniąc go doskonale czytelnym. Ta metoda ma dwie wady: po pierwsze, menu staje się zbyt zauważalne i przyciąga uwagę, a po drugie, jest to dość mocne narzędzie stylistyczne, które nie będzie odpowiednie dla wszystkich stron docelowych.

Posortowane według typu zachowania, menu mogą być statyczne, stałe lub mogą pojawiać się podczas przewijania.

Menustatyczne znajdują się w górnej części strony (nad okładką lub nakładającą się częścią okładki), pozostając na miejscu i znikając z pola widzenia podczas przewijania.

Stałe menu są przypięte do górnej części strony docelowej i pozostają widoczne podczas przewijania. Mogą również istnieć dwa menu: jedno pozostaje na górze strony, a drugie pojawia się podczas przewijania. W takim przypadku drugie menu często zawiera numer telefonu lub przycisk rejestracji, aby uprościć wezwanie do działania.

Połączone menu pojawiają się, gdy menu statyczne i stałe są używane jednocześnie. Menu statyczne zawiera logo, pozycje menu i kontakty, podczas gdy menu stałe zawiera przycisk wezwania do działania.

Możesz także utworzyć proste menu dla desktopowej wersji strony docelowej i utworzyć menu hamburgera ze skróconymi lub innymi informacjami dla wersji mobilnej.

Menu hamburgera. Zwykle używane w wersjach mobilnych, aby menu było bardziej kompaktowe. Czasami używane również w wersji na komputery stacjonarne, aby strona była bardziej zwięzła.

Menu w formie punktorów lub kropek przymocowanych z boku strony rozprasza uwagę w niewielkim stopniu, ale pomaga użytkownikom w nawigacji. Punkty wskaźnikowe informują użytkownika, którą część strony przegląda - po najechaniu kursorem na wskaźnik zobaczy podpowiedź tekstową, a po kliknięciu przejdzie do odpowiedniej sekcji.

Wskaźniki przewijania są lekką wersją bocznego paska nawigacyjnego u góry ekranu. Gdy pasek postępu przesuwa się od lewej do prawej, oznacza to, jak daleko użytkownik przewinął stronę.

Wskaźnik postępu jest podstawą dobrego UX. Jeśli klikniesz link, a strona nie zostanie załadowana natychmiast, zobaczysz, że proces się rozpoczął, nastąpi reakcja.

Przycisk przewijania do góry jest używany na długich stronach docelowych (zwykle 5 ekranów lub więcej). Jest to element pomocniczy, który nie powinien być zbyt jasny lub kontrastowy, aby nie kolidował z docelowym przyciskiem akcji. Najlepsze wcięcia przycisku od boków to 20-30px.

Kliknięcie logo prowadzi do początku strony lub strony głównej. Działanie to stało się dość powszechne.

Gdy użytkownik skończy przewijać stronę, nie powinien natknąć się na ślepy zaułek. Oto kilka opcji nawigacji na końcu strony:

• Wezwanie do działania: Formularz lub przycisk
• Linki do dodatkowych materiałów: Podsumowanie poprzednich wydarzeń, linki do innych webinarów
• Stopka z nawigacją po witrynie, jeśli landing jest częścią wielostronicowej witryny. Skala stopki nie powinna zakłócać ani odwracać uwagi od docelowego działania.

Umieszczenie formularza lub przycisku wezwania do działania na końcu jest jedną z najbardziej zdroworozsądkowych rzeczy, jakie można zrobić podczas projektowania strony docelowej. Teoretycznie strona docelowa istnieje po to, aby przekształcić odwiedzających w kupujących lub potencjalnych klientów - każda dodatkowa nawigacja może odwrócić uwagę od tego celu.

Z drugiej strony, jeśli użytkownik nie ma wystarczającej ilości informacji i nie ma możliwości dowiedzenia się czegoś więcej o Twojej firmie, strona może być postrzegana jako ślepy zaułek, co oznacza, że istnieje szansa, że użytkownik zamknie Twoją stronę i przejdzie do witryny konkurencji.

Główną zasadą jest to, że na landing page'u nie powinno być zbyt wielu kolorów - tylko jeden lub dwa. Kolor podświetlenia nie powinien zajmować więcej niż 10% całej przestrzeni, ponieważ jedynie zwraca uwagę na elementy, które muszą być widoczne.

W Tilda nazywamy ten stosunek 90:10 "zasadą butiku". W drogich sklepach rzeczy nigdy nie są stłoczone na wieszakach w wąskich przejściach. Wręcz przeciwnie - każdy przedmiot ma wystarczająco dużo miejsca wokół siebie, aby zostać zauważonym.

Drogie sklepy nie muszą udowadniać ani wyjaśniać, dlaczego mają wysokie ceny. Są pewni swojej oferty, a ich klienci są pewni siebie. Bez zbędnego zamieszania.

Strona docelowa to zasadniczo oferta produktu lub usługi. Kiedy ludzie rozstają się ze swoimi pieniędzmi, chcą mieć pewność, że płacą za Twoją wiedzę lub doskonałą jakość. Miarowe użycie kolorów wesprze ich w tym przekonaniu.

Ludzki mózg aktywnie wykorzystuje stereotypy: Oczekuje, że strona docelowa salonu kosmetycznego będzie jasna, a salonu tatuażu czarna. Zielony kojarzy się ze świeżymi produktami, podczas gdy technologia jest zwykle powiązana z kolorem niebieskim. Zasady nie są wyryte w kamieniu, ale upraszczają komunikację, jak każdy inny wzór.

W Internecie jest wiele gotowych palet, ale ich wadą jest to, że oferują złożone kombinacje 3-5 kolorów, które będą wyglądać śmiesznie na stronie docelowej.

Jeśli potrzebujesz pomocy w wyborze konkretnego odcienia, bardziej niezawodne jest skorzystanie z następujących:

TildaColors to kolekcja palet kolorów, w której możesz wybrać kolor lub dwukolorowy gradient i użyć go w swoich projektach. Kliknij swój ulubiony kolor, aby skopiować jego kod do schowka.

Możesz również pobrać dowolny kolor lub gradient w formacie PNG o rozdzielczości 1680 pikseli, odpowiednim dla obrazów pełnoekranowych.

Material UI Colors to paleta kolorów dla Material Design.

Color Claim to projekt projektanta Tobiasa Van Schneidera, który od 2012 roku zbiera udane kombinacje kolorów. Jego kolekcja składa się głównie z dwukolorowych kombinacji, które idealnie nadają się do projektowania stron docelowych.

WebGradients to darmowa kolekcja 180 liniowych gradientów i kombinacji kolorów. Większość gradientów składa się z dwóch kolorów.

Istnieje niewielka liczba stron docelowych, które mają na celu przekazanie atmosfery szczęścia i radości, przekonując ludzi, że będą się dobrze bawić. Przykłady obejmują festiwale, koncerty i inne wydarzenia. W tym przypadku zasada "butiku" może zostać odłożona na bok, a dobór kolorów można zastosować zgodnie z nastrojem, który próbujesz stworzyć, korzystając z własnego gustu i intuicji.

Zwracanie uwagi na wagę czcionki jest niezbędne podczas tworzenia strony docelowej.

Waga czcionki odnosi się do tego, jak grube lub cienkie powinny być znaki w tekście. Najbardziej znanymi wartościami są normalna i pogrubiona. Niektóre czcionki obsługują tylko te dwie opcje, ale większość ma dodatkowe ustawienia grubości: lekki, normalny, średni, półgruby i pogrubiony.

Strony docelowe maratonu i drogiego produktu kosmetycznego mają różne tonacje, które można wyrazić za pomocą różnych kombinacji czcionek.

Podstawowa kombinacja, która pasuje do każdego projektu. Zwykle używana, jeśli chcesz utworzyć stronę docelową bez dodatkowych atrakcji.

Popularna kombinacja, która jest zarówno subtelna, jak i neutralna, a jednocześnie zdolna do pokazania siły i energii. Kombinacja ta może być stosowana do lądowań związanych z ruchem i aktywnością.

Kombinacja czcionek dla stron docelowych związanych z technologią lub estetyką, która utrzymuje nowoczesny i progresywny ton. Wymaga dużo białej przestrzeni i małych, jasnych wyróżnień.

W tej sekcji omówiono kilka drobnych, bardzo praktycznych aspektów korzystania z czcionek. Jeśli chcesz dowiedzieć się więcej, przejdź do"Jak wybrać odpowiednią czcionkę dla strony internetowej lub artykułu".

Obrazy są łatwiejsze w odbiorze i szybsze w czytaniu - lepiej jest umieścić zdjęcie produktu zamiast szczegółowego opisu jego wyglądu.

Oto kilka przykładów obrazów docelowych:

• Książka: rozkładówka
• Aplikacja: wideo lub zrzuty ekranu interfejsu
• Wycieczka: Punkty orientacyjne na trasie
• Usługa dostawy jedzenia: pudełko z jedzeniem
• Webinarium: portret prowadzącego
• Konferencja: zdjęcie miejsca wydarzenia

Ludzie są generalnie nieufni wobec nieznanych stron internetowych, co ma całkowity sens, ponieważ każdy może stworzyć stronę internetową, a w Internecie jest więcej niż wystarczająco oszustów. Zdjęcia są jednym z czynników, które pomagają budować zaufanie. Działa to tylko wtedy, gdy zdjęcia są autentyczne i przedstawiają produkt lub prawdziwych ludzi.

Jeśli nie możesz zrobić zdjęć, bank zdjęć może pomóc. Znalezienie oryginalnych zdjęć jest kluczem do tego, by strona docelowa wyglądała dobrze. Marketing istnieje od dłuższego czasu i istnieje wiele klisz, które ludzie uważają za irytujące: Skarbonki, zdjęcia ludzi na szczytach gór i uściski dłoni między ludźmi w garniturach.

Nie ma potrzeby przekazywania idei za pomocą uproszczonych skojarzeń. Zdjęcie kogoś wspinającego się po schodach nie mówi "jestem odnoszącym sukcesy trenerem" - to prawdopodobnie po prostu złe zdjęcie.

Jeśli organizujesz warsztaty po raz pierwszy i nie masz jeszcze żadnych zdjęć, możesz znaleźć zbliżenia podobnych wydarzeń w banku zdjęć, które pomogą Ci oddać atmosferę i emocje.

Jeśli pokazujesz zdjęcia swojego zespołu, najlepiej będzie zatrudnić fotografa, aby upewnić się, że obrazy są jednolite i spójne ze stylem strony docelowej.

Możesz także zastosować filtr kolorów, aby zdjęcia wyglądały bardziej jednolicie. Jeśli masz kolor korporacyjny, to on również zachowa tożsamość projektu.

Najprostszym sposobem na zrównoważenie różnych zdjęć jest uczynienie ich czarno-białymi.

Cienkie liniowe ikony będą pasować do stron o minimalistycznym wyglądzie i cienkich czcionkach. Jeśli strona ma duże nagłówki lub pogrubione czcionki, lepiej sprawdzą się wypełnione ikony lub ikony z szerokimi konturami.

Wszystkie ikony na landing page'u powinny mieć ten sam styl. Mieszanie ikon liniowych z kolorowymi i przeplatanie ikon cienkich z wypełnionymi prowadzi do niechlujstwa. Nawet grubość linii ma znaczenie - wszystkie powinny być takie same. Nie każda osoba zauważy, że ikony pochodzą z różnych zestawów, ale i tak będzie miała przeczucie, że coś jest nie tak.

Jeśli używasz Tilda do tworzenia landing page'a, możesz użyć darmowych ikon z kolekcji Tilda Icons osadzonych w edytorze. Otwórz blok treści z obrazem, kliknij ikonę wyszukiwania i przejdź do zakładki Tilda Icons.

Ikony są podzielone na ponad 45 kategorii według typu działalności i można je wyszukiwać według słów kluczowych. Projektanci regularnie tworzą nowe zestawy ikon, a kategorie stają się coraz większe. Jeśli chcesz edytować ikonę - na przykład zmienić jej kolor - możesz pobrać zestaw za darmo, klikając ten link:

Ten projekt został stworzony przez projektanta Dario Ferrando. 730 ikon liniowych podzielonych na kategorie jest dostępnych za darmo.

Duża kolekcja ikon z wygodną funkcją wyszukiwania. Pliki można pobrać w formacie PNG lub SVG. Ikony mogą być używane bezpłatnie pod warunkiem podania autora.

Ekskluzywne ikony i ilustracje 3D. Dostępne za darmo w niskiej rozdzielczości z obowiązkową atrybucją.

Średnia cena niestandardowej ikony narysowanej przez profesjonalnego ilustratora wynosi 10 USD. Gotowe ikony są często sprzedawane w ramach subskrypcji - około 10 USD miesięcznie - lub jako część zestawu.

Ikony podlegają tym samym prawom autorskim, co zdjęcia, więc zwróć szczególną uwagę na licencje, gdy używasz ikon na swojej stronie docelowej - dowiedz się, czy ikony są bezpłatne, czy płatne, i sprawdź, na jakich warunkach można ich używać.

Wykorzystanie animacji powinno być umiarkowane, aby uniknąć przekształcenia strony w licealną prezentację PowerPoint.

Oto jak uniknąć nadmiernej animacji:

Animacja sprawia, że strona jest bardziej atrakcyjna. Nie ma ona żadnego znaczenia poza tym, że jest formą rozrywki i sposobem na uczynienie strony mniej monotonną. Jeśli animujesz wszystko, strona znów stanie się monotonna - nie wspominając o irytacji.

Wydajność strony internetowej jest ważnym elementem, który należy wziąć pod uwagę podczas korzystania z animacji. Pamiętaj, aby przetestować animowane strony docelowe na słabszych komputerach, ponieważ nie wszystkie urządzenia są w stanie szybko załadować animację.