Design, Inspiracje, Trendy

Najnowsze trendy w projektowaniu stron na 2017 rok

Więcej o:

2017DesignTrendyweb design

Od kilku lat, coraz większą wagę przykłada się do projektowania stron internetowych. To oczywiste, że to wizytówka naszej firmy. Przedstawiamy najciekawsze, naszym zdaniem trendy na nadchodzący rok.

Ludzie są istotami, które bardzo zwracają uwagę na to co widzą. A slogan "jak Cię widzą - tak Cię piszą", dotyczy też stron internetowych i ich designu. Dlatego na następny rok zapowiedziano parę zmian. Film i obraz będzie dominującą tendencja i nie chodzi tutaj tylko o sam content marketing. Zawartość video jest już bardzo silnie obecna na blogach i co raz śmielej wkracza na portale społecznościowe. Jednak trzeba uważać -  można łatwo wpaść w pułapkę dostępnych narzędzi. Wszystko trzeba zrobić tak, żeby nie było przesytu formy nad treścią. Wybraliśmy parę gorących trendów, które wkraczają do web designu i powoli stają się standardami na stronach, które chcą być odbierane jako profesjonalne i nowoczesne.

Płaski design

flatdesign

Co raz większą uwagę przyciąga tzw. flat design (projektowanie płaskie). Zaadoptował je Google i teraz szturmem zdobywa kolejne witryny. Jednym z jego odłamów jest "material design". Charakteryzuje się trójwymiarowością poprzez zastosowanie różnych odcieni koloru i cieni.  W tym designie wyróżnia się trzy podstawowe głębokości, które można stosować do wyróżniania jednych elementów nad drugimi.

Age-responsive design

W poprzednich rano stawiano na to, żeby strony były dostosowane do większości urządzeń i były responsywne. W 2017 roku stawiać się będzie na dostosowanie designu stron i ich układu do wieku użytkownika. Tutaj potrzeba zrozumienia jakie są ważne czynniki dla osób starszych, a jakie powinno się wziąć pod uwagę przy projektowaniu np. kanału telewizji dla dzieci. Jednym z takich elementów ma być automatycznie dopasowywana czcionka podczas przewijania i przesuwania poszczególnych elementów strony. Kolory natomiast mają być bardziej jaskrawe na stronach przeznaczonych dla młodzieży, a stonowane i pastelowe dla osób dojrzałych.

Storytelling

mediarun-storytelling

Dużym plusem nowych stron jest zastosowanie "narracji wizualnej". Tzw. storytelling ma skupić użytkownika na eksplorowaniu strony i dowiadywaniu się wszystkiego czego chce o danej rzeczy. Główne zastosowanie "opowiadań" ma przydatność przy prezentowaniu nowego produktu bądź wydarzenia. Świetnym przykładem takiej witryny jest strona poświęcona hybrydowemu modelowi samochodu marki Hyundai lub portal National Geographic o rodzinie Kennedych.

Mini-interakcje

mediarun-minisharing

Duży nacisk położny będzie też na "mini-interkacje", które będą zachęcały użytkownika do większej aktywności, jak share'owania postów czy dodania "łapki w górę" do danej rzeczy lub szybkiego skomentowania z poziomu nawet nie otwartego artykułu, a samego tytułu.

User Offboarding

zrzut-ekranu-2016-10-19-o-12-20-09

„Dobry produkt jest jak kinowe arcydzieło” - tym hasłem ma kierować się nowa metoda przyciągania gości na swoje strony. Ma to być element strony, który użytkownik ujrzy i nie będzie mógł od niego oderwać uwagi. Będzie tak bardzo w niego się zagłębiał, że odwiedzi całą witrynę. Od początku do końca i „obejrzy ją jak dobry  film”. Jednym z takich przykładów jest m. in. witryna Canva, która jest tak skonstruowana, że nie pozwala użytkownikowi przestać tworzyć strony, a krótkie filmiki pokazujące na zasadzie - „zrób -> pokaż -> powiedz” powodują u użytkownika chęć poznania szczegółów.

Typografia

mediarun-dropbox

Co raz większą wagę przywiązujemy nie tylko do tego co jest napisane, ale też jak to wygląda. Czy czyta to się nam wygodnie, intuicyjnie i jest zrozumiałe dla nas. W graficznym przedstawianiu treści, duży nacisk będziemy kładli na odpowiedni dobór czcionek oraz to w jakim miejscu znajdą się dane słowa czy nawet poszczególne litery. Odchodzimy od nadmiaru informacji, a chcemy mieć przedstawione tylko to co najważniejsze. Przejrzystym połączeniem nowym trendów jest na pewno nowa strona domowa hostingu plików Dropbox.

Duże i wyśrodkowane zdjęcia

W przyszłym roku, trendem będą duże zdjęcia prezentujące przedmiot strony. Zdjęcia mają być tak dobrane, żeby współgrały z kolorystyką strony i animacjami, a ich przewijanie było płynne.

"Hero image"

mediarun-heroimage

Będzie to pierwsza, główna grafika (bądź slider)  jaką zobaczysz na stronie. Ma być odnośnikiem do pozostałych części serwisu. Wiele firm wprowadza to już teraz do swoich layoutów.

Ruchome "kinowe" zdjęcia

Po GIF-ach, które w tym roku opanowały serwisy czas na ich podrasowanie. Hitem i numerem jeden będą ruchome obrazki, które wyglądają jak kadr z filmu. Czym się różnić będzie taki obrazek od popularnych animacji? Głównie jakością techniczną. Zdjęcia użyte do tworzenia subtelnych ruchów, nie mogą być małe, a do ich wykonania będzie potrzebny dobry program graficzny.

pandora-web-cinemagraph

Parallax Scrolling

W budowaniu witryny jednym z istotnych elementów jest szybkość działania całej witryny. W przyszłym roku skupimy się na budowaniu witryny na tyle szybkiej, żeby mogła sobie radzić z tzw. efektem paralaksy przy przewijaniu strony. Na czym polega? Na jednoczesnym przesuwaniu całej strony i tła przy jednoczesnym pozostawaniu tekstu na swoim miejscu. Daje to możliwość większego przyciągnięcia uwagi użytkownika, który odwiedza naszą witrynę. Taki efekt możemy zobaczyć na tej stronie.

 

Przeczytaj też:

Poprzednik artykułNastępny artykuł

DODAJ SWÓJ KOMENTARZ

NEWSLETTER


Cześć, czy wiesz że Mediarun informuje o najważniejszych trendach i zmianach marketingowych w Polsce i na Świecie?

Jeśli chcesz aby nic Ci nie umknęło, zapisz się do newslettera Mediarun.

NEWSLETTER


Czy wiesz, że Mediarun informuje o ważnych trendach w Polsce i na Świecie?

Zapisz się teraz do Newslettera Mediarun, publikujemy w nim poradniki, raporty, oraz inspiracje dzięki, którym możesz rozwijać swoje kompetencje.