Najważniejsze trendy w projektowaniu stron internetowych na luty 2022 r.

Opublikowany: 2022-02-26

Teraz, gdy jesteśmy już w 2022 roku, nadszedł czas, aby zacząć myśleć o nowoczesnych aktualizacjach i trendach w projektowaniu stron internetowych. Niezależnie od tego, czy zaczynasz nowy, czy po prostu szukasz kilku modnych akcentów, mamy kilka świetnych pomysłów, które pomogą Ci w tym.

Oto pięć świetnych trendów, które sprawią, że Twoja witryna WordPress będzie wyglądać świeżo.

1. Duży, duży tekst

Im bardziej przyglądamy się trendom typograficznym, tym częściej wracamy do koncepcji dużych elementów tekstowych. I po prostu stają się jeszcze większe.

Projektanci świetnie się bawią z dużym tekstem, który jest w pełni zintegrowany z projektem, takim jak tekst na zdjęciu tutaj na regrocery.co.

W większości ta koncepcja jest używana z pogrubionymi obrazami i elementami tekstowymi zawierającymi krótkie słowa.

  • Dlaczego to działa: ten projekt działa, gdy elementy tekstowe i graficzne współpracują ze sobą. Po połączeniu w sposób, który daje poczucie jednolitego i bezproblemowego, wynik może być oszałamiający i bardzo wciągający.
  • Jak tego używać: To jeden z tych trendów, w których nie można tego wymusić. Potrzebujesz tylko właściwych słów – krótsze często jest najlepsze – i gwiezdnego obrazu, które łączą się w jednolitą wiadomość. Jeśli elementy będą ze sobą współgrały, projekt się nie utrzyma.

2. Ukryta nawigacja

To jeden z tych trendów, który wydaje się być prawie wszędzie, wydaje się całkowicie sprzeczny z intuicją: nawigacja jest ukryta.

Bez oczywistej struktury menu lub nawigacji na guidelotus.com projektanci wybierają głębsze nagłówki z większą ilością pustej przestrzeni – przypominające wiele mobilnych stron głównych – i usuwają elementy nawigacyjne z projektu.

Rezultatem jest bardzo czysty i elegancki wygląd, ale czy jest on przyjazny dla użytkownika? To jest coś, co musisz przetestować w swojej witrynie. Jeśli pójdziesz tą drogą, grupy fokusowe, testy użytkowników i bliższe przyjrzenie się analityce, aby upewnić się, że użyteczność są ważne.

  • Dlaczego to działa: Użytkownicy coraz bardziej przyzwyczajają się do ukrytej nawigacji w stylu hamburgerów ze względu na coraz częstsze korzystanie z witryn mobilnych. Ponieważ witryny mobilne od jakiegoś czasu korzystają z tych wzorców, niemal wszędzie stają się one normą.
  • Jak z tego korzystać: Zacznij od małej witryny. Jeśli użytkownik może uzyskać wszystko, czego potrzebuje, przewijając, nawigacja nie zostanie tak bardzo pominięta. Upewnij się, że masz mnóstwo innych wizualnych wskazówek, które pomogą poprowadzić podróż.

3. Zabawa dziecięca

Odważny kolor, animacja i modne czcionki przyczyniają się do bardziej zabawnego, dziecięcego doświadczenia w tym trendzie projektowania stron internetowych. Biorąc pod uwagę wagę świata w ciągu ostatnich kilku lat, ta lżejsza atmosfera jest mile widzianą opcją.

Projektanci idą na całość z całkowicie dziecięcym motywem, tak jak na nikeplaylab.com. Często przy takim trendzie projektowym widzisz odważne kolory, animacje lub odjechane czcionki, ale teraz widzimy wszystkie trzy dość często.

W grę wchodzi również inny element. Te „dziecięce” elementy to także powrót do lat 80. i 90., te pokolenia mają teraz własne dzieci. Z tym trendem wiąże się niemal nostalgia, ponieważ łączy w sobie dziecięcą atmosferę, która przypomina dorosłym ich własne dzieciństwo z elementami wizualnymi.

  • Dlaczego to działa: Ten trend opiera się na emocjach i szczęśliwych wspomnieniach. Te elementy łączą się, aby użytkownicy serwisu czuli się komfortowo i jak w domu. Jeśli strona internetowa sprawia, że ​​czujesz się dobrze, będziesz wracać, prawda?
  • Jak z tego korzystać: ten schemat wizualny wymaga odpowiedniej zawartości do działania. Upewnij się, że słowa pasują do tonu wizualnego wyświetlacza. Nie chcesz sprzedawać zestawienia podatkowego na stronie internetowej z dziecięcym charakterem. Duże znaczenie ma tu symetria treści i projektu.

4. Niedopasowane schematy kolorów

W teorii projektowania koło kolorów pomaga w dokonywaniu wyborów. Szukamy harmonii i kombinacji, które przemówią do szerokiego grona odbiorców i sprawią, że projekt będzie po prostu odpowiedni.

Obecnie projektanci wyrzucają tę koncepcję za drzwi odważnymi schematami kolorystycznymi, wykorzystującymi pozornie niepasujące kombinacje kolorystyczne, jak na studiobardzo.com. Obejmuje to wszystko, od kolorów, których nigdy nie wyobrażasz sobie sparowania, po rzeczy takie jak jasne sparowane z pastelami.

Trzeba przyznać, że może być trochę krzykliwy. Ale może również działać z odpowiednią treścią. Ten trend kolorystyczny opiera się prawie na tych samych emocjach i wibracjach, co praca z dziecięcą estetyką projektowania.

  • Dlaczego to działa: kolory, które nie pasują do siebie, są nieco destrukcyjne i sprawiają, że wyglądasz. Wszystko, co stanie na drodze normalnego przepływu, może spowodować, że zatrzymasz się i zbadasz; to jest dokładnie to, do czego zmierzają projekty wykorzystujące ten trend kolorystyczny.
  • Jak tego używać: Starannie dobieraj kolory i nie bój się ich. Jeśli wybierasz niedopasowaną kombinację kolorów, jest to z natury odważne. Użyj go w ten sposób w projekcie. Poniższy przykład wykorzystuje dwa kolory, które wypełniają ekran, ponieważ wpisuje się w ten trend projektowy.

5. Siatki „Magazynu”

Kiedy masz bloga lub dużo treści, które chcesz zaprezentować, siatka w stylu „magazynu” to czysty sposób na uporządkowanie i wyróżnienie treści. Styl czasopisma jest często przykładem dużego obrazu bohatera z kolumnami dodatkowych bloków treści poniżej. Te kolumny mogą zawierać tylko jeden wiersz zawartości do nieskończonych wierszy przewijania.

Trik do tego trendu projektowania stron internetowych, jak na ironandair.com, polega na strukturze organizacji treści. Potrzebujesz silnej siatki.

W tym przykładzie widać, że każdy nowy element treści ma odrębny zestaw elementów, które idealnie do siebie pasują. Nie ma wątpliwości, gdzie patrzeć, co czytać i jak powinno płynąć oko. Struktura siatki wyręcza Cię w całej pracy, ułatwiając użytkownikowi zaangażowanie.

  • Dlaczego to działa: Kiedy nie musisz myśleć o projekcie, łatwo jest się z nim skontaktować. Im więcej treści i informacji musisz wyświetlić, tym ważniejsze staje się to.
  • Jak z tego korzystać: ten projekt estetyczny jest przeznaczony dla blogów lub witryn z dużą ilością treści, które są regularnie aktualizowane.

Kładąc wszystko razem

Trendy w projektowaniu stron internetowych to świetny sposób, aby sprawdzić, na jakie elementy wizualne zwracają uwagę ludzie. Pamiętaj, że równie ważne może być obserwowanie, co przestaje być trendy, jak to, co jest, aby Twoje projekty nie wyglądały na przestarzałe.

Potrzebujesz lepszego zestawu narzędzi do tworzenia stron, aby zwiększyć możliwości projektowania stron internetowych? Sprawdź bloki Kadence!

Pobierz teraz, za darmo!