Skok do przodu: 10 trendów w projektowaniu stron internetowych, z których warto skorzystać w 2024 r. - [usunięte]

trendy w projektowaniu stron internetowych 2021

Jedyną stałą w projektowaniu stron internetowych jest to, że nic nie jest stałe. Trendy w projektowaniu się zmieniają, technologie dają więcej możliwości ekspresji, a nasze apetyty i gusta stale się zmieniają. Nowy rok już blisko, teraz może być dobry moment, aby zobaczyć, jakie naszym zdaniem będą najważniejsze trendy w projektowaniu stron internetowych w roku 2024.

Jedną z największych zalet sieci WWW jest to, że nigdy nie pozostaje w miejscu. Może wyglądać tak samo dzień po dniu, ale kiedy spojrzysz wstecz na poprzedni rok (a może chcesz cofnąć się do lat 90., i zobacz, jakich trendów naprawdę nie przegapisz) szybko zdajesz sobie sprawę, jak bardzo się zmieniło. Ta ciągła ewolucja jest świetna dla użytkowników sieci, ponieważ krajobraz stale się zmienia. Nie jest to jednak zbyt dobre dla programistów, którzy muszą stale nadążać za tempem zmian!

Spis treści[Pokazać]
 
 

Ponieważ aplikacje mobilne stają się coraz bardziej popularne, strony internetowe większości firm wciąż stanowią pierwsze wrażenie na ich klientach.

Strona internetowa to najbardziej tradycyjny sposób obecnej komunikacji marki. Musiała zmagać się z dwudziestoma latami przyspieszania wymagań użytkowników i wpływów projektowych: technologie Web 1.0, które nie są w stanie zaspokoić potrzeb ludzi, rosnące wymagania konsumentów dotyczące sposobu wyrażania technologii w inny sposób, rozwój mediów społecznościowych w miarę ich splatania się z siecią oraz stały przyspieszenie mobilnej konsumpcji sieci.

W ciągu najbliższych 12-18 miesięcy nastąpią znacznie większe wstrząsy niż postęp, jaki nastąpił w projektowaniu i marketingu w ciągu ostatniej dekady.

Oto, co znaleziono:

Poprawki szybkości strony i UX

Kiedy Google ujawnił aktualizację swojego algorytmu w czerwcu 2021 roku, twórcy stron internetowych zostali nagle wciągnięci w dyskusje na temat SEO w sposób, w jaki nigdy wcześniej nie byli. Wcześniej nie mieli wiele wspólnego ze stroną SEO: była to praca specjalistów SEO.

Jednak w miarę jak szybkość i wyniki UX stały się jeszcze ważniejsze dla każdej firmy, która chce pozycjonować się w rankingu, specjaliści SEO zaczęli przyglądać się sposobowi tworzenia witryn o wiele bardziej szczegółowo, dalej niż wyniki analizy technicznej i zawartość tych witryn.

Nie jest to zaskoczeniem. To coś, co powinno zostać zrobione lata temu, ale zostało odłożone i odłożone na bok, dopóki marki nie zostały zmuszone do wprowadzenia zmian. Wraz ze spadkiem ruchu internetowego teoria projektowania stron internetowych musiała nadążyć.

A więc teraz jesteśmy tutaj: strony internetowe, które ładują się szybciej niż kiedykolwiek wcześniej, algorytmy, które są bardziej wyrafinowane niż na początku, oraz projektanci, którzy muszą radzić sobie ze zmianami, jednocześnie sprawiając, by wyglądały ładnie.

Wiele trendów, które obserwujemy w 2022 roku, dotyczy szybkości i ulepszania algorytmów UX. Oto kilka, które przychodzą mi do głowy.

Przynajmniej jeden udany mikro-metawers

Nasi projektanci uważają, że metaverse jest jednym z bardziej ekscytujących pomysłów 2021 roku, który przeniesie się na 2022 – ale czym ostatecznie będzie metaverse, nie wiadomo.

„Będziemy nieustannie wyjaśniać, czym ma być metaverse — w tej chwili jest wiele błędnych przekonań i pytań bez odpowiedzi na temat metaverse, a pierwsi użytkownicy przeskakują na koncepcję, która nie ma jeszcze jasnej definicji”. Jednak w połowie 2022 r. najprawdopodobniej zobaczymy, że kilka dużych organizacji przyjmie koncepcję metaverse, potencjalnie jako żartobliwe odniesienie, podobne do rozszerzenia Fortnight Wendy. Marki, które specjalizują się w przedmiotach cyfrowych, zostaną zachęcone do rozszerzenia swojej marki w metawersie i stworzenia miniaturowego wszechświata, w którym ich marka jest wszędzie”.

Więcej wirtualnych doświadczeń dzielenia się

Podczas pandemii, kiedy wszyscy byli odizolowani i zasadniczo tkwili we własnych domach, wspólne doświadczenia zbliżały jednostki do siebie. Utworzyli własne społeczności, korzystając z wszelkich dostępnych zasobów, takich jak programy do czatów grupowych, które umożliwiały oglądanie filmów lub gier, które umożliwiały łączenie się z nieznajomymi do zabawy. Zmienił postrzeganie bliskości i społeczności.

To nie zniknie w erze po pandemii, nawet jeśli jest to sprzeczne z „anonimowym online” aspektem sieci.

Porter Robinson zaczął wydawać piosenki na swojej stronie internetowej w 2020 roku, gdzie wchodzicie do wirtualnego pokoju z jeszcze jednym nieznajomym i słuchacie razem melodii.

Mieliśmy aplikacje takie jak Skittish na rok 2021, które dostarczały Ci wydarzeń poprzez połączenie aplikacji biznesowych i rozrywkowych.

Więcej niedopowiedzianych, dyskretnych wspólnych doświadczeń, z których znany był wczesny internet, będzie można zobaczyć w 2022 roku: małe, proste i osobiste spotkania między nieznajomymi.

Wanifikacja 

Coraz częściej przyklejamy się do ekranów na niespotykaną dotąd ilość czasu w ciągu dnia, a czas, który spędzamy na stronach internetowych, trzeba brać pod uwagę. Koncepcja „najpierw zdalne” nie odchodzi; w rzeczywistości pogłębia się i ewoluuje w doświadczenia online, które są okrojone do podstaw, a jednocześnie zabierają Cię gdzieś.

„Pamiętaj, że Twój telefon lub laptop to skuteczne narzędzia teleportacji — projektowanie stron internetowych musi celowo umożliwiać takie doświadczenie „podróżowania w środowisku, w którym wciąż są ograniczone możliwości podróżowania”, wyjaśnia inny z naszych projektantów. „I nie chodzi tylko o odwiedzanie miejsc, które nie istnieją”.

„Będziemy świadkami powrotu do czystego designu, z dużą ilością białej przestrzeni, dającą przestrzeń do oddychania”, mówi, „i to bardzo dobrze łączy się z ostatnimi zmianami algorytmu Google i rosnącym zapotrzebowaniem na witryny przyjazne dla urządzeń mobilnych – im prostszy jest projekt, tym łatwiej będzie zapewnić, że będzie działał tak samo na różnych urządzeniach”.

„Ponieważ coraz więcej osób pracuje zdalnie, nie tylko rolnicy borykają się z wolniejszymi połączeniami”. Osoby przyzwyczajone do pracy na połączeniu światłowodowym będą musiały dostosować się do wolniejszych prędkości Internetu dostępnych w bardziej odległych obszarach i będą szukać witryn, których ładowanie nie trwa wiecznie”.

Typografia umożliwiająca włączenie

Projektanci uwielbiają małe teksty.

Nadal mają rządzić w 2022 roku – ale nie w pełni samodzielnie. Zdalny tryb działania oznacza, że ​​wcześniej niedostępne wydarzenia są teraz dostępne dla znacznie większej liczby osób niż wcześniej; nadszedł czas, aby sieć to odzwierciedliła. Teksty alternatywne, podpisy i silniejszy nacisk na nawigację za pomocą klawiatury, zarówno ręczną, jak i głosową, są dostępne.

Powrót eksperymentów

Jeśli chodzi o nowoczesne projektowanie stron internetowych, minimalistyczne projektowanie aplikacji ma wiele powodów do odpowiedzi i jest to uzasadnione: jako nowa technologia konieczne było, aby usługi cyfrowe były łatwe do zrozumienia, użytkowania i odkrywania.

To było wtedy.

Teraz wracamy do podstaw. Praca ewoluowała. Nasze metody pracy ewoluowały.

Sposób, w jaki łączymy się online, również się zmieni.

„Nasze życie zostało wywrócone do góry nogami od marca 2020 roku”, mówi jedna z naszych członkiń, kontynuuje, „więc nie widzę nic złego w zabawie z projektowaniem stron internetowych w najbliższej przyszłości”. Przywrócenie odważnych i żywych kombinacji kolorów, połączenie harmonijnej typografii, niektórych animacji i ogólnego poczucia radości to bez wątpienia krok we właściwym kierunku”.

Wewnątrz na zewnątrz

Zablokowanie rodzicielstwa roślin, samotnych wędrówek i wspaniałych zajęć na świeżym powietrzu: życie przyciągnęło wiele osób z powrotem do owczarni natury i oczekuje się, że trend ten utrzyma się po 2022 r. Strony internetowe, które wykorzystują ciche, miękkie dźwięki i próbują wytworzyć poczucie spokoju nie są nowe, ale jest to jeden z tych podstawowych trendów, który prawdopodobnie spowoduje znaczące zmiany w naszym podejściu do projektowania stron internetowych.

Co więcej, obecny problem klimatyczny jest głównym motywatorem do bardziej naturalnego projektowania online. „Jest to również odniesienie do świadomości ekologicznej, naszego wpływu na Ziemię i szybkiego uświadomienia sobie, ile czasu spędzamy codziennie na oglądaniu naszych urządzeń” – wyjaśnia nasz projektant.

Tak jak ja, ty też

Projektowanie behawioralne to uświęcone tradycją pojęcie, które ukształtowało towary, których używamy na co dzień. Oczekuje się, że w 2022 r. wzrośnie gwałtownie, ponieważ marki wykorzystują dane w kreatywny sposób, aby odróżnić się od konkurencji. Połączenie uzyskanych danych z projektem witryny może jeszcze bardziej poprawić wrażenia użytkowników.

Według Soriny „projekt behawioralny opiera się na wskazówkach, działaniach i nagrodach, a wiele aplikacji, takich jak Headspace, używa go dzisiaj”. Sukces Headspace wynika w dużej mierze z jego zdolności do utrzymywania zaangażowania i „aktywności” subskrybentów za pomocą dostosowanych codziennych list odtwarzania, wskaźników i synchronizacji harmonogramów – i jest to sukces, ponieważ są to taktyki, które wybiera; rozumie, co motywuje swoich klientów.”

Chodzi o kciuk

Twoi klienci będą mogli łatwiej korzystać z Twojej witryny, jeśli będzie ona dobrze zaprojektowana.

Nawigacja przyjazna kciukiem to jedna z tych rzeczy, o których konsumenci nie myślą zbyt wiele, ale stanie się ona coraz ważniejsza, gdy będziemy zmierzać w kierunku szybszych i bardziej responsywnych stron zorientowanych na urządzenia mobilne.

Umożliwia to również korzystanie z alternatywnych wzorów przewijania. Od ponad dekady sieć nie jest przeznaczona tylko dla myszy i komputera, ale sterowanie gestami z pewnością zagości w 2022 roku.

Podnieś głos

Wyszukiwanie głosowe staje się coraz bardziej popularne, a projektowanie witryn musi nadążyć. Ponieważ każdego dnia przeprowadzanych jest coraz więcej wyszukiwań głosowych, ekscytujące będzie obserwowanie, jak projektowanie stron internetowych może uwzględniać czatboty głosowe i wirtualnych asystentów w szerszym podejściu do projektowania stron internetowych i co to oznacza w przyszłości.

Przewidywanie Soriny: więcej stron internetowych będzie zawierać wyszukiwanie głosowe jako alternatywę dla zwykłego wyszukiwania tekstowego, dzięki czemu będą bardziej dostępne.

Lata 90. powracają

Zawsze będzie miejsce na nostalgię, a tym miejscem będzie internet w 2022 roku. Ponieważ najmłodsze dziecko z lat 90. ma już 22 lata, w 2022 r. królować będzie wczesna estetyka internetu, ponieważ prawdziwe dzieci z lat 90. przeniosą tę nostalgię na obszar, w którym spędzili cały swój czas: internet, w całej okazałości neonowych wyskakujących okienek. Dodaj do tego popularność muzyki lo-fi i maszynę filtrującą TikTok, a lata 90. powracają do sieci.

Poprawa jakości strony Google

Według niektórych projektantów pracowano nad tym od samego początku istnienia internetu – i wreszcie jest to sformalizowane.

To miła rzecz.

Aktualizacja Google Page Experience zmieniła sposób, w jaki silniki Google analizują strony internetowe, umożliwiając ich szybsze i wydajniejsze ładowanie. Zmienia sposób, w jaki projektanci podchodzą do strony internetowej, zapewniając lepszą obsługę strony i szybszą prędkość ładowania.

Witryny, które wyglądają ładnie, ale mają funkcje, które jąkają się lub przeskakują, zakłócają immersję użytkownika. Podobnie strony, które szybko się ładują, ale zawierają nieatrakcyjne aspekty, mogą stracić Twoją uwagę.

„To naprawdę będzie pozytywnym wyzwaniem dla projektantów, aby byli równie ruthless w ich podejściu, jak to możliwe”, wyjaśniają. Pomimo swojej otwartości w porównaniu z papierem, sieć ma unikalny zestaw podstawowych idei lub ograniczeń, z którymi do tej pory byliśmy całkiem wolni i niefrasobliwie. Coś tak prostego, jak utrzymywanie ograniczonych, a jednocześnie ujednoliconych wyborów w projektach online, jest oczywistym, ale istotnym punktem wyjścia, ale to bardziej inżynierskie podejście do projektowania stron internetowych niż cokolwiek innego – musi wyglądać pięknie i działać jeszcze lepiej. Musimy projektować z myślą o użytkowniku końcowym, nie tylko „czy to dobrze wygląda”, ale także „czy naprawdę wiem, że jestem na stronie”.

Szukasz firmy deweloperskiej WordPress? Sprawdź tę listę Projektanci stron internetowych WordPress i agencje.

Należy pamiętać, że zmiany te nie następują po prostu dlatego, że projektantom znudził się poprzedni zestaw trendów lub dlatego, że trendy z zeszłego roku przestały obowiązywać. Jesteśmy na skraju poważnej zmiany sposobu działania Internetu.

Ta zmiana już nastąpiła pod pewnymi względami. To nowość: blockchain, bitcoin, NFT, metaverses i rozrywka ponad wszystko inne.

A projektanci muszą się do tego dostosować.

Dyskutowaliśmy, dlaczego.

Oto jak to się robi.

Wiek jednej strony

Świat skurczył się dramatycznie w wyniku blokady. Nie można było nawet podróżować w nocy. Musiałeś zostać w środku. Nie można było chodzić na wydarzenia, na które czekałeś z niecierpliwością, ani próbować nowych rzeczy.

Te ograniczenia wciąż pojawiają się i znikają i będą tak przez jakiś czas.

Witryny jednostronicowe istnieją, aby jak najlepiej wykorzystać złą sytuację.

Doświadczenie robienia czegoś, przebywania gdzieś, jest zmaksymalizowane przez umieszczenie wszystkiego na jednej interaktywnej stronie internetowej: nie ma menu z burgerami, które by Cię z tego wyrwało, ani tradycyjnej konfiguracji strony przypominającej, że jesteś na stronie internetowej. Wystarczy wejść na stronę główną, znaleźć artykuł, znaleźć mikrostronę i przeczytać artykuł.

Kamieniami węgielnymi są animowane elementy tekstowe, małe animacje i niesamowity projekt wizualny.

Wskaż i kliknij

Czy pamiętasz stare dobre czasy staromodnego projektowania internetu?

Dobra wiadomość: poprawia się. Od 2021 r. rośnie, ale 2022 przywróci nostalgię za latami 90. wskaż i kliknij.

Nostalgia się opłaca.

Zawsze tak było.

Ale to nie tylko nostalgia.

Zanim sieć została ustandaryzowana, uspołeczniona lub (ledwo) oczyszczona, była pełna easter eggów i sztuczek kodowania HTML, a także wymyślania nowych sposobów zastosowania tych samych trzech elementów w różnych konfiguracjach. Kiedyś wysiłki społeczności mające na celu tworzenie stron internetowych, które działały pięknie i miały małe sztuczki dla użytkowników, aby znaleźć to, co zrobiłeś w sieci.

Ludzie mają dość stron internetowych, które istnieją wyłącznie po to, by sprzedawać produkt. Witryny, które mogą uchwycić emocje związane z łączeniem się z Internetem w latach 1990. XX wieku i wpadają w kodującą norę, zostaną sowicie nagrodzone. Dawanie ludziom punktu do rozmowy i przygoda bez zobowiązań to doskonały sposób, aby wrócili, ponieważ chcą w czasie, gdy połączenie jest szczególnie ważne i coraz trudniejsze do nawiązania.

Dostosowany widok strony

Niektórzy ludzie wolą czytać swoje artykuły w ciemności. Niektórzy jednak tego nie robią.

Do 2022 roku te opcje projektowania staną się częścią każdej strategii projektowania stron internetowych. Dostosowywanie do specyfikacji — mniejszy tekst, większy tekst, różne kolory, tryb ciemny, tryb jasny — jest obecnie powszechne we wszystkim, od aplikacji po smartfony. Oczywiście zostanie on rozszerzony na sieć.

Dostosowanie witryny do osobistych potrzeb tworzy połączenie i sprawia, że ​​witryna jest bardziej dostępna dla wszystkich. Żyjemy w czasach, kiedy ludzie chcą mieć możliwość zmiany rzeczy – nie dlatego, że tego potrzebują, ale dlatego, że jest to wygodniejsze.

Positivity

Wszyscy moglibyśmy wykorzystać dobre wieści, aby zrównoważyć złe.

Strony internetowe będą skłaniać się ku pozytywom w 2022 roku. Jasne, jasne kolory, optymistyczna muzyka i nacisk na pozytywy.

To coś więcej niż altruizm.

Jest więcej niż wystarczająco złych wiadomości. Ludzie mają dość słuchania o tym, bombardowania powodymi do niepokoju, stresu, smutku i samotności. Strony, które mogą przywrócić trochę szczęścia i połączyć się z odwiedzającymi, zauważą wzrost ruchu.

Małe animacje

W Internecie jest wiele ciekawych rzeczy.

Do tego stopnia, że ​​strony internetowe, szczególnie te z długimi treściami, mogą mieć trudności z utrzymaniem odbiorców tam, gdzie ich potrzebują.

Małe animacje mogą pomóc w utrzymaniu koncentracji mózgu na Twojej stronie. Małe animacje rozsiane po fragmencie długiej treści pomagają utrzymać zainteresowanie ludzi.

Rozumiemy. Jest już tyle do zapamiętania, że ​​długie treści i statyczne strony internetowe wydają się stratą czasu. Małe animacje stanowią złoty środek między podkreśleniem treści a utratą uwagi oszołomionej publiczności.

Fantazja projektanta

Nadal używane są obrazy statyczne.

Będzie ich jednak mniej.

W 2022 r. liczba elementów projektowych rośnie, a strony internetowe wybierają less stock photography i więcej niestandardowych projektów, które naprawdę umieszczają Twoją osobowość tam, gdzie jest Twoja witryna (lub media społecznościowe!). Trend ten wykorzystuje również ogólną zmianę ludzkich zachowań: nagłą zmianę w kierunku hiper niestandardowych, hiperspersonalizowanych treści i projektów, które mają wyróżniać się ponad to, co było popularne przez ostatnie dziesięć lat.

Andrea wskazuje kilka, które jego zdaniem będą miały większy wpływ na podejście do projektowania stron internetowych w 2022 roku.

Podwójna estetyka

Odrodzenie Art Deco rozpoczęło się rok temu, ale do tej pory nie widzieliśmy w pełni jego potencjału. Andrea uważa, że ​​Art Deco to doskonały trend na 2022 rok i rozwój spersonalizowanych treści ze względu na minimalizm, który go napędza. Art Deco, ze swoim zasadniczo prostym wzornictwem, może być zarówno współczesny, jak i klasyczny i może pomieścić szeroką gamę materiałów, mediów i wymagań marki.

Ponieważ koncepcja projektowania stron internetowych ewoluuje od pomysłu do dyscypliny, fascynujące jest obserwowanie, jak zachodzą zmiany i jak bardzo są one estetyczne w stosunku do Web 1.0.

2022 będzie wiele rzeczy, ale nuda nie będzie jedną z nich. Przyglądamy się sieci, która stała się bardziej dostępna, głośniejsza, dostosowywalna i łatwa do dostosowania.

W wyniku tego wszystko się zmieni.

Nie możemy się doczekać, kiedy dostaniemy go w swoje ręce.

Najczęściej zadawane pytania

  1. Co składa się na dobrą stronę internetową w 2021 roku?

Określając jakość strony internetowej, należy wziąć pod uwagę kilka czynników, w tym projekt, użyteczność, optymalizację mobilną, imponującą treść i SEO.

2. Jakie cechy przedstawiają dobry projekt strony internetowej?

Minimalizm to czasless trend w projektowaniu, który nadal jest popularny wśród dzisiejszych najlepszych projektów witryn internetowych w 2020 roku. Elegancki, piękny i prosty wygląd tej techniki sprawia, że ​​jest ona bardzo użyteczna, co zapewnia wspaniałe wrażenia użytkownika.

3. Co sprawia, że ​​strona internetowa jest atrakcyjna?

Piękne strony internetowe mają wizualizacje, które zachęcają użytkowników do zapoznania się z firmą. Pomagają zrównoważyć twoją stronę i rozbić tekst. Na swojej stronie możesz używać różnych elementów wizualnych, takich jak zdjęcia, filmy i infografiki.

 

Oto, co wskazują nasze badania i co naszym zdaniem będzie obejmować dziesięć najważniejszych trendów w projektowaniu stron internetowych:

  1.   Jasne kolory i kolorowe bloki.
  2.   Większe czcionki.
  3.   Lepsze wykorzystanie białych znaków.
  4.   Tryb ciemny.
  5.   Więcej 3D.
  6.   Zwiększony minimalizm.
  7.   Ukryta nawigacja
  8.   Zwiększone wykorzystanie konstrukcji paralaksy.
  9.   Niestandardowe ilustracje.
  10. Głos.

Jak widać, niektóre z nich są kontynuacją obecnych trendów, podczas gdy inne przejmują starsze trendy i zmieniają je w coś nowego. Zaproponujemy również sposób, aby to osiągnąć w Twoim następnym projekcie webowym.

1. Jasne kolory i kolorowe bloki

Zawsze byliśmy fanami koloru, więc wspaniale jest widzieć, jak coraz więcej kolorów staje się trendem w projektowaniu stron internetowych w tym roku. Spodziewamy się, że w projektach internetowych pojawi się dużo głośniejsze, jaśniejsze i bardziej wyróżniające się kolory.

Jasny kolor główny z dopełniającym lub kontrastującym kolorem wtórnym wybuchnie. Widzieliśmy, jak niektóre duże marki przyjęły ten styl pod koniec zeszłego roku i uważamy, że będzie to przyspieszać.

eCommerce w szczególności korzysta z odważnych wyborów kolorystycznych

Istotny wpływ będą również bloki kolorystyczne. Podział stron za pomocą bloków kolorów umożliwia projektantom dzielenie stron na kawałki wielkości kęsa podczas pracy na urządzeniach mobilnych lub komputerach stacjonarnych. Siatki pozwalają również opowiedzieć historię w zorganizowany i liniowy sposób.

Poniższy przykład autorstwa Mango Media łączy żywe kolory z doskonałym wyborem czcionek, mocną ilustracją i ładnym cieniowaniem, aby zapewnić wyjątkowe pierwsze wrażenie. Uważamy, że właśnie ta jakość będzie głównym trendem w projektowaniu stron internetowych w 2020 roku.

Jasne kolory i kolorowe bloki

Chcesz osiągnąć podobny projekt? Sprawdź poniżej.

Pakiet Divi LMS

Pakiet Divi LMS doskonale wykorzystuje bloki kolorów i białą przestrzeń, aby zapewnić bardzo dobrze wyważony motyw. Użycie koloru jest bardzo nowoczesne i nadaje motywowi współczesny charakter bez użycia sztuczek.

Sprawdź pakiet Divi LMS

 

Pakiet marketingowy oprogramowania Divi

Pakiet marketingowy oprogramowania Divi jest podobny. Używa odważnego fioletowego schematu kolorów z ładną równowagą stron, prostymi czcionkami, unikalnymi ilustracjami i dobrym wykorzystaniem białej przestrzeni. Kolejny przykład współczesnego designu wykorzystującego najnowsze trendy bez zbędnych elementów.

Pakiet marketingowy oprogramowania Divi

Sprawdź układ pakietu marketingowego oprogramowania

 

Motyw Neve Mountain Bike Race

Motyw Neve Mountain Bike Race to kolejny doskonały przykład użycia czcionek, bloków kolorów i białych znaków. Strona jest bardzo zrównoważona i może być przydatna w wielu rodzajach biznesu, nie tylko w czasie wolnym. Wspaniale jest zobaczyć dostępne na rynku motywy internetowe tej jakości!

Motyw Neve Mountain Bike Race

 

Zobacz demonstrację roweru górskiego Neve na żywo

2. Większe czcionki

W tym roku większe i odważniejsze czcionki będą duże. Typografia zawsze była niezbędna w projektowaniu stron internetowych, ale obserwujemy wyraźną zmianę w kierunku mniejszej liczby słów pisanych większą lub pogrubioną czcionką.

Uważamy, że będzie to wyraźny trend w projektowaniu stron internetowych do 2020 roku.

Większe czcionki

Większe i pogrubione czcionki pomagają wzmocnić przekaz, a sprytne nagłówki i wezwania do działania mogą być skuteczniejsze niż obrazy w wywoływaniu odpowiedzi. Firmy takie jak Samsung już wykorzystały moc dużych typów i spodziewamy się, że inne marki i wiele mniejszych firm naśladuje ten sukces. Możesz to zobaczyć w akcji na powyższym zrzucie ekranu ze strony Samsung.

Duże i pogrubione czcionki z odpowiednim wyborem mogą mieć duży wpływ. Istnieją setki czystych czcionek, które działałyby niesamowicie dobrze w nowych projektach, więc wybór z pewnością nie jest czymś, czego projektantom brakuje.

 

Motyw Templatemonster Journeo

Motyw Templatemonster Journeo to idealne połączenie wyrazistych obrazów, bloków kolorów i użycia czcionek. Przewiń stronę w dół, a zobaczysz również dobre wykorzystanie białej przestrzeni i bloków treści, aby zapewnić bardzo nowoczesną, ale zrównoważoną stronę.

Motyw Templatemonster Journeo

Sprawdź demo Journeo

Hestia Pro z Themeisle

Hesia Pro z Themeisle

Hestia Pro z Themeisle to kolejny przykład dobrego doboru czcionki, kolorowych wyskoków i bloków oraz inteligentnego wykorzystania białej przestrzeni. To kolejny współczesny motyw, który wygląda nowocześnie, a jednocześnie jest realistyczny dla nowoczesnego biznesu.

Odwiedź demo Hestii

3. Lepsze wykorzystanie białych znaków

Whitespace zawsze był ważny w dobrym projektowaniu stron i spodziewamy się, że w tym roku wyjdzie jeszcze na pierwszy plan. Wraz z pojawieniem się mocnych kolorów i odważnych czcionek, wykorzystanie pustej przestrzeni będzie niezbędne do działania tych innych trendów w projektowaniu stron internetowych. Poza tym minimalizm jest nadal silnym trendem i nie spodziewamy się jego końca w najbliższym czasie.

Lepsze wykorzystanie białych znaków

Spodziewaj się dużo więcej pustego miejsca na stronach internetowych, z dużą uwagą poświęconą banerom, większym nagłówkom, blokom kolorów i obrazom. Potrzeba świetnego oka, aby skutecznie zrównoważyć treść i pustą przestrzeń, i zwykle świetnego negocjatora, aby przekonać klientów, że to dobry pomysł. Spodziewamy się, że wszystkie te rzeczy będą trendem w projektowaniu w 2020 roku.

Wistia jest dobrym przykładem tego, jak dobrze wykorzystuje się pustą przestrzeń na stronie. Strony nadal przekazują wiele informacji, ale wykazują idealną równowagę między zawartością strony a pustą przestrzenią.

Motyw StudioPress Foodie Pro

Motyw StudioPress Foodie Pro to kolejny minimalistyczny motyw z doskonałym wykorzystaniem czcionki, spacji i minimalizmu. Działa dobrze z myślą o tematyce spożywczej, ale można go dostosować również do innych branż. Kolejny warty uwagi motyw, który działa na urządzeniach mobilnych.

Sprawdź poniżej Foodie Pro lub odwiedź demo

Motyw StudioPress Foodie Pro

 

Profesjonalny druk niestandardowy Astra

Profesjonalny druk niestandardowy Astra

Motyw Astra Custom Printing Pro pokazuje świetne wykorzystanie odstępów, czcionek, kolorów i obrazów w motywie eCommerce. Strona jest bardzo atrakcyjna i przyciąga wzrok do produktów, jednocześnie minimalizując zawartość internetową, aby uzupełnić tę intencję.

Sprawdź Astra Custom Printing Pro

4. Tryb ciemny

Ponieważ coraz więcej aplikacji oferuje tryb ciemny, spodziewamy się, że strony internetowe zaczną oferować to samo. Być może przełącznik kolorów u góry strony, dzięki czemu użytkownik ma wybór między trybami jasnymi lub ciemnymi w zależności od urządzenia lub sytuacji.

Tryb ciemny

W mrocznym designie jest wiele rzeczy, ale zrobiona właściwie, może zapewnić stronie poczucie luksusu i ekskluzywności. Alternatywnie może ułatwić czytanie strony na niektórych urządzeniach lub w warunkach słabego oświetlenia.

Przeglądarki i wtyczki do przeglądarek coraz częściej dodają narzędzia „wymuszaj tryb ciemny”, aby manipulować nawet jasnymi projektami, aby stały się ciemne. Ponieważ jest to rosnący trend, możesz równie dobrze włączyć go do swoich stron, aby kontrolować wynik końcowy!

Podobnie jak białe znaki, ciemne tła również wpisują się w inne trendy w projektowaniu stron internetowych w tym roku, odważne kolory, duża czcionka i minimalizm mogą ze sobą współpracować, aby zapewnić wyjątkowe wrażenia użytkownika. To tylko jeden z powodów, dla których uważamy, że ciemne projekty i ciemne tryby będą rządzić w 2020 roku.

strona trybu ciemnego niedźwiedzia grylls

Witryna Bear Grylls (na zdjęciu powyżej) jest dobrym przykładem dobrze wykonanego trybu ciemnego. Jest to również świetny przykład silnej czcionki, świetnych obrazów i minimalistycznej nawigacji!

Motyw Jowisza z lasu tematycznego

Motyw Jowisza z lasu tematycznego

Motyw Themeforest Jupiter pokazuje, co mamy na myśli o ciemnych projektach stron internetowych, mocnych kolorach i fantastycznym doborze czcionek. To uderzający motyw, który natychmiast się wyróżnia i przekazuje główne przesłanie w ciągu pierwszych 2 sekund. Niewiele więcej trzeba powiedzieć o tym!

Sprawdź demo Jowisza

Im większa czcionka, tym mniej jej przykładów powinieneś mieć na stronie. To prowadzi nas ładnie do…

 

5. Więcej 3D

Wielu projektantów stron internetowych wcześniej unikało obrazów 3D, ponieważ renderowanie zajmowało trochę czasu.

Ulepszenia zarówno narzędzi do projektowania, jak i możliwości urządzenia oznaczają, że projektowanie stron internetowych nie jest już poza zakresem 3D. Uważamy, że zaowocuje to nowym trendem w projektowaniu stron internetowych w 2020 roku, czyli obrazami 3D i treściami internetowymi.

Więcej 3D

Witryna Welly (na zdjęciu powyżej) jest doskonałym przykładem działania 3D i nie trwa dłużej niż ładowanie standardowej strony. Zaprojektowanie interaktywnego obrazu 3D bez powolnego ładowania wymaga wiele umiejętności, ale zrobione dobrze, może stworzyć niesamowity efekt, który sprawi, że strona będzie wyróżniać się z tłumu.

To jeden z tych trendów, które wymagają najwyższej możliwej jakości pod względem layoutu i animacji. Podczas pracy w 3D nie ma miejsca na drugie miejsce, więc może to okazać się zarówno wyzwaniem, jak i szansą!

Wielu uważa, że ​​projektowanie 3D dłużej utrzymuje użytkownika na stronie i zwiększa interakcję. To i fakt, że wygląda bardzo fajnie, jest powodem, dla którego uważamy, że 3D będzie w tym roku duże.

6. Zwiększony minimalizm

Minimalistyczny design sprawdza się wszędzie. Na komputerze, urządzeniu mobilnym, na stronach internetowych, w aplikacjach i wszystkim za pomocą interfejsu użytkownika. W żadnym wypadku nie jest to nowy trend, ale uważamy, że jego popularność będzie rosła w 2020 roku.

Minimalizm to jedna z najtrudniejszych technik projektowania stron internetowych (chociaż omówiliśmy to tutaj szczegółowo). Potrzeba prawdziwych umiejętności, aby odpowiednio zbalansować stronę internetową, jednocześnie zaspokajając potrzeby projektu, klienta i odbiorców.

Minimalizm jest kompatybilny z większymi czcionkami, odważniejszymi kolorami, trybem ciemnym, niestandardowymi ilustracjami i wieloma innymi trendami w projektowaniu stron internetowych, które obecnie obserwujemy. Działa również niesamowicie dobrze na mniejszych ekranach, dlatego uważamy, że eksploduje w tym roku.

Zwiększony minimalizm

Minimalizm wpisuje się w naszą potrzebę szybkości, chęci pozostania przy zadaniu i mało cierpliwości dla puszystości lub niepotrzebnych zawijasów w projektowaniu stron internetowych.

Ewolucja (na zdjęciu powyżej) jest doskonałym przykładem minimalistycznego projektu, który bardzo dobrze wykorzystuje kolor i czcionkę. Nawet nawigacja jest ograniczona do minimum!

Motyw Templatemonster Kuba

Motyw Templatemonster Kuba

Motyw Templatemonster Kuba to mistrzowska klasa minimalizmu. Brak rzeczy do zobaczenia i zrobienia działa na korzyść strony i pokazuje elementy, które projektant chce, abyś zobaczył. Szybko się ładuje i działa również na urządzeniach mobilnych.

Sprawdź motyw Kuby

Motyw StudioPress Przełomowy Pro

Przełomowy motyw StudioPress

Motyw StudioPress Breakthrough jest doskonałym przykładem minimalistycznego designu z pogrubionymi czcionkami i małymi blokami kolorów. W całym motywie jest również dobre wykorzystanie białych znaków, które dobrze przekładają się również na wersję mobilną.

Odwiedź demo przełomowe

7. Ukryta nawigacja

Jak wspomniano powyżej, minimalizm działa w parze z ukrytą lub minimalną nawigacją. Uważamy, że jest to kolejny trend w projektowaniu, który zobaczymy w 2020 roku. Większość internautów jest na tyle zaznajomiona z projektowaniem stron internetowych, że wie, że jeśli menu nie jest od razu widoczne, będzie gdzieś na stronie. Uważamy, że dopóki projekt jest wystarczająco przejrzysty, to wystarczy, aby zachęcić do ukrytej nawigacji.

Ukryta nawigacja

Chociaż niezbędne w przypadku niektórych projektów, nawigacja i menu zajmują dużo miejsca na ekranie. Im mniejszy ekran, tym bardziej kompaktowa musi być konstrukcja. Ukryta nawigacja rozwiązuje ten problem. Tak długo, jak ogólny projekt jasno pokazuje, gdzie można znaleźć nawigację!

Witryna Mill to świetny przykład dobrze wykonanej ukrytej nawigacji.

Ukryta nawigacja stanowi jednak wyzwanie. Badania wykazały, że ukryta nawigacja może wpływać na czas spędzony na stronie, interakcję i satysfakcję odwiedzających visit. Trzeba będzie zadbać o połączenie minimalizmu z dobrym designem oraz dopasowaniem do marki i odbiorców.

Motyw lasu tematycznego Najistotniejszy

Motyw The Themeforest Salientient

Motyw Themeforest Salient zawiera wiele motywów projektowania stron internetowych, o których mówiliśmy. Kolor, białe znaki, czcionka, bloki, minimalistyczna nawigacja i świetny design, aby dostarczyć bardzo nowoczesny motyw, który będzie działał dla wszystkich rodzajów portfeli.

Zobacz najistotniejsze w działaniu

8. Zwiększone wykorzystanie konstrukcji paralaksy

Zwiększone wykorzystanie konstrukcji paralaksy

Projekt paralaksy nie jest niczym nowym, ale uważamy, że w tym roku zobaczymy go znacznie więcej. Ten styl projektowania często pozostawiano projektom stron internetowych na poziomie podstawowym lub rynkom szablonów, gdzie nie służył żadnemu celowi i nie miał żadnego rzeczywistego wpływu. Projekty takie jak ten na ToyFight.co zmienią to wszystko.

Lepsze narzędzia i techniki animacji oznaczają tworzenie naprawdę doskonałych efektów paralaksy, które działają w różnych przeglądarkach i urządzeniach, aby wywrzeć rzeczywisty wpływ. Oprócz dobrego doboru kolorów, sprytnych obrazów lub ilustracji oraz dobrego balansu stron, nie ma powodu, dla którego nie możesz opowiedzieć fascynującej historii za pomocą przewijanej strony.

Instruktor Astra Jogi

Instruktor Astra Jogi

Motyw Instruktora Astra Jogi to kolejny, który wykorzystuje nowoczesne trendy silnego obrazowania, użycia kolorów, dobrego rozmiaru czcionki, koloru i wyboru oraz zgrabnego efektu paralaksy z logo w tle. Jest to doskonały motyw dla swojej niszy i działa dobrze.

Sprawdź przykłady Astry z Parallax

9. Niestandardowe ilustracje

Niestandardowe ilustracje to sposób na wyróżnienie marki. Zapomnij o obrazach stockowych lub wektorach z rynku masowego, niestandardowa ilustracja jest tam, gdzie jest. Zbudowane w ramach schematu kolorów marki, naprawdę oryginalne ilustracje mogą być potężnym sposobem na zaangażowanie i wywołanie emocji oraz wyniku. Uważamy, że w tym roku liczba ta wzrośnie wykładniczo.

Niestandardowe ilustracje

Zaletą niestandardowych ilustracji jest to, że można je stale aktualizować, konfigurować zgodnie z nastrojem lub sytuacją i można ich używać w różny sposób na różnych urządzeniach. Można je również łączyć z animacjami, aby zapewnić wciągające wrażenia bez spowalniania strony lub utrudniania podróży klienta. Fixate (pokazany powyżej) to świetny przykład niestandardowej ilustracji, która działa z doskonałym efektem.

Mogą wiązać się z dodatkowymi kosztami w fazie rozwoju, ale większość grafików może dość szybko odwrócić ilustracje. To kolejna korzyść z ich używania.

10. głos

Głos staje się coraz bardziej istotny w Internecie. Wyszukiwarka już musi wdrożyć głos, a projektowanie stron internetowych będzie musiało nastąpić. Według tej ankiety 65% ​​internautów w wieku 25-49 lat będzie używać głosu do interakcji ze swoimi urządzeniami. Używanie głosu w projektowaniu stron, a także nawigacji i wyszukiwania to logiczna ewolucja. Uważamy, że będzie to kluczowy trend w projektowaniu stron internetowych w 2020 roku.

Głos

Siri, Alexa, Google Now i Cortana wprowadziły nas do poleceń głosowych w takim czy innym stopniu. Nasze zwiększone uzależnienie od urządzeń mobilnych zapewnia idealną okazję do korzystania z głosu w wyszukiwaniu, więc dlaczego nie nawigować w witrynie i interakcję?

Interfejs użytkownika głosowego poprawia również dostępność strony internetowej, poprawiając dostęp dla wszystkich umiejętności. Różne kraje wprowadzają bardziej rygorystyczne przepisy dotyczące dostępności, ale udostępnianie strony internetowej dla wszystkich jest podstawową zasadą zarówno Internetu, jak i sieci WWW, więc dlaczego nie mielibyśmy zintegrować głosu ze stroną internetową.

Ten przewodnik szczegółowo omawia wpływ głosu na projektowanie. Warto przeczytać. Podobnie jak przewodnik Google po interfejsie API aplikacji internetowych sterowanych głosem.

Trendy w projektowaniu stron internetowych, które naszym zdaniem będą rządzić siecią w 2020 roku, to głównie ewolucja istniejących motywów. Nie ma tu nic zupełnie nowego, ale wciąż jest na co czekać, niezależnie od tego, czy jesteś użytkownikiem sieci, czy projektantem.

Jednym z powodów, dla których jesteśmy podekscytowani tym wszystkim, jest to, że stanowią one prawdziwe wyzwanie dla projektantów stron internetowych. Dawno minęły czasy stron szablonowych i projektowania pod klucz.

Teraz nastał czas indywidualności, spersonalizowanych czcionek i ilustracji, doskonale wyważonych stron internetowych z białymi znakami i obrazami oraz prawdziwie osobistym przeglądaniem. Dodaj funkcje, takie jak 3D, znacznie ulepszone przewijanie paralaksy i głos, a uzyskasz bardziej użyteczną sieć dla wszystkich. To musi być trend, który warto śledzić!

Czy zgadzasz się z naszym wyborem trendów? Masz pomysły na inne trendy w projektowaniu stron internetowych w tym roku? Opowiedz nam o nich w sekcji komentarzy poniżej! 

O autorze
Dawid Attar
David pracuje w branży internetowej i cyfrowej od 21 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych, wykorzystując WordPress, Joomla i nisze je otaczające. Współpracował z agencjami rozwoju oprogramowania, międzynarodowymi firmami zajmującymi się oprogramowaniem, lokalnymi agencjami marketingowymi, a obecnie jest dyrektorem ds. operacji marketingowych w Aphex Media – agencji SEO. Jako konsultant cyfrowy koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej dzięki połączeniu ich strony internetowej i dostępnych obecnie platform cyfrowych. Połączenie wiedzy technologicznej z dużym zmysłem biznesowym zapewnia jego pismom przewagę konkurencyjną.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...