Trendy i pomysły w projektowaniu stron www w 2017 roku.

strony www na telefonPoniżej przedstawiam trendy i najnowsze pomysły na strony internetowe w 2017 roku.

Artykuł ten jest pierwszym z cyklu artykułów o przyszłości projektowania stron internetowych i najnowszych trendach.

Zachęcam do dyskusji poprzez zamieszczanie komentarzy.

Mobilne urządzenia wymusiły na projektantach stron internetowych tworzenie responsywnych projektów a co za tym idzie do znalezienia sposobów do jak najlepszego przedstawienia strony bez względu na rozmiar urządzenia, na którym jest ona wyświetlana.

1) Po pierwsze urządzenia mobilne
Tak jak sugeruje nazwa skoncentrowanie się najpierw na urządzeniach mobilnych.
Wygląd strony zaczynamy od urządzeń mobilnych, później patrzymy jak prezentuje się na dużych ekranach.
W porównaniu do tabletów i laptopów smartphony mają zdecydowanie mniejsze ekrany i jest tam zdecydowanie mniejsza ilość miejsca na treść, która może być wyświetlana w tym samym czasie. Wymusza to na projektantach stron pokazania tego co jest potrzebne w 100% a  rzeczy mniej ważne mogą pojawić się u użytkowników posługujących się tabletami i laptopami.
Pomysł na tworzeniu stron koncentrując się najpierw na urządzeniach mobilnych nie jest nowy ale widać że coraz to więcej stron jest tworzona pod tym kątem zatem w 2017 trend ten nadal będzie utrzymywany.

2) Responsywność

Wiem powiecie że”Po pierwsze urządzenia mobilne”, po drugie „responsywność” – wszystko to już było dlaczego więc rzeczy te będą znajdować się w trendach na 2017 rok. Widać że to wszystko się
rozwija i zagarnia coraz to większy obszar. Tak też jest jeśli chodzi o responsywność. Projektanci przykładają dużą uwagę do responsywności mediów.
Szczególnie po tym jak Google wprowadził aktualizację w kwietniu 2016 roku do algorytmu swojej wyszukiwarki
Jeśli nie wiesz czym jest responsywny design to w skrócie można powiedzieć że jest to sposób budowy strony w oparciu o media queries i wyborze medium, dla którego ma być serwowany bieżący plik CSS. Czyli możemy decydować o dołączaniu odpowiedniego pliku/kodu CSS na podstawie rozdzielczości ekranu, orientacji wyświetlacza, kolorów, itd.

Jeśli chcesz sprawdzić czy twoja strona jest responsywna możesz to zrobić dzięki narzędziu Google do analizy wchodząc tutaj…

3) Grafika wektorowa SVG w przeglądarce

Grafika SVG nie na próżno jest wymieniana jako jeden z ważniejszych elementów web designu nowoczesnych stron. Grafika SVG umożliwia tworzenie dynamicznych efektów i elementów graficznych, które w przeciwieństwie do grafik we flashu odtwarzają się na mobilnych urządzeniach i są zgodne ze standardem HTML5.
Tworzenie grafik SVG jest możliwe w programach typu Adobe Illustrator, Corel czy darmowy Gimp.
Grafika SVG nie wymaga instalowania żadnego dodatkowego oprogramowania (jak np. w przypadku Javy czy Flash), szybko się ładuje gdyż obrazy tworzy czysty kod, posiada wysoką jakość grafiki i jest idealnie ostra bez względu na skalę powiększenia a przy tym działa na wszystkich przeglądarkach mobilnych systemów operacyjnych – Android, iOS, Windows Phone.

CDN…

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *