Masz już konto? Zaloguj się

Kurs Projektowania Stron WWW

Kurs, który masz przed soba jest uzupelnieniem i praktycznym rozwinieciem kursu Nowoczesny Webdesign. Zdecydowanie zalecamy obejrzenie kursu Nowoczesny Webdesign w pierwszej kolejnosci. Witaj w praktycznym kursie Projektowania Stron WWW, gdzie na przestrzeni 6 godzin materialów wideo dowiesz sie, jak przygotowac, krok po kroku, funkcjonalny layout serwisu WWW. W kursie omówimy zagadnienia zwiazane z uzytecznoscia oraz praca koncepcyjna a takze z pomoca narzedzi takich jak Photoshop, Illustrator, UX Pin czy Invision stworzymy funkcjonalny prototyp i layout strony WWW. Jesli zajmujesz sie projektowaniem stron i chcesz poznac nowoczesne techniki tworzenia layoutów - nie mogles lepiej trafic

39 lekcji

5h 48min

4 (3 oceny)

Projektowania Stron WWW - UI/UX w Praktyce

Kurs, który masz przed soba jest uzupelnieniem i praktycznym rozwinieciem kursu Nowoczesny Webdesign. Zdecydowanie zalecamy obejrzenie kursu Nowoczesny Webdesign w pierwszej kolejnosci. Witaj w praktycznym kursie Projektowania Stron WWW, gdzie na przestrzeni 6 godzin materialów wideo dowiesz sie, jak przygotowac, krok po kroku, funkcjonalny layout serwisu WWW. W kursie omówimy zagadnienia zwiazane z uzytecznoscia oraz praca koncepcyjna a takze z pomoca narzedzi takich jak Photoshop, Illustrator, UX Pin czy Invision stworzymy funkcjonalny prototyp i layout strony WWW. Jesli zajmujesz sie projektowaniem stron i chcesz poznac nowoczesne techniki tworzenia layoutów - nie mogles lepiej trafic

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.

Czego się nauczysz?

  • Narzedzia w procesie koncepcyjnym

  • Projektowanie grafiki w Photoshop i Illustrator

  • Prototypowanie oraz tworzenie interakcji

  • Projekt layoutu strony WWW krok po kroku

  • Zastosowanie typografii i przydatne narzedzia

  • Praca w oparciu o urzadzenia i testowanie

  • Eksport i optymalizacja grafik

  • I wiele wiecej!

Zawartość

Projektowania Stron WWW

11 rozdziały 39 lekcji 5h 48min

  • Wstęp

    8min

    Wprowadzenie

    Podgląd lekcji

    4min

    Proces tworzenia stron WWW

    4min

  • Praca koncepcyjna

    40min

    Koncepcja i skojarzenia

    10min

    Użytkownicy witryny

    5min

    Cele strony WWW

    6min

    Architektura informacji

    7min

    Mapa witryny

    5min

    Markdown i projektowanie w tekście

    8min

  • Tworzenie logotypu

    44min

    Inspiracje do logotypu

    8min

    Logo - szkicowanie

    5min

    Import plików do Illustrator

    10min

    Detale logotypu

    12min

    Praca z Adobe Comp

    9min

  • Wireframe i urządzenia mobilne

    34min

    Szkic wireframe

    3min

    Tworzymy wireframe

    12min

    Testy na urządzeniu

    8min

    Praca z prototypem

    10min

  • Typografia

    25min

    Typografia w projekcie

    12min

    Style tekstu

    13min

  • Organizacja bibliotek

    26min

    Organizacja warstw

    13min

    Atomy i biblioteki

    Podgląd lekcji

    8min

    Praca z bibliotekami

    6min

  • Tworzymy Wireframe

    39min

    Widok tabletowy

    16min

    Tworzymy footer

    4min

    Widok desktopowy

    12min

    Gotowy wireframe

    7min

  • Interaktywne prototypy

    43min

    Interakcje i layer comps

    11min

    Praca z UX Pin

    14min

    Prototypy w InVision

    Podgląd lekcji

    7min

    InVision - interakcje

    11min

  • Inspiracje i Stylistyka

    26min

    Inspiracje od stylistyki

    13min

    Inspiracje i zbieranie zasobów

    13min

  • Praca z grafiką

    37min

    Praca z tłem dla strony

    13min

    Pozostałe elementy graficzne

    6min

    Style atomów

    10min

    Praca z bibliotekami

    8min

  • Omówienie projektów

    26min

    Omówienie strony głównej

    5min

    Widoki mobile

    7min

    Eksport grafiki

    14min

Autor kursu

Grzegorz Róg

**Idea Architect**

Średnia ocen autora: 5

Bio
Od wielu lat projektuje serwisy internetowe, dużą wagę przykładając do ich funkcjonalności a także skutecznych technik promocji. Swoje umiejętności praktyczne zdobywa projektując grafikę oraz strony www dla wiodących polskich i zagranicznych agencji reklamowych. Współpracuje między innymi z Adobe, Microsoft, Wacom. Jako trener i spiker prowadzi szkolenia oraz eventy i warsztaty. Posiada szereg uprawnień i certyfikatów eksperckich.

W wolnych chwilach stara się przekazać Ci całą praktyczną wiedzę, pasję i doświadczenie. Zapraszamy do kursu - gwarantujemy, że ta świetna zabawa przyniesie Ci mnóstwo satysfakcji!
Inne kursy tego autora
Wypuszczanie Produktów i Startupów na Rynek Budowanie Startupu Strony WWW z SystemFlow Webflow Webflow

Dołącz do ponad 10 tys. zadowolonych z naszych kursów

Łukasz Dragon

2 lipca 2021

Ariel Sznurek

6 sierpnia 2021

Moim zdaniem wypadałoby skorygować kurs i usunąć z niego aplikacje, które już od dawna nie są wspierane oraz rozwijane(, np AdobeComp. Jest to strata czasu dla osoby, która się uczy oraz działa silnie demotywująco do kontynuowania nauki. Skoro raz, drugi czy trzeci uczę się czegoś i na koniec wychodzi, że na nic mi się to nie przyda - działa to też na zasadzie, że ktoś tu jest niepoważny, tj. mocno uderza w wizerunek eduweb

Dariusz Figura

9 maja 2024

Kurs Projektowania Stron WWW

  • 39 lekcji wideo

  • 5h 48min materiału

  • Ostatnia rewizja 12.05.2020

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych

Dlaczego wybrać właśnie ten kurs?

Efektywna nauka

Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!

Wiedza ekspertów

Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.

Praktyczne przykłady

Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Pytania i odpowiedzi

Przeczytaj najczęściej zadawane pytania

Masz więcej pytań?

Porozmawiaj z nami na na czacie

Wyślij nam e-mail

Zadzwoń +48 880880606

Czy każdy kurs ma pliki źródłowe?

Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.

Jak jest skonstruowany kurs?

Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.

Jak najlepiej wykorzystać kurs?

Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!

Jak mogę uzyskać dostęp do kursu?

Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.

Czy kurs jest aktualny?

Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.

Czym się różni kurs od warsztatu i ścieżki?

Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.

Moi znajomi coraz częściej pytają: 'Jak nauczyć się UX?'. Praktycznie każdy kto chce zacząć jest przytłoczony ilością wiedzy, narzędzi pracy oraz jak to wszystko wykorzystać w swojej pracy. Swoim znajomym zawsze polecam eduweb, ponieważ pozwala krok po kroku zrozumieć świat UX od A do Z. Na platformie znajdziesz także bardziej zaawansowane techniki, które zaoszczędzą Ci dziesiątki, a może i setki godzin w pracy. Nie ucz się na swoich błędach - wykorzystaj wiedzę osób, które zrobiły to za Ciebie

Kamil Tatol

Product Design Lead, Pioner Labs

Zacznij naukę w Projektowania Stron WWW

  • 39 lekcji wideo

  • 5h 48min materiału

  • Ostatnia rewizja 12.05.2020

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych