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

Opublikowany: 2023-08-22

Oczekiwanie na zmianę pory roku to także dobry moment, aby zacząć myśleć o zmianach także w innych obszarach. Jest to coś, co można już zobaczyć w projektach projektowych, w których projektanci próbują nowych rzeczy z projektami (a my odkrywamy niektóre z tych opcji).

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

1. Przyciski wideo, a nie automatyczne odtwarzanie

Jeśli nie jesteś fanem automatycznego odtwarzania wideo, to jest trend projektowy dla Ciebie: Przyciski wideo bez automatycznego odtwarzania. Filmy bohaterów są dominującym elementem projektów od dłuższego czasu, ale wiążą się z pewnymi wyzwaniami – rozmiarem, dźwiękiem, irytacją użytkownika lub dostępnością. Ten trend projektowy rozwiązuje wiele z tych problemów.

Bonanza Studios używa dużego przycisku do odtwarzania wideo, zamiast używać go jako tła bohatera. Otwiera się w dużym, dobrze widocznym rozmiarze i umożliwia sterowanie elementami sterującymi odtwarzacza.

  • Dlaczego to działa: Użytkownicy lubią wiedzieć, kiedy dźwięk lub animacja będą częścią projektu. Trend ten zapewnia użytkownikom kontrolę w łatwy sposób.
  • Jak z tego korzystać: Przemyśl ponownie tła wideo i ich przeznaczenie. Może to być lepsza opcja, zwłaszcza jeśli masz film informacyjny, który zawiera dźwięki lub wymaga celowej uwagi.

2. Inspiracja w galerii sztuki

Projekt strony internetowej w stylu magazynu z wyczuwalnymi ruchami, od przewracania stron po subtelne elementy projektu, może przypominać trzymanie książki lub prospektu artystycznego.

Na powyższym przykładzie z Brooklyn Editions, który dotyczy grafiki, możesz zobaczyć, jak ta koncepcja ożywa. Jest piękny i interaktywny. Sztuka polega na tym, że należy obejrzeć cały projekt i wejść z nim w interakcję, aby uzyskać pełny efekt i naprawdę zrozumieć, jak wszystko ze sobą współgra.

Innym wyzwaniem jest kontrast kolorów, ale projekt taki ma dość odrębną grupę odbiorców, którą zespół projektowy prawdopodobnie zbadał przed publikacją.

  • Dlaczego to działa: Nie ma wielu możliwości zapewnienia wrażeń dotykowych w przestrzeni cyfrowej za pomocą czegoś, co przypomina papier, ale tak jest. Może pomóc stworzyć dopracowany i kosztowny wygląd, który pasuje do konkretnych typów projektów.
  • Jak z niego korzystać: To nie jest zabawa tylko dla galerii sztuki. Doświadczenie w stylu książki może sprawdzić się w przypadku wielu projektów – pomyśl o rzeczach, które tradycyjnie były robione w formie drukowanej, ale teraz są dostępne w Internecie.

3. Zarysowane elementy typu

Naprzemienne wypełnienia i kontury elementów tekstowych dają natychmiastowy efekt i skupiają uwagę. Dlatego projektanci korzystają z tej opcji. Zobacz doskonały przykład tego od Babs.

Element konspektu może również odciążyć projekt lub tekst, jeśli elementy nie są zachowane w odpowiedniej równowadze lub jeśli chcesz, aby określone słowa lub wyrażenia były bardziej widoczne niż inne.

W tym przypadku może się okazać, że najpierw spojrzysz na tekst konspektu, ponieważ jest on inny. I to jest w porządku. Projekt pozwala przemyśleć słowa i szybko je zrozumieć, ponieważ nie ma zbyt wielu rzeczy do przeczytania (to jeden z powodów, dla których ten styl sprawdza się tutaj).

  • Dlaczego to działa: różne style czcionek przyciągają różne rodzaje uwagi i pomagają generować przepływ wizualny zapewniający czytelność.
  • Jak z niego korzystać: Sekretem tej techniki projektowania jest użycie prostych krojów pisma w połączeniu z zaledwie kilkoma słowami. Nie będziesz chciał umieszczać całego zdania w czcionce konturowej; będzie prawie niemożliwe do odczytania. Elementy tła i kontrast są tutaj również dość istotne.

4. „Zagraceni bohaterowie”

Dlaczego jest tak wiele rzeczy do obejrzenia? To może być pytanie, które zadajesz, patrząc na niektóre projekty, które zawierają bardziej zagracone obszary nagłówków bohaterów.

Jest to styl, który pozwala zaprezentować wiele rzeczy na raz lub sprawdza się, gdy nie masz wyraźnego punktu działania. Przesłanie, które tutaj wysyłasz, jest ilościowe – masz dużo tego, co prezentujesz. Spójrz tylko na powyższy przykład z Vicio.

  • Dlaczego to działa: ten styl może podkreślić głębię marki lub różnorodności i może być świetny w przypadku nowszych projektów, które próbują zyskać na popularności. Jest to również popularny wybór w przypadku projektów, które skupiają się na treściach przesłanych przez użytkowników i chcą pokazać wiele różnych elementów jednocześnie.
  • Jak tego używać: Naprawdę musisz pomyśleć o tym, jak wszystkie elementy współgrają ze sobą i pasują. Jeśli wygląda na to, że po prostu wyrzuciłeś wszystkie elementy projektu na ekran bez uporządkowania, to nie zadziała. Efekt końcowy powinien wyglądać tak, jakby w tym szaleństwie była metoda.

5. Bardziej dostępne doświadczenia

Google Project Relate to jedna z najfajniejszych rzeczy, jakie widzieliśmy od jakiegoś czasu, szczególnie jeśli myślisz o dostępności online i komunikacji międzyludzkiej. Narzędzie uczy się niestandardowych wzorców mowy, aby pomóc w komunikacji. Całkiem fajnie, prawda?

Ale jest tu lekcja dla każdego projektanta: jak stworzyć coś, co będzie łatwiejsze w obsłudze dla wszystkich? Wszystkie typy ludzi i wszystkie poziomy umiejętności?

Istnieje wiele różnych odpowiedzi na to pytanie, ale powinno być to pytanie, które zadajesz podczas pracy nad projektami. Jak najlepiej nawiązać kontakt z grupą docelową i nie tylko? Jakie elementy projektu są niezbędne, aby stworzyć lepszą, bardziej zrozumiałą komunikację? Aby uzyskać przydatne wskazówki dotyczące zwiększania dostępności witryny internetowej, zapoznaj się z przemówieniem Bet Hannon podczas naszego pierwszego wydarzenia Kadence Amplify.

  • Dlaczego to działa: Dostępność działa, ponieważ zapewnia wszystkim użytkownikom bardziej równe warunki działania, umożliwiające zrozumienie projektów projektowych i interakcję z nimi.
  • Jak z niego korzystać: Zapoznaj się z najlepszymi praktykami dotyczącymi dostępności sieci i znajdź najlepsze sposoby włączenia ich do swoich projektów.

Kładąc wszystko razem

Czy widzisz siebie wykorzystującego niektóre z tych koncepcji w projektach projektowych? Jeśli nic więcej, istnieje kilka świetnych ogólnych pomysłów, które pomogą Ci przemyśleć wszystko, od kompozycji artystycznej po lepszy, bardziej przystępny projekt.

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