Projektowania Stron WWW: Praca z prototypem

Projektowanie w praktyce

Projektowanie nowoczesnych interfejsów stron WWW staje się zarazem coraz prostsze i coraz bardziej skomplikowane. Po pierwsze, mamy do dyspozycji genialne narzędzia takie jak Photoshop, Sketch, narzędzia do prototypowania oraz setki gotowych, świetnej jakości zasobów. Z drugiej strony jednak fragmentacja ekranów, zagadnienia związane z wyświetlaczami HiDPI i optymalizacją na nie grafik może przyprawić o ból głowy największego graficznego wyjadacza. Ten Kurs stanowi praktyczne rozwinięcie zagadnień omawianych w kursie Nowoczesny Webdesign o projekt, który wykonamy krok po kroku od procesu koncepcyjnego aż do cięcia gotowej grafiki.

Narzędzia oraz zasoby

Tworzenie layoutu krok po kroku

W kursie nastawimy się na praktykę. Jest on doskonałym uzupełnieniem teorii z kursu Nowoczesny Webdesign - tutaj jednak koncentrujemy się na wykorzystaniu dobrych praktyk począwszy od zebrania pomysłów, przez wireframe na papierze, prototypowanie na urządzeniu mobilnym, aż do projektowania w Photoshop i Illustrator oraz tworzenia interakcji z UX Pin.

Płynny proces tworzenia

Dzięki wykorzystaniu nowych technologii w projektowaniu dowiesz się jak zautomatyzować większość procesów projektowych - takich jak ustawianie odpowiedniego grida, praca w skali, przenoszenie zasobów między projektami czy aktualizowanie ich w jednym miejscu tak, aby zmiany widoczne były w całym projekcie.

Nowe ekrany HiDPI i eksport grafik

W kursie poznasz także narzędzia oraz techniki pracy zorientowane na dostarczenie jak najlepszych grafik także dla nowoczesnych wyświetlaczy, takich jak Retina. Dowiesz się jak łatwo wykorzystać potencjał nowych narzędzi eksportu w Photoshop oraz Adobe Extract, dzięki któremu zapomnisz o wycinaniu z pomocą przestarzałych metod takich jak plasterki.

Interakcje i funkcjonalne prototypy

Mobile first, RWD i testowanie

Projekt naszej witryny zorientujemy na podejście Mobile First, dzięki czemu uzyskamy w krótkim czasie szereg koncepcji, które postaramy się następnie zeskalować na większe ekrany - tablet i desktop. Postaramy się pracować tak, aby coraz większe ekrany oferowały więcej funkcjonalności dla użytkownika, a te mniejsze były zoptymalizowane pod pracę z ekranami dotykowymi.

Podsumowując, w trakcie kursu omówimy między innymi:

• Narzędzia w procesie koncepcyjnym
• Projektowanie grafiki w Photoshop i Illustrator
• Prototypowanie oraz tworzenie interakcji
• Projekt layoutu strony WWW krok po kroku
• Zastosowanie typografii i przydatne narzędzia
• Praca w oparciu o urządzenia i testowanie
• Eksport i optymalizacja grafik
• I wiele, wiele więcej!

Dla kogo jest ten kurs?

Kurs jest przeznaczony dla wszystkich osób, które chcą dowiedzieć się jak w praktyce wygląda projektowanie nowoczesnych interfejsów stron WWW. Zdecydowanie zalecamy wcześniejsze przerobienie kursu Nowoczesny Webdesign - kurs, który masz przed sobą jest jego praktycznym rozwinięciem. Wymagane są także podstawy Photoshopa lub innej aplikacji graficznej w której będziesz projektował layouty.