5 trendów w projektowaniu stron internetowych WordPress na wrzesień 2023 r

Opublikowany: 2023-09-26

Jak idą Twoje jesienne projekty? Potrzebujesz inspiracji do projektowania stron internetowych WordPress? Trendy te mogą po prostu zainspirować Cię do powstania bardziej pomysłowych koncepcji lub pomóc zmotywować Cię do realizacji celów związanych z opowiadaniem historii w Internecie.

Oto pięć świetnych trendów, które warto wziąć pod uwagę w tym miesiącu:

1. Kreskówka

Czasami musisz wyrazić swoje zdanie za pomocą projektu, który jest prosty, interesujący i wykracza poza to, czego możesz się spodziewać. To właśnie robi ESPN, udostępniając informację dotyczącą Carlosa Alcaraza w ramach występu w US Open.

Projekt mógł przedstawiać jego zdjęcie na korcie; raczej został przedstawiony w kreskówce jako postać, która pasuje do ponadprzeciętnego nagłówka i fabuły.

Jednak najlepsza część tego projektu może się wydarzyć na zwoju z animacją kortu tenisowego i niesamowitymi infografikami.

  • Dlaczego to działa: obraz w stylu kreskówek na prostym tle jest uderzający i wyróżnia się. Dodaje to uroku opowiadanej historii i dobrze pasuje do elementów kopiowanych.
  • Sposób użycia: Działa najlepiej w przypadku prostego obrazu i wyrazistego charakteru. Nie próbuj tego z pełnym obrazem lub krajobrazem. (Nie uzyskasz tego samego efektu.)

2. Słowa jako sztuka

Czasem najlepiej opowiedzieć historię bez obrazu. Tak jest w przypadku witryny Right Our Story, która koncentruje się na znęcaniu się. Ten zabieg sprawdza się wyjątkowo dobrze, bo nie chcemy tu pokazywać twarzy; mogłyby odwrócić uwagę od przesłania.

Dzięki zastosowaniu jasnych kolorów i zabawnej czcionki nadal jesteś zaangażowany w projekt, a koncepcja pola cytatu zastosowana w głównym obszarze nagłówka przekłada się na rzeczywiste cytaty w projekcie.

Może to być dość skuteczny sposób na umożliwienie słowom prawdziwego opowiedzenia historii. Obrazy tutaj mogą być problematyczne, ponieważ nie chcesz, aby użytkownik założył, że ktoś na zdjęciu jest sprawcą przemocy lub jest ofiarą zastraszania. Zabieg ten skupia całą uwagę na słowach.

Dzięki zaawansowanemu blokowi tekstu firmy Kadence Blocks możesz wyróżnić określone słowa, dzięki czemu będą naprawdę się wyróżniać i wywierać potężny wpływ.

  • Dlaczego to działa: Słowa jako element artystyczny mają szczególną siłę, gdy głównym celem projektu jest czytanie.
  • Jak z tego korzystać: Wybierz ciekawy krój pisma i kolorystykę, aby elementy były razem i były interesujące.

3. Warstwowe opowiadanie historii

Opowiadanie historii jest podstawą prawie każdego dobrego projektu strony internetowej. Warstwowe opowiadanie historii pomaga utrzymać zainteresowanie użytkowników cyfrową historią i poruszanie się po elementach witryny.

Dzięki temu, co wygląda na prosty projekt, Hanwag stworzył wielopoziomową, wielowarstwową historię z obrazami, tekstem i ruchem. W menu na dole strony możesz zobaczyć „rozdziały”, które poprowadzą Cię przez historię rozruchu. (Kto wiedział, że but może być tak interesujący?)

Naprawdę warto poświęcić trochę czasu na zbadanie działań przewijania, aby zobaczyć, jak to wszystko się składa. Podczas przewijania strony elementy poruszają się w różnych kierunkach, aby ułatwić opowiadanie historii.

  • Dlaczego to działa: w tym ogólnym projekcie dużo się dzieje pod względem animacji i ruchu, ale proste białe tło, czytelny tekst i ostre obrazy łączą to wszystko w jedną całość.
  • Jak z tego korzystać: Czasami potrzebny jest złożony projekt, aby opowiedzieć złożoną historię. To małżeństwo, które łączy narrację i opowiadanie historii w sposób, który po prostu wydaje się odpowiedni.

4. Piękne menu

Menu restauracji nie jest znane ze swojej estetyki. Projektanci starają się to zmienić za pomocą piękniejszych menu online, które prezentują zarówno jedzenie, jak i łatwy do odczytania format.

Banana Blossom wykorzystuje piękne obrazy, przestrzeń i kolor, aby wywołać głód. Projekt strony internetowej prowadzi do produktów spożywczych w sposób bardziej podobny do witryn eCommerce prowadzących do produktów przed podaniem szczegółów cen. Zanim dotrzesz do menu, już chcesz, żeby jedzenie było na ekranie.

Ten projekt jest świetny do oglądania, ale nie przychodź głodny!

  • Dlaczego to działa: Kolor i prostota pozwalają obrazom zabłysnąć. Każda pozycja menu jest w prosty sposób opisana i ilustrowana, dzięki czemu wiesz dokładnie, jaki będzie Twój posiłek.
  • Jak z niego korzystać: To menu bardziej przypomina projekt bloga niż cokolwiek innego, ale wykorzystuje wszystkie tradycyjne zasady dobrego projektu – przestrzeń, kolor i skalę.

5. Subtelna animacja

Animacja to jedna z najtrudniejszych technik projektowania stron internetowych. Ten trend pokazuje, jak dobrze to połączyć, zachowując prostotę i subtelność ruchu.

Zwróć uwagę na małe kolorowe kwadraty w przestrzeni: wszystkie poruszają się powoli na odrębnej płaszczyźnie, aby kierować ruchem oczu, ale nie zakłócać treści. Kwadraty naśladują kształt logo i rozciągają się zarówno na obrazy, jak i białą przestrzeń.

Instytut Syndeo wykonuje dobrą robotę, przedstawiając ten motyw projektowy w witrynie za pomocą kwadratowych elementów i subtelnych animacji w całym zwoju.

Dzięki Kadence możesz dodać oszałamiające efekty animacji podczas przewijania, które z pewnością przyciągną uwagę odbiorców i zapewnią wizualną nagrodę za dalsze korzystanie z treści.

  • Dlaczego to działa: Subtelna animacja nie odbiera pierwotnego projektu ani tego, co użytkownik powinien wynieść ze strony internetowej. Zapewnia coś dodatkowego dla zainteresowania wizualnego.
  • Jak z tego korzystać: poszukaj czegoś, co ma jakiś cel – na przykład kształtu, którego używasz w inny sposób lub w innym miejscu – i użyj animacji, aby pomóc użytkownikom coś zrozumieć lub pokierować wizualnym przepływem treści.

Kładąc wszystko razem

Trendy w projektowaniu stron internetowych WordPress są zabawnym elementem. Ale nie myśl, że musisz wypróbować każdy nowy trend, który się pojawi. Uwielbiamy pojawiające się obecnie trendy, ponieważ wykorzystują klasyczne motywy w nowym wydaniu – od form literowych jako grafiki po style kartonowe. Stosowanie właściwych trendów we właściwym czasie jest częścią Twojej marki i stylu; baw się dobrze i eksperymentuj, co Ci odpowiada.

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 Lottie Block w Kadence Blocks po możliwość tworzenia w pełni konfigurowalnych projektów i stron, Kadence Full Bundle zapewnia wszystko, czego potrzebujesz do tworzenia pięknych, skutecznych i wciągających stron internetowych.

Zdobądź pakiet Kadence