5 trendów WordPress w projektowaniu stron internetowych na maj 2023 r

Opublikowany: 2023-05-24

Jedną z rzeczy, które najbardziej kochamy w trendach projektowych WordPress, jest to, że tak wiele elementów i stylów nakłada się na siebie. Zobaczysz to w przykładach tutaj. To sprawia, że ​​praca z trendami projektowymi jest elastyczna i interesująca i daje szansę na wyjście, jeśli popularny element szybko wyjdzie z mody.

Oto pięć świetnych trendów, które należy wziąć pod uwagę w tym miesiącu podczas tworzenia nowego projektu WordPress lub jeśli chcesz po prostu odświeżyć istniejącą witrynę za pomocą nowych efektów, które zaangażują odwiedzających witrynę.

1. Płynna animacja

Płynna animacja to jeden z tych projektów, które mogą wydawać się żywe i świeże. Pomiędzy płynną animacją a płynną zmianą kolorów zawsze dzieje się coś nowego.

Chociaż płynne style animacji nie są całkiem nowe, implementacja Stripe jest lepszym podejściem niż większość. Animowany element porusza się elegancko i celowo; wiele poprzednich iteracji tego stylu wymagało ruchu w powietrzu i mogło być trochę niezdarne. Po prostu sprawdź powyższy przykład ze Stripe.

  • Dlaczego to działa: kluczem jest prostota ogólnego projektu i połączenie każdego elementu ze sobą. Jeśli przyjrzysz się uważnie, animacja zmieni kolor, podobnie jak główny przycisk w dolnej środkowej części ekranu, a także nawigacyjne wezwanie do działania (CTA). Wszystkie zmieniają kolor jednocześnie iz tą samą prędkością, tworząc dość elegancką estetykę.
  • Jak z niego korzystać: głównym celem jest upewnienie się, że animowany element znajduje się na ekranie. To część projektu. To może być trochę trudniejsze, niż myślisz, a pełna integracja może wymagać poważnego planowania – i potencjalnie umiejętności kodowania.

2. Doświadczenia inspirowane sztuczną inteligencją

Trudno jest teraz rozmawiać o stronach internetowych, projektowaniu lub marketingu bez sztucznej inteligencji jako integralnej części dyskusji. Ale jak go efektywnie wykorzystać?

Wrażenia inspirowane sztuczną inteligencją to jedna z opcji, dzięki której nie ma zatartej granicy między fantazją a rzeczywistością. Dream Date, powyżej, pomaga użytkownikom w interaktywności z grywalizacją AI, aby pomóc im zaplanować wycieczkę ze znaczącą osobą. To zabawna odmiana odwiecznej koncepcji. Zobacz świetny przykład tego z Dream Date.

  • Dlaczego to działa: sztuczna inteligencja działa najlepiej, gdy jest oczywiste, że tak właśnie się dzieje. Użytkownicy nie chcą być oszukiwani przez sztuczną inteligencję.
  • Jak z niej korzystać: Gamifikacja to również efektywne wykorzystanie tej techniki. Znalezienie sposobu na nawiązanie kontaktu z użytkownikami w alternatywnej rzeczywistości za pomocą przerywników z prawdziwego życia jest interesujące i wciągające.

Kadence będzie dodawać nowe elementy sztucznej inteligencji, które pomogą Ci znacznie szybciej zbudować bardziej efektywną witrynę. Jeśli chcesz otrzymywać powiadomienia o wydaniu Kadence AI, dołącz do listy oczekujących.

3. Kolorowanie tęczy

Modne są wielokolorowe i tęczowe style! Zwróć uwagę na ten trend na przykładzie z Marmoladza. Wspaniałą rzeczą w kolorze tęczy jest to, że można go używać niemal wszędzie i z różnymi odcieniami, od tradycyjnej tęczy, przez kolory firmowe, po monotonne wariacje.

Ten trend w projektowaniu jest popularny w witrynach, które używają dużego tekstu i niewielkiej liczby obrazów, aby stworzyć coś interesującego wizualnie, co kładzie nacisk na słowa, które zachęcają odwiedzających witrynę do interakcji z Twoją marką.

  • Dlaczego to działa: Kolor może nadać witrynie bez obrazów inny charakter niż w pełni minimalistyczny czarno-biały projekt.
  • Jak z tego korzystać: Baw się kolorami marki lub odcieniami, które tworzą emocjonalną więź, którą chcesz nawiązać z użytkownikami. Różnice w kolorach pastelowych i podstawowych mogą wydawać się zupełnie inne.

4. Styl gry

Oddawanie hołdu elementom projektowym z gier wideo staje się dominującym trendem w projektowaniu stron internetowych, jak w powyższym przykładzie z Play Goals. Obejmuje to wszystko, od stylu używanej grafiki, przez style tekstu, po elementy interaktywne na całym wyświetlaczu.

Interesujące w obecnym stylu gier jest to, że łączy on prawie wszystkie inne trendy wysokiego poziomu. Istnieją elementy animacji, sztuczna inteligencja, interakcje i suwaki, płynne efekty, odważna typografia i wiele innych.

W zależności od motywu gry, można użyć mnóstwa różnych efektów lub stylów, aby pomóc stworzyć tę scenę i wrażenia z gry.

  • Dlaczego to działa: grywalizacja jest z natury interaktywna i może pomóc odwiedzającym witrynę w zaangażowaniu się w projekt przez dłuższy czas.
  • Jak z niego korzystać: użyj tego trendu projektowego, aby uzyskać lżejsze doświadczenia w witrynie zakorzenione w zaangażowaniu. Może nie być najlepszy w przypadku cięższych tematów lub elementów o poważnym tonie.

5. Niezwykłe akcje slajdów

Wszyscy możemy przyznać, że suwaki generalnie nie są tak skuteczne. Ludzie mogą na nie patrzeć, ale zaangażowanie we wszystkich dziedzinach jest na ogół słabe. W tym miejscu pojawiają się bardziej niezwykłe akcje slajdów.

Ten trend projektowy przyjmuje koncepcję suwaka, ale czyni go bardziej częścią zintegrowanego projektu, a mniej elementem projektu „spójrz na te wszystkie zdjęcia”.

W powyższym przykładzie z Val d'Oca możesz zobaczyć podpowiedź następnego elementu slajdu z aktualnej pozycji w projekcie. Odtwarza się jak wideo, kończąc na pełnym menu elementów nawigacyjnych. Jeśli oglądasz wideo, masz zakończenie z czymś do zrobienia.

To bardziej wciągająca wersja tradycyjnego slidera z bardziej ukierunkowaną ścieżką użytkownika.

  • Dlaczego to działa: każdy rodzaj interakcji, który jest podobny do czegoś, co znasz, ale przełamuje tę formę, może generować zaangażowanie.
  • Jak z tego korzystać: Skróć podróż i zapewnij możliwości wyjścia z suwaka i szybszego dążenia do interaktywnych celów. Jedyną rzeczą, której nie chcesz, aby użytkownicy zrobili, to utknięcie w suwaku i nie dotarcie do ważnej części projektu – ogólnego celu konwersji.

Kładąc wszystko razem

Trendy w projektowaniu stron internetowych WordPress są zabawnym elementem, ale nie musisz próbować każdego nowego trendu, który się pojawia. Sieć stale się zmienia, a nowe możliwości innowacyjnego eksperymentowania z projektowaniem pojawiają się cały czas. Oczywiście za każdym razem, gdy dodajesz nowe elementy projektu, upewnij się, że działają one zgodnie z celami każdej strony w Twojej witrynie. Nigdy nie stawiaj projektu ponad wrażeniami użytkownika. Zamiast tego upewnij się, że elementy projektu uzupełniają cele związane z doświadczeniem użytkownika, aby kierować odwiedzających witrynę do pożądanych działań.

Pełny pakiet Kadence zapewnia wszystko, czego potrzebujesz, aby nadążać za wszystkimi trendami w projektowaniu i przenieść swoją witrynę internetową na wyższy poziom. Od zaawansowanego bloku tekstowego w Kadence Blocks po możliwość tworzenia w pełni konfigurowalnych projektów i stron, pełny pakiet Kadence zapewnia wszystko, czego potrzebujesz do tworzenia pięknych, skutecznych i wciągających stron internetowych.

Zdobądź pakiet Kadence