Trendy w projektowaniu stron internetowych

Trendy w projektowaniu stron internetowych stale się zmieniają, a 2020 nie jest wyjątkiem.


W tym roku wielu projektantów rozpoczyna odważne eksperymenty – łamanie zasad, wymyślanie istniejących stylów i czerpanie jeszcze większej inspiracji z projektów przemysłowych i drukowanych – podczas gdy inni nadal przekraczają granice zabawnej typografii i odważnego minimalizmu, tak popularnego w ciągu ostatnich kilku lat.

Widok krajobrazu z lotu ptaka pokazuje, że podejścia do projektowania są bardziej zróżnicowane niż kiedykolwiek.

Ale za tą różnorodnością estetyki i leżących u jej podstaw podejść kryje się rosnąca szczelina. Podczas gdy projektowanie UX i jego nacisk na użyteczność i funkcje stają się coraz bardziej popularne, rosnąca elastyczność techniczna dostępna dla projektantów skłoniła kolejną grupę do jeszcze większego skoncentrowania się na projektowaniu stron internetowych jako medium artystycznym.

Wszystko to oznacza, że ​​rok 2020 to rok skrajności w projektowaniu. Czasy pojedynczego szturmu na sieć (pamiętasz płaski projekt w 2012 roku?) Minęły. To, co zostało, jest znacznie bardziej dopracowane i o wiele bardziej interesujące.

Rzućmy okiem na najlepsze trendy projektowe w 2020 roku.

Estetyczne trendy w projektowaniu stron internetowych w 2020 roku

1. Czarny powraca

Kiedy Apple i Google opublikowały ustawienia trybu ciemnego prawie jednocześnie w 2019 r., Zainicjowały trend popularnych stron internetowych rozwijających alternatywne motywy zaprojektowane specjalnie dla słabego oświetlenia.

Ale długoterminowy wpływ trybu ciemnego może być jeszcze szerszy. Nagle strony internetowe Geocities z 1997 roku przestały mieć monopol na ciemne tła i neonowe kolory. A projektanci w 2020 roku wykorzystują.

Tysiące projektantów wypuściło w tym roku ciemne witryny, a ich projekty nie są przeznaczone wyłącznie do użytku w słabym świetle. Ciemne tła znów stają się głównym nurtem. Czarne jest czarne.

Ciemny motyw DevArt

Google’s DevArt i Kawa z dwiema szympansami to dwa świetne przykłady stylu.

2. Kroje czcionek Didone

Projektanci przeprowadzili szeroko zakrojone eksperymenty z typografią 2019, a ten trend nabiera tempa już w 2020 r., Krystalizując się w określonym podzbiorze czcionek zwanym Didones.

Didones to kroje pisma z długimi, wąskimi szeryfami, grubymi pociągnięciami pionowymi i kontrastowymi cienkimi poziomymi liniami.

Drukarki spopularyzowały Didones na początku 1800 roku, a te kroje czcionek odradzają się w 2020 roku. Niektóre już o nazwie Didones „Typografia następnej dekady” i jesteśmy skłonni się zgodzić.

logo Didone

Logo Allswell, Vox i Winc są uderzającymi przykładami tego stylu, ale trend ten nie jest skierowany tylko do bezpośrednich marek konsumenckich i firm medialnych. Wiele startupów technologicznych Skillshare i Rudzik, używają Didones jako drugorzędnych krojów pisma, aby wprowadzić odrobinę ludzkości do marek, które w innym przypadku byłyby nieco zimne i zrobotyzowane w 2020 r..

Skillshare używa typografii Didones

3. Typ ponadgabarytowy

Mówiąc o krojach pisma, Didones nie są jedynym trendem w projektowaniu typograficznym w tym roku.

Na początku 2020 r. Wiele witryn eksperymentowało z dramatycznie przewymiarowanym typem. W wielu przypadkach projektanci mają tak duże rozmiary czcionek, że jeden lub dwa wiersze tekstu zajmują większość lub nawet cały obszar wyświetlania.

Cowboy Bicycle używa dużych czcionek

Projektanci często łączą ten trend z odważnymi kolorami i ilustracjami w połączeniu z samym typem. Rowery kowbojskie to fantastyczny przykład stylu.

4. Style vintage

Kroje pisma nie są jedynymi relikwiami, które powracają. Style vintage powróciły w tym roku na wielką skalę.

Od psychodelicznych kolorów z lat 60. i cieplejszych odcieni ziemi z lat 70. po wrażenia arkadowe z lat 80. i grunge tekstury z lat 90. – w tym roku nostalgia jest za kilka kliknięć.

Niektóre z tych projektów, jak Gucci Grip skateboarding game, są wyraźnie parodiami, podczas gdy inne, podobnie jak projekty Kilkadziesiąt i NudieJeans, traktują siebie znacznie poważniej.

Gucci's grip skateboarding

Oczywiście nostalgia była potężnym narzędziem sprzedaży, ponieważ istniała nostalgia, a popularne marki, takie jak Apple, Nike i Instagram, skutecznie ją wykorzystują od lat. Trend ten wciąż rośnie i wydaje się prawdopodobne, że style vintage pozostaną częścią rozmowy przez następną dekadę.

5. Obejmująca głębia

Na początku 2020 r. Wiele marek wprowadziło projekty w stylu faux-3D, który wykorzystuje warstwy i cienie do tworzenia głębi.

W przeciwieństwie do skeuomorfizmu z początku XXI wieku lub późniejszego trendu projektowania płaskiego, ten styl nie obejmuje w pełni niefunkcjonalnego ozdobnictwa ani całkowicie go unika. Zamiast tego projektanci starają się zwrócić uwagę na kluczowe elementy treści – takie jak wezwania do działania i ilustracje – z perspektywy.

Mówiąc wprost, nie jest płaski. To jest płaskie.

Przykład strony głównej Fullstory

Aktualna strona główna FullStory jest wyraźnym przykładem stylu, w którym każda grafika zawiera zarówno niewyraźne, jak i niewyraźne cienie, wiele warstw oraz połączenie zdjęć i elementów ilustracyjnych. Dla pewności istnieje nawet dodatkowy krój pisma Didone.

6. Odważny minimalizm

Minimalizm pozostaje w tym roku tak samo popularny, jak w poprzednich latach, jeśli nie bardziej.

W rzeczywistości wiele minimalistycznych witryn wydaje się jeszcze odważniejszych niż kiedykolwiek, opierając się niemal wyłącznie na ciężkiej typografii i nasyconych kolorach. Witryna Third & Grove to fantastyczny przykład, zawierający naprzemienne bloki kolorów w pełnym widoku, zabawną typografię Didone i mnóstwo negatywnej przestrzeni do oddychania.

Inne przykłady, takie jak Innowacja jest trudna, całkowicie unikaj ilustracji, ale zamiast tego użyj animacji, aby opowiedzieć historię.Trzecia i minimalistyczna strona gaju

Chociaż minimalizm może nie wydawać się innowacyjny w 2020 r., Miło jest widzieć, że nadal rośnie i rozwija się w ten sposób. A jeśli projektanci nadal będą go używać z tak uderzającym efektem, minimalizm prawdopodobnie pozostanie trendem przez wiele lat.

7. Futurystyczne motywy (i schematy kolorów)

Wygląda na to, że styl science fiction powraca w 2020 roku.

Od projektów inspirowanych UFO, takich jak Witryna BrightScout do grafiki kolonizacji kosmicznej na InVision Raport branżowy DesignBetter, projektanci wykorzystują przestrzeń i science fiction jako elementy innowacji, podobnie jak ich odpowiedniki w latach 50. XX wieku.

Futurystyczny motyw strony Brightscout

Nawet kategorie tradycyjnie szczudłowe jak usługi finansowe wskakują na modę, wykorzystując jasne kolory, aby rozjaśnić nudne miejsca.

8. Ilustracje abstrakcyjne

Abstrakcyjne ilustracje – często składające się z pastelowych sylwetek – były wszędzie w 2019 roku. Jeśli wczesna część 2020 roku jest jakąkolwiek oznaką, tendencja ta będzie nadal rosła.

Strony internetowe takie jak GitHub i HelloSign używaj tych ilustracji subtelnie, podczas gdy inne lubią Stół powietrzny czuć się ciężko. Rozumiemy; prawdziwi ludzie używają twojego abstrakcyjnego oprogramowania.

przykład strony głównej airtable

Mimo to, niezależnie od jego zalet, trend ten nie wydaje się, aby się nigdzie zmierzał.

9. Wciągające 3D

Tak zwani eksperci od lat przewidują wzrost elementów 3D na nowoczesnych stronach internetowych, ale rok 2020 może być rokiem, w którym dzieje się to masowo.

Shopify tworzy interaktywne elementy 3d

Większość stron produktów w Google Store wykorzystuje elementy 3D do zilustrowania przemysłowego wyglądu fizycznych produktów Google, a nawet firmy SaaS, takie jak Shopify, tworzą interaktywne elementy 3D, chociaż użyteczność animowanej kuli ziemskiej jest wątpliwa.

10. Eksperymentalne opowiadanie historii

Rok 2020 może być także szczytem eksperymentalnych i interaktywnych opowiadań online.

Podczas gdy strony lubią Pokonaj Boco użyj interfejsu z bajki z kreskówkami, aby spopularyzować techniki obsługi użytkowników, takie jak inne TraffickWatch rozwiązuj ważne kwestie, takie jak handel ludźmi w stylu dokumentalnym.

przykład ruchu drogowego

Ten rodzaj długiej historii opowiadania był kiedyś popularny w czasopismach drukowanych i czasopismach, ale gdy medium zanika popularność, fantastycznie jest widzieć, że jest zastępowany przez bardziej interaktywne i bardziej ekscytujące internetowe odpowiedniki.

Trendy w użyteczności i projektowaniu produktów w 2020 roku

Jeśli wszystko to wydawało się zbyt subiektywne i artystyczne, nie jesteś sam.

Projektowanie doświadczeń użytkowników zyskuje na popularności od lat, a stale rosnąca kadra projektantów bardziej zależy na funkcjonalnym wpływie swoich projektów niż na estetyce.

Oto niektóre z najważniejszych trendów użyteczności w 2020 roku.

1. Zwraca architekturę informacji

Architektura informacji, od dawna uważana za przerażającego wuja projektu UX, triumfalnie powraca w 2020 roku.

Wraz z pojawieniem się systemów projektowych i bibliotek wzorców opartych na danych, takich jak GoodUI, projektanci wracają do i odkrywanie na nowo, wzorce architektury informacji, które stale ignorują od pierwszych dni Internetu.

2. Dostępność przechodzi do głównego nurtu

Zwolennicy i sojusznicy od lat zwiększają dostępność sieci z zapewnieniem mieszanych rezultatów. Do tej pory projektanci szeroko ignorowali standardy, jeśli są w ogóle ich świadomi, a większość małych firm uważa, że ​​nie stać ich na projektowanie z myślą o dostępności.

2020 może być rokiem, w którym wszystkie zmiany.

Popularność zyskuje wiele startupów nastawionych na upowszechnianie dostępności. AccessiBe i UserWay, na przykład oferuj platformy SaaS, które automatyzują wiele wyzwań związanych z udostępnianiem stron internetowych.

przykład strony głównej accessiBe

AccessiBe obsługuje już długą listę wybitnych klientów, w tym Fiverr, Hilton i BMW, a UserWay może pochwalić się takimi klientami jak Disney, eBay i Coca-Cola. Po wielu procesach prowadzonych przez konsumentów przeciwko firmom o złych standardach dostępności w 2019 r. Wydaje się, że oba startupy znacznie wzrosną w 2020 r..

3. Przejrzystość teraz

Przepisy dotyczące prywatności konsumentów w Internecie, takie jak RODO i CCPA, są prawdopodobnie tylko wierzchołkiem góry lodowej. W 2020 r. Konsumenci domagają się zwiększenia poziomu przejrzystości i kontroli swoich danych.

W latach 2000 i 2010 firmy były właścicielami danych swoich klientów. Wydaje się, że w 2020 r. I później ten skrypt się zmieni.

4. Pliki projektu znikają

Czy rok 2019 może być ostatnim rokiem, w którym faktycznie projektujesz, używając plików zapisanych lokalnie na twoim laptopie? Tak uważa rosnąca grupa projektantów.

Figma, platforma do projektowania UX oparta na współpracy z wbudowanym wersjonowaniem, zyskała tak dużą popularność w 2019 roku, że nietrudno wyobrazić sobie świat, w którym wysłanie e-maila do współpracownika z najnowszą wersją projektu to już przeszłość.

przykład strony domowej figma

W tym wspaniałym nowym świecie wielu projektantów może współpracować przy tym samym pliku, klienci i interesariusze mogą przekazywać opinie w czasie rzeczywistym, a narzędzia stały się tak łatwe w użyciu, że prawie każdy może wnieść swój wkład.

5. Testowanie, pomiary i eksperymentowanie

Podczas gdy prawie wszystko inne zmieniło się online, testy A / B i analizy produktów przetrwały próbę czasu. 2020 nie będzie wyjątkiem.

Pomimo tego, w co zapowiadają prognozy RODO dnia zagłady, pomiary i eksperymenty są żywe i mają się dobrze. Marketing bezpośredni i raportowanie analityczne mogą stać się trudniejsze w 2020 r., Ale sieć ewoluuje, aby sprostać temu wyzwaniu.

W świecie, w którym zoptymalizowane współczynniki konwersji i utrzymanie użytkowników przeważają nad wszystkim, firmy będą nadal wprowadzać innowacje.

Ścieżka naprzód

Jeśli przez ponad dekadę projektowania stron internetowych nauczyliśmy się czegoś, to sceptycznie przyglądamy się trendom i unikamy szumu..

Uważaj na syndrom błyszczących przedmiotów.

Jeśli prowadzisz działalność online lub pracujesz w zawodzie internetowym, najlepiej jest skoncentrować się na swoim planie i wybrać strategię i taktykę, które mogą pomóc w osiągnięciu celów.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map