{"id":183237,"date":"2019-02-13T08:30:32","date_gmt":"2019-02-13T07:30:32","guid":{"rendered":"https:\/\/mediarun.com\/pl\/?p=183237"},"modified":"2019-02-13T09:19:34","modified_gmt":"2019-02-13T08:19:34","slug":"web-design-trends-2018-poznaj-9-trendow-w-projektowaniu-stron-na-2018","status":"publish","type":"post","link":"https:\/\/mediarun.com\/pl\/trendy\/web-design-trends-2018-poznaj-9-trendow-w-projektowaniu-stron-na-2018.html","title":{"rendered":"Najnowsze trendy w projektowaniu stron mobile first na 2019"},"content":{"rendered":"

Coraz wi\u0119ksza konkurencyjno\u015b\u0107 w Internecie i stale rosn\u0105ca\u00a0 \u015bwiadomo\u015b\u0107 firm w procesie sprzeda\u017cy\u00a0w sieci www to g\u0142\u00f3wne powody, dla kt\u00f3rych pod\u0105\u017canie za najnowszymi trendami w projektowaniu stron internetowych sta\u0142o si\u0119 tak istotne. Najwa\u017cniejsze to odnale\u017a\u0107 we wszystkich trendach sw\u00f3j w\u0142asny, unikatowy\u00a0 styl, kt\u00f3ry b\u0119dzie przez d\u0142ugi czas funkcjonalny. Poznaj –\u00a0WEB DESIGN TRENDS na 2019.<\/h3>\n

Trudno m\u00f3wic o jakichkolwiek zmianach. B\u0119dziemy mogli raczej zauwa\u017cy\u0107 rozw\u00f3j obecnie panuj\u0105cych trend\u00f3w. W ubieg\u0142ym roku du\u017co uwagi po\u015bwi\u0119cono g\u0142\u00f3wnie animacjom, mikointerakcjom, konwersacyjnym interfejsom, chatbotom i ilustracjom.<\/p>\n

Andy Budd<\/strong>, wsp\u00f3\u0142za\u0142o\u017cyciel pionierskiej firmy konsultingowej UX Clearleft<\/strong><\/a>, uwa\u017ca, \u017ce nast\u0105pi kontynuacja przej\u015bcia od projektowania UX do projektowania us\u0142ug cyfrowych i b\u0119dzie widoczne znacznie wi\u0119ksze zainteresowanie w dziedzinie projektowania us\u0142ug z sektora cyfrowego w tym roku.<\/p>\n

Po pierwsze – dlaczego warto \u015bledzi\u0107 aktualne trendy?<\/h3>\n

Ot\u00f3\u017c wi\u0119kszo\u015bci os\u00f3b zale\u017cy na nowoczesno\u015bci, a nudne i nieatrakcyjne wzorce maja du\u017cy wp\u0142yw na poziom zaanga\u017cowanie ze strony u\u017cytkownik\u00f3w odwiedzaj\u0105cych strony internetowe czy sklepy internetowe oraz ich zapami\u0119tywanie. Szybciej jeste\u015bmy w stanie zapami\u0119ta\u0107 stron\u0119, kt\u00f3ra nas pozytywnie zaskoczy\u0142a, wyr\u00f3\u017cnia\u0142a si\u0119 w t\u0142umie innych serwis\u00f3w.<\/p>\n

Jakich trend\u00f3w mo\u017cemy si\u0119 spodziewa\u0107 w 2019?<\/strong><\/h3>\n

W Polsce wci\u0105\u017c b\u0119d\u0105 rozwija\u0107 si\u0119 sposoby projektowania, kt\u00f3re s\u0105 prezentowane na listach trend\u00f3w znanych od paru lat. Mo\u017cemy si\u0119 spodziewa\u0107 premiery pierwszych serwis\u00f3w z interfejsy konwersacyjne i interfejsy g\u0142osowymi wykorzystuj\u0105cymi \u00a0VR \u00a0– Virtual Reality<\/strong> i AI – Artificial Intelligence,<\/strong> kt\u00f3re wp\u0142yn\u0105 na bran\u017c\u0119 UX – User Experience<\/strong> w 2018 roku, o kt\u00f3rych szerzej piszemy w artykule\u00a012 najwa\u017cniejszych trend\u00f3w Digital Marketing na 2018:<\/strong><\/p>\n

 <\/p>\n

Za pomoc\u0105 tych mechanizm\u00f3w powstawa\u0107 b\u0119d\u0105 nowe us\u0142ugi i produkty w dla konsument\u00f3w obecny i konsument\u00f3w przysz\u0142o\u015bci. Ten rok zdecydowanie b\u0119dzie nale\u017ca\u0142 do nadmiaru \u00a0odwa\u017cnych i \u017cywych kolor\u00f3w w internecie, a takie terminy jak – „MOBILE FIRST „<\/strong> nie wywo\u0142aj\u0105 u nikogo wi\u0119kszego zdziwienia.<\/p>\n

A oto zbi\u00f3r wybranych przez nas trend\u00f3w WEB DESIGN TRENDS 2019<\/strong>:<\/p>\n

 <\/p>\n

1. Nasycone schematy kolor\u00f3w<\/h2>\n

Dawniej wiele marek i projektant\u00f3w trzyma\u0142o si\u0119 odpowiednich dla sieci kolor\u00f3w. Teraz coraz cz\u0119\u015bciej stawia si\u0119 na wygl\u0105d dlatego wybierane s\u0105 odwa\u017cne i bogatsze odcienie. \u017bywe kolory mog\u0105 by\u0107 przydatne dla marek chc\u0105cych przyci\u0105gna\u0107 uwag\u0119 u\u017cytkownik\u00f3w. Mocne, wyraziste tony w po\u0142\u0105czeniu z nag\u0142\u00f3wkami mog\u0105 znacznie poprawi\u0107 widoczno\u015b\u0107 strony.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

2. Poruszaj\u0105ce si\u0119 cz\u0105steczki t\u0142a<\/b><\/h2>\n

M\u00f3wi si\u0119, \u017ce obraz wyra\u017ca wi\u0119cej ni\u017c tysi\u0105c s\u0142\u00f3w, a taki poruszaj\u0105cy si\u0119? Ruchome t\u0142o natychmiast przyci\u0105ga uwag\u0119 u\u017ctykownika dzi\u0119ki czemu marki mog\u0105 stworzy\u0107 wyj\u0105tkowe wra\u017cenie w zaledwie kilka sekund. Ponadto ruchome grafiki staj\u0105 si\u0119 coraz bardziej popularne w mediach spo\u0142eczno\u015bciowych. Te\u00a0lekkie animacje s\u0105\u00a0JavaScriptami<\/strong>, kt\u00f3re umo\u017cliwiaj\u0105 tworzenie ruch\u00f3w jako naturalnej cz\u0119\u015bci t\u0142a bez d\u0142u\u017cszego \u0142adowania.<\/p>\n

\"Animowany<\/p>\n

 <\/p>\n

3. G\u0142osowe interfejsy
\n<\/strong><\/h2>\n


\n<\/strong>S\u0105 ju\u017c praktycznie wsz\u0119dzie. Znajdziemy je w telefonach, telewizorach i szeregu innych produkt\u00f3w. Wraz z post\u0119pem w rozpoznawaniu g\u0142osu i inteligentej technologii domowej oczekuje si\u0119, \u017ce interakcja g\u0142osowa b\u0119dzie si\u0119 rozwija\u0107. Amazon<\/a><\/strong> by\u0142 jednym z pierwszych, kt\u00f3rzy posun\u0119li si\u0119 naprz\u00f3d i odnie\u015bli komerycyjny sukces. Alexa, g\u0142osowy asystent Amazona, jest ju\u017c w 4% ameryka\u0144skich dom\u00f3w, co pokazuje, \u017ce jest to technologia, kt\u00f3ra rzeczywi\u015bcie znajduje zastosowanie w\u015br\u00f3d wielu u\u017cytkownik\u00f3w.<\/p>\n

\"\"\"\"<\/p>\n

 <\/p>\n

4. Mobile first<\/h2>\n

 <\/p>\n

Telefon na pierwszym miejscu. Czyli tworzymy tre\u015bci z my\u015bl\u0105 o urz\u0105dzeniach moblinych. \u00a0Najpierw powstaje wersja strony na urz\u0105dzenia mobline i potem na zasadzie \u201erozszerzenia” danego projektu powstaje wersja na komputer klasy PC.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

 <\/p>\n

5. Odwa\u017cna typografia<\/h2>\n

Zawsze by\u0142a pot\u0119\u017cnym narz\u0119dziem wizualnym, zdolnym do tworzenia osobowo\u015bci, wywo\u0142ywania emocji i nadawania ton\u00f3w na stronie internetowej przy jednoczesnym przekazie informacji. Dzi\u0119ki niej mo\u017cemy nada\u0107 unikalny wizerunek marce. Nowe techniki tworzenia stron pozwalaj\u0105 na stosowanie niestandardowych kroj\u00f3w pisma. Z liter powstaj\u0105 niezwyk\u0142e kompozycje, kt\u00f3re ci\u0119\u017cko uzyska\u0107 grafik\u0105. Obecnie za spaw\u0105 dobrej rozdzielczo\u015bci (RETINA lub 4K<\/strong>) takie kompozycje tworz\u0105 najlepszy efekt. S\u0105 one \u015bwietnym przyk\u0142adem umiej\u0119tno\u015bci designerskich wielu projektant\u00f3w, kt\u00f3rzy cz\u0119sto odchodz\u0105 od grafik na rzecz liter.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

6. Animacje<\/h2>\n

Wraz z rozwojem technologii coraz wi\u0119cej stron internetowych odchodzi od statycznych obraz\u00f3w i znajduje nowe sposoby takie jak animacje, aby zaanga\u017cowa\u0107 u\u017cytkownik\u00f3w i nawi\u0105za\u0107 z nimi interakcje. Taki rodzaj komunikacji z odbiorcami jest \u015bwietnym narz\u0119dziem. Rok 2018 dostarczy nam jeszcze wi\u0119cej efekt\u00f3w wizaulnych wykonywanych w oparciu o format SVG i CSS3<\/strong>.<\/p>\n

 <\/p>\n

    \n
  1. \n

    \"\"\"Animowany<\/p>\n<\/li>\n<\/ol>\n

     <\/p>\n

    7. Asymetria<\/h2>\n

    Jedn\u0105 z du\u017cych zmian w 2017 roku by\u0142o wprowadzenie asymetrycznych i niekonwencjonalnych, \u201ez\u0142amanych\u201d uk\u0142ad\u00f3w. Atrakcyjno\u015b\u0107 takiego \u00a0niestandardowego uk\u0142adu polega na tym, \u017ce jest on unikalny, wyr\u00f3\u017cniaj\u0105cy si\u0119 i czasem eksperymentalny. Z asymetrii korzystaj\u0105 m.in wi\u0119ksze marki posiadaj\u0105ce du\u017ce ilo\u015bci tre\u015bci.<\/p>\n

     <\/p>\n

    \"\"<\/p>\n

    \"\"<\/p>\n

     <\/p>\n

    8. Mikrointerakcje<\/h2>\n

    Telefon kom\u00f3rkowy wi\u0105\u017c\u0119 si\u0119 z mniejsz\u0105 powierzchni\u0105 ekranu ni\u017c tak\u0105, kt\u00f3r\u0105 posiada komputer co sprawia, \u017ce wa\u017cne jest, aby tre\u015bci i elemety interaktywne wyr\u00f3\u017cnia\u0142y si\u0119 i jasno komunikowaly sw\u00f3j cel<\/strong>. Mikrointerakcje to atrybuty inspirujace u\u017cytkownika do podj\u0119cia konkretnego dzia\u0142ania z natychmiastow\u0105 informacj\u0105 zwrotn\u0105. Sprawiaj\u0105, \u017ce interaktywno\u015b\u0107 jest szybka i intuicyjna.<\/p>\n

     <\/p>\n

     <\/p>\n

    \"1\"<\/p>\n

    \"ipad<\/p>\n

    \"add<\/p>\n

     <\/p>\n

     <\/p>\n

    9. Kinografiki [cinemagraphs<\/em>]<\/h2>\n

    Wyj\u0105tkowo fascynuj\u0105ca forma sztuki, kt\u00f3r\u0105 ch\u0119tnie stosuje si\u0119 w marketingu online. To w rzeczywisto\u015bci wci\u0105\u017c fotografie, w kt\u00f3rych wyst\u0119puje drobny, powtarzaj\u0105cy si\u0119 ruch. Zazwyczaj mo\u017cna go znale\u017a\u0107 w formacie GIF<\/strong> co czasami tworzy iluzj\u0119 ogl\u0105dania wideo. Z regu\u0142y s\u0105 one wytworzone przez wykonywanie serii zdj\u0119\u0107 lub nagranie wideo. Warto zaznaczy\u0107, \u017ce kinografiki (ang. cinemagraphs<\/em>) r\u00f3\u017cni\u0105 si\u0119 znacznie od animowanych ilustracji. GIF zdecydowanie powraca do g\u0142\u00f3wnego trendu znanego w\u015br\u00f3d tre\u015bci internetowych.<\/p>\n

     <\/p>\n

    \"cinemagraphs\"<\/p>\n

    \"Facebook<\/p>\n

     <\/p>\n

    Wszechobecnym \u00a0standardem jest ju\u017c audyt strony www<\/strong> czy jej odnowienie<\/strong>. Ka\u017cda strona przeci\u0119tnej firmy stopniowo ewoluuje dzi\u0119ki nowym aktualizacjom i optymalizacji, kt\u00f3re wykonuje si\u0119 raz na 2 – 3 lata aby by\u0142a bardziej anga\u017cuj\u0105ca. Serwisy, kt\u00f3re s\u0105 regularnie od\u015bwie\u017cane i dostosowane do aktualnych standard\u00f3w \u00a0zyskuj\u0105 lepsze pozycje w wyszukiwarkach<\/strong>, a klienci maj\u0105 dost\u0119p do najnowszych informacji.<\/p>\n

    Warto dopasowa\u0107 \u015brodki stylistyczne do tre\u015bci, wizerunku, bran\u017cy i grupy docelowej. W projektowaniu stron decyduj\u0105c\u0105 zdolno\u015bci\u0105 jest wyczucie. Nie kwestia gustu lecz dobra znajomo\u015b\u0107 bran\u017cy i do\u015bwiadczenie to kluczowe czynniki.<\/p>\n

    Polecamy artyku\u0142 o trendach w projektowaniu stron na 2017 rok, kt\u00f3ry przeczyta\u0142o ponad 47 000 os\u00f3b ;-)<\/p>\n

     <\/p>\n

    Najnowsze trendy w projektowaniu stron na 2017 rok<\/a><\/p><\/blockquote>\n