Projektant Ux/UI: strony profesjonalne - kurs 74 880 rub. z Uprock, szkolenie, data: 28 listopada 2023.

instagram viewer

TEORIA
PSYCHOLOGIA
ANALITYKA (UX)
PROJEKT WIZUALNY (UI)

Wstęp

W tym samouczku zrozumiesz różnicę między UX a UI oraz dlaczego są one nierozerwalnie powiązane. Omówimy czym jest interfejs i poruszymy temat klasyfikacji designu i stron internetowych. Dowiesz się, jakimi zasadami i w jakiej kolejności należy się kierować w procesie projektowania, otrzymasz zrozumieć, w jaki sposób użytkownicy przetwarzają dane, nauczyć się technik zarządzania swoją uwagą i emocje. Zastosowanie tej wiedzy pozwoli Ci stworzyć przyjazne dla użytkownika i intuicyjne interfejsy. Naucz się pracować w edytorze graficznym Figma i przejdź przez pierwsze etapy zanurzenia się w projektowaniu UX/UI.

• Zadania i umiejętności projektanta UX/UI
• Psychologia użytkownika
• Praca z Figmą (Pierwsze kroki) Praca z zestawem interfejsu użytkownika
• Podstawowy styl
• Adaptacyjny
• Rozwój obserwacji
• Animacja internetowa
• Elementy interfejsu/komponenty witryny
• Logika interfejsu
• Zasady nawigacji
• Badania

ANALITYKA (UX)
PROJEKT WIZUALNY (UI)

Tworzenie strony docelowej

Landing page narysujesz korzystając z algorytmów, których używamy w naszym studiu i z których możesz korzystać jako freelancer.

• Proces technologiczny
• Etap pierwszy: odprawa/zebranie informacji
• Etap drugi: Analiza konkurencji
• Etap trzeci: Prototypowanie
• Etap czwarty: Koncepcja wizualna
• Etap piąty: Przekazanie układów programistom

PROJEKT WIZUALNY (UI)

Siatki, kompozycje, szybkie koncepcje

Często w studiach trzeba narysować gotową koncepcję w 1 dzień, ten moduł będzie dobrym treningiem na Twoją szybkość. Dowiesz się czym jest logika wizualna, jakie są jej podstawowe zasady, jaka jest waga wizualna, jaki ma wpływ na kompozycję i równowagę wagę wizualną, czym są siatki modułowe, poradniki, jak poprawnie pracować z kolorem i typografią oraz utrwalić tę wiedzę w praktyce.

• Logika wizualna
• Kompozycja
• Siatki modułowe
• Przewodniki
• Typografia
• Podstawowe zasady pracy z czcionkami w Internecie
• Kolor
• Lekcja praktyczna nr 1
• Lekcja praktyczna nr 2

ANALITYKA (UX)
PROJEKT WIZUALNY (UI)

Sklep internetowy

Dowiesz się, jakie istnieją rodzaje sklepów internetowych, zrozumiesz, jak pracować z katalogami produktów, projektować i narysujesz pełnoprawny sklep internetowy, stworzysz wersje adaptacyjne i poszerzysz swoje portfolio o spektakularne sprawa.

• Proces technologiczny
• Etap pierwszy: odprawa/zebranie informacji
• Etap drugi: Analiza konkurencji
• Etap trzeci: Prototypowanie
• Etap czwarty: Koncepcja wizualna
• Etap piąty: Przekazanie układów programistom
• Formatowanie projektu do skrzynki w serwisie Behance

ANALITYKA (UX)
PROJEKT WIZUALNY (UI)

Strona korporacyjna

Poznasz możliwości jednego z najpopularniejszych typów stron internetowych – korporacyjnego. Zrozumiesz, jakie problemy rozwiązuje. Naucz się tworzyć strukturę i logikę korporacyjnej strony internetowej. Dowiedz się, w jakiej kolejności rysowane są strony. W efekcie stworzysz swój projekt i spakujesz go do etui na Behance.

• Proces technologiczny
• Etap pierwszy: odprawa/zebranie informacji
• Etap drugi: Analiza konkurencji
• Etap trzeci: Prototypowanie
• Etap czwarty: Koncepcja wizualna
• Etap piąty: Przekazanie układów programistom
• Formatowanie projektu do skrzynki w serwisie Behance

ANALITYKA (UX)
PROJEKT WIZUALNY (UI)

Strona z wiadomościami

Na prawdziwym przykładzie szczegółowo przeanalizujemy strukturę serwisów informacyjnych, przeanalizujemy zestaw wymaganych typów stron i zestaw bloków, z których się składa. W rezultacie stworzysz własny serwis informacyjny i opublikujesz go w serwisie Behance.

• Proces technologiczny
• Etap pierwszy: odprawa/zebranie informacji
• Etap drugi: Analiza konkurencji
• Etap trzeci: Prototypowanie
• Etap czwarty: Koncepcja wizualna
• Etap piąty: Przekazanie układów programistom
• Formatowanie projektu do skrzynki w serwisie Behance

ANALITYKA (UX)
PROJEKT WIZUALNY (UI)

Strona internetowa studia

Najciekawszy i najbardziej kreatywny typ witryn. Dowiesz się po co agencjom potrzebne są strony internetowe, jakie cele i zadania realizują. Zrozumiesz jaką wartość zyskuje klient odwiedzając stronę internetową agencji. Przyjrzymy się sposobom projektowania i renderowania stron dla tego typu witryn. W rezultacie będziesz mieć własny projekt, który opublikujesz na Behance.

• Proces technologiczny
• Etap pierwszy: odprawa/zebranie informacji
• Etap drugi: Analiza konkurencji
• Etap trzeci: Prototypowanie
• Etap czwarty: Koncepcja wizualna
• Etap piąty: Przekazanie układów programistom
• Formatowanie projektu do skrzynki w serwisie Behance

ANALITYKA (UX)
PROJEKT WIZUALNY (UI)

Strona portfolio

Dowiedz się do czego służy portal portfolio i jak może pomóc w budowaniu kariery i freelancingu. Dowiedz się, jakich typów stron potrzebujesz i jakie zadania rozwiązują. Przeanalizujemy wymagany zestaw bloków dla każdej strony. Narysujesz wersje desktopowe i adaptacyjne, a także ułożysz je w etui na Behance.

• Proces technologiczny
• Etap pierwszy: odprawa/zebranie informacji
• Etap drugi: Analiza konkurencji
• Etap trzeci: Prototypowanie
• Etap czwarty: Koncepcja wizualna
• Etap piąty: Przekazanie układów programistom
• Formatowanie projektu do skrzynki w serwisie Behance