Web dizainas nuo nulio iki PRO – nemokami kursai iš Skillbox, mokymai, Data: 2023 m. lapkričio 29 d.

Figma nuo nulio iki PRO
Profesionaliu lygiu įvaldysite populiariausią interneto dizaino programą. Sužinokite, kaip kurti interaktyvius prototipus, perduoti dizainą kūrėjams ir sutaupyti laiko atliekant įprastines užduotis.

Susipažinimas su Figma
Suprasite sąsają ir pagrindinius programos nustatymus. Išmokite naudoti geometrines figūras, sluoksnius ir teksto laukus. Sukurkite savo pirmąjį prototipą.

„Figma“ pagrindiniai įrankiai

Sužinokite, kas yra rėmeliai ir kuo jie skiriasi nuo sluoksnių. Išmokite piešti paprastas figūras, pridėti spalvų, efektų ir teksto. Išmokite prototipų kūrimo pagrindus.

Piktogramos, iliustracijos ir paveikslėliai
Sužinokite, kaip sukurti savo piktogramas ir manipuliuoti vaizdais naudojant vidinius „Figma“ įrankius. Galite kurti dizaino maketus nuo nulio, nenaudodami trečiųjų šalių redaktorių.

Komponentai
Sužinokite, kaip kurti komponentus ir naudoti nustatymų skydelį. Sužinokite, kaip sukurti interaktyvius prototipus ir parodyti klientui, kaip žmonės naudosis būsima svetaine.

Komponentų bibliotekos ir bendrieji stiliai
Galite sukurti stilių bibliotekas ir vartotojo sąsajos rinkinį, kad standartizuoti sąsajos elementus. Išmokite sukurti tvarkingus maketus naudodami modulinius tinklelius.

Automatinis išdėstymas ir variantai
Suprasite, kaip derinti maketus į sistemą, naudojant funkciją Variantai. Sugebėsite kurti ir pritaikyti sudėtingus sąsajos elementus skirtingiems įrenginiams.

Sudėtingi kelių puslapių dokumentai
Išmokite dirbti su pagrindiniais ekranais ir sukurti puslapių medį. Pradėkite naudotis „Branches“ beta versijos funkcija. Suprasite, kaip organizuoti komandos darbą skirtingose ​​to paties išdėstymo versijose.

Papildomos funkcijos ir autorių bendruomenė
Sužinokite, kurie papildiniai padės greitai sukurti projektų juodraščius ir dirbti su redagavimu. Išmokite pridėti animaciją prie prototipų.

Maketo ruošimas kūrėjams
Galite parodyti kūrėjui techninius projekto aspektus ir komponentų kodą. Išmokite optimizuoti savo komandos darbą naudodami Figma Jam papildinį.

Web dizainas nuo nulio iki PRO
Pasinersite į interneto dizainerio profesiją. Sužinosite, kaip dirbti su projektu – nuo ​​pirmojo susitikimo su klientu iki baigtos svetainės. Išmokite sugalvoti kūrybingų idėjų ir remkitės UX tyrimais. Tobulinkite savo įgūdžius dizaino sprintais.

Supažindinimas su interneto dizainerio profesija
Sužinokite, kokias problemas sprendžia interneto dizaineriai ir kodėl šie specialistai yra tokie paklausūs. Susipažinkite su profesiniais terminais ir įrankiais.

Pirmas užsakymas: bendravimas su klientu ir techninės specifikacijos
Išmokite bendrauti su užsakovu: išsiaiškinkite projekto tikslus ir apribojimus, aptarkite rekomendacijas, planuokite terminus. Suprasite, kaip susidėlioti tinkamus lūkesčius iš darbo ir nežadėti per daug. Sudarykite technines specifikacijas.

Ieškoti idėjos
Suprasite, kaip stebėjimas padeda rasti geriausias dizaino idėjas. Išmokite analizuoti savo konkurentus, kurti nuotaikų lentas ir pasirinkti sėkmingas nuorodas savo projektui.

Moduliniai tinkleliai
Kiekvienas išdėstymas prasideda moduliniu tinkleliu. Susipažinsite su jo rūšimis ir išmoksite išsirinkti tinkamą. Sužinokite apie mobiliųjų ir pilnų versijų tinklelių niuansus.

Vertikalus ritmas
Išmokite valdyti vartotojų dėmesį kompetentingos kompozicijos ir vertikalaus ritmo pagalba. Sužinokite apie vizualinę hierarchiją ir supraskite, kokio dydžio turėtų būti kiekvienas puslapio elementas.

Tipografija
Išmokite pasirinkti šriftus ir derinti juos tarpusavyje. Suprasite, kaip sukurti efektyvų dizainą atsižvelgiant į tipografijos taisykles.

Sprintas 1
Brangus ir minimalistinis: kuriame nukreipimo puslapio dizainą pagal tipografiją

Tekstų užduotis sąsajose
Sužinokite apie sąsajų tekstų reikalavimus. Išmokite UX tekstų rašymo pagrindus. Galėsite modifikuoti tekstus taip, kad jie būtų suprantami vartotojams ir puikiai tilptų į maketą.

Spalvos, fonai ir šešėliai
Įvaldykite spalvų teoriją ir sužinokite apie jos funkcijas sąsajoje. Suprasite, kaip pasirinkti svetainės paletę ir išryškinti vartotojui svarbiausius elementus. Galite sukurti tikroviškus šešėlius mygtukams ir kitiems dizaino komponentams.

Kontrastas ir skaitomumas
Sužinokite, kaip vizualiai paryškinti svarbius puslapio blokus ir padaryti tekstą skaitomesnį. Susipažinsite su įtraukiojo dizaino principais ir gebėsite kurti svetaines plačiai auditorijai.

Pirmojo puslapio prototipas
Sukurkite vielinį rėmą – prototipą, kuriame pagrindinis dėmesys skiriamas struktūrai ir logikai, o ne vizualiniam dizainui. Įvaldykite du dizaino metodus: blokinį ir laisvąjį.

2 sprintas
UX rašymas: sukuriame nukreipimo puslapį ir ruošiame tekstus visiems sąsajos elementams.

Pirmojo puslapio ekranas
Susipažinkite su atominiu dizaino metodu, kuris pagreitins svetainės kūrimą. Iš pirmo ekrano suprasite, kaip patraukti vartotojų dėmesį. Išmokite sukurti vienodo stiliaus ir masto mygtukus, piktogramas, duomenų įvedimo laukus ir formas.

Naudotojų tyrimas: klientų kelionės žemėlapis ir naudotojo srautas
Sužinokite, kaip kuriant dizainą atsižvelgti į tikslinės auditorijos poreikius. Išmokite sukurti klientų kelionės žemėlapį ir naudotojo srautą, įvertinkite vartotojų elgesį kiekviename sąveikos su svetaine etape.

Navigacija
Suprasti navigacijos tipus. Suprasite, kokioms užduotims ir įrenginiams kiekviena iš jų tinka.

Pagrindinių blokų projektavimas
Išmokite kurti produktų korteles, slankiklius, blokus su privalumais, tarifais ir reklama. Sudėsite visavertį puslapį ir suprasite, kaip jį pateikti klientui. Gebėsite paaiškinti savo dizaino sprendimus, tinkamai priimti pakeitimus ir dirbti su klientų prieštaravimais.

Pritaikymas ir komponentai
Susipažinkite su responsive web dizainu ir jo principais. Pažvelkime į populiarius prisitaikančius tinklelius. Sužinokite, kaip sukurti aukštos kokybės mobiliąją svetainės versiją.

Sprintas 3
Pritaikome puslapio maketą kompiuteriui, planšetei ir mobiliajam telefonui.

Projekto pristatymas užsakovui
Sužinokite, kaip pristatyti projektą efektyviai ir suprantamai. Išmokite paaiškinti klientui savo sprendimus ir atsakyti į įprastus ar netikėtus klausimus.

Maketo perdavimas kūrėjams
Sudėliosite sluoksnius ir jų pavadinimus, sukursite paprastą elementų animaciją ir perėjimus tarp puslapių ir sukursite specifikaciją. Išmokite atlikti dizaino peržiūrą po maketavimo.

Sprintas 4
Įspūdingo portfelio metodai: atvejo kūrimas „Behance“.

Portfelio byla
Sužinosite, kas geriau reklamai – vizitinės kortelės svetainė ar portfelis dizaino platformose. Sužinokite, kaip kurti atvejus „Behance“, kad jūsų darbas būtų pastebėtas ir įvertintas. Sužinokite apie mokamus ir nemokamus reklamos metodus.

Papildomi moduliai

1. Sėkmingo darbo su klientu principai
2. Kur ieškoti užsakymų
3. Kaip dizaineriai dirba didelėse komandose

Baigimo projektas

Svetainės dizaino koncepcija
Pasirinkite vieną iš tikrų klientų ir sukurkite jų verslo svetainės dizainą. Naudokite pasakojimo principus kalbėdami apie savo darbą.