User Interface (UI) + User Experience (UX)

UI: pro­ces tworzenia pro­duk­tów inter­ak­ty­wnych, respon­sive web design, adap­tive web design, mobile first, break­point, pro­jek­towanie pod dotyk, architek­tu­ra infor­ma­cji, wire­frame, tworze­nie inter­ak­ty­wnego pro­to­ty­pu w Adobe XD

UX: pro­jek­towanie pod użytkown­i­ka, tworze­nie per­sony, mapa doświad­czeń użytkown­i­ka, charak­terysty­ka badań UX jakoś­ciowych i iloś­ciowych

38

ćwiczenia kon­cep­cyjne

Figma – gen­erowanie dynam­icznych inter­fe­jsów

Interface aplikacji, narzędzia tek­stowe, ksz­tał­ty, obrysy, impor­towanie ilus­tracji ras­trowych, mas­ki, plug­iny, tworze­nie design sys­temów, bib­liote­ki kolorów, gra­di­en­tów i stylów tek­stowych, kom­po­nen­ty, pro­jek­towanie inter­fe­jsów z dostar­c­zonych mate­ri­ałów, respon­sy­wne lay­outy, wstęp do pro­to­ty­powa­nia, włas­ny pro­jekt respon­sy­wnej strony inter­ne­towej

44

kom­put­ery

WordPress z ele­men­ta­mi SEO

CMS, host­ing, dom­e­na, kokpit, moty­wy i wty­cz­ki, edy­to­ry tek­stowe Gutenberg, Elementor, szablony blokowe, pro­jekt strony pizzerii, head­er, menu, gen­erowanie tek­stu, slid­ery, kotwice, lin­ki, stop­ka, wid­gety, dodawanie mediów, ele­men­ty ani­macji, pro­jekt stron fit­ness i stu­dia foto, blog, mapa Google, ele­men­ty respon­sy­wne, for­mu­la­rz kon­tak­towy, wty­cz­ka YoastSEO, pod­stawy WooCommerce

38

kom­put­ery

Grafika na stronach www Photoshop i Illustrator

Photoshop: narzędzia, ilus­trac­je bitmapowe, ele­men­ty i warst­wy, selekc­je, przyci­nanie, kolor, przezroczys­tość, retusz, edy­towanie kolaży i banerów inter­ne­towych w RGB, sla­jder, ani­mac­ja inter­ne­towa

Illustrator: narzędzia, edy­c­ja wek­torowych ikonek, logo­typów, wykresów, rysunków, mody­fikowanie grafi­ki, dodawanie tek­stu, kolor, gra­di­en­ty, edy­c­ja plików w RGB

22

kom­put­ery

Podstawy Webflow

dla kogo pro­jek­towanie no-code, możli­woś­ci, zale­ty i wady tej plat­formy, szablony, funkc­je, posługi­wanie się edy­torem “Przyciągnij i puść”, SEO w Webflow, ćwiczenia w edy­towa­niu obiek­tów staty­cznych i inter­ak­ty­wnych

22

kom­put­ery

Tworzenie stron inter­ne­towych w HTML5 i CSS3

pod­stawy HTML, tworze­nie tek­stu, umieszczanie mul­ti­mediów, stosowanie odnośników, kotwic, tabel, for­mu­la­rzy, tagów, pod­stawy CSS, atry­bu­ty, układ, struk­tu­ra, ele­men­ty blokowe i lin­iowe, tech­ni­ki pozy­cjonowa­nia, box mod­el, selek­to­ry CSS, respon­sive web design z wyko­rzys­taniem media queries, ani­mac­je, trans­for­ma­c­je

33

kom­put­ery

Wykonanie port­fo­lio web design­era

kon­sul­tac­je i prezen­tac­ja pro­jek­tu

3

ćwiczenia

Razem

200