Spletno oblikovanje od nič do PRO - brezplačen tečaj iz Skillboxa, usposabljanje, Datum: 29. november 2023.

Figma iz nič v PRO
Najbolj priljubljen program za oblikovanje spletnih strani boste obvladali na profesionalni ravni. Naučite se ustvariti interaktivne prototipe, predati načrte razvijalcem in prihraniti čas pri rutinskih opravilih.

Spoznavanje Figme
Razumeli boste vmesnik in osnovne nastavitve programa. Naučite se uporabljati geometrijske oblike, plasti in besedilna polja. Izdelajte svoj prvi prototip.

Osnovna orodja Figma
Naučite se, kaj so okvirji in kako se razlikujejo od slojev. Naučite se risati preproste oblike, dodajati barve, učinke in besedilo. Naučite se osnov izdelave prototipov.

Ikone, ilustracije in slike
Naučite se ustvariti lastne ikone in manipulirati s slikami z uporabo Figminih notranjih orodij. Oblikovalske postavitve lahko naredite iz nič brez uporabe urejevalnikov tretjih oseb.

Komponente
Naučite se ustvarjati komponente in uporabljati ploščo z nastavitvami. Naučite se izdelati interaktivne prototipe in stranki pokažite, kako bodo ljudje uporabljali prihodnjo stran.

Knjižnice komponent in skupni slogi
Ustvarite lahko knjižnice slogov in UI Kit za standardizacijo elementov vmesnika. Naučite se ustvariti lične postavitve z uporabo modularnih mrež.

Samodejna postavitev in različice
Razumeli boste, kako združiti postavitve v sistem z uporabo funkcije Variants. Ustvarili in prilagodili boste lahko kompleksne elemente vmesnika za različne naprave.

Zapleteni večstranski dokumenti
Naučite se delati z osnovnimi zasloni in ustvarite drevo strani. Začnite s funkcijo Branches beta. Razumeli boste, kako organizirati delo skupine na različnih različicah iste postavitve.

Dodatne funkcije in skupnost avtorjev
Ugotovite, kateri vtičniki vam bodo pomagali hitro ustvariti osnutke projektov in delati z urejanji. Naučite se dodati animacijo prototipom.

Priprava postavitve za razvijalce
Razvijalcu lahko pokažete tehnične vidike projekta in kodo komponent. Naučite se optimizirati delo svoje ekipe z uporabo vtičnika Figma Jam.

Spletno oblikovanje od nič do PRO
Poglobili se boste v poklic spletnega oblikovalca. Naučili se boste delati na projektu – od prvega srečanja z naročnikom do končane spletne strani. Naučite se oblikovati ustvarjalne ideje in črpati iz raziskav UX. Izpopolnite svoje veščine z oblikovalskimi sprinti.

Uvod v poklic spletnega oblikovalca
Ugotovite, katere težave rešujejo spletni oblikovalci in zakaj so ti strokovnjaki tako iskani. Seznanite se s strokovnimi izrazi in orodji.

Prvo naročilo: komunikacija s stranko in tehnične specifikacije
Naučite se komunicirati s stranko: ugotovite cilje in omejitve projekta, se pogovorite o referencah, načrtujte roke. Razumeli boste, kako postaviti prava pričakovanja od dela in ne obljubljati preveč. Pripravite tehnične specifikacije.

Poiščite idejo
Razumeli boste, kako vam opazovanje pomaga najti najboljše oblikovalske ideje. Naučite se analizirati svoje konkurente, ustvariti deske razpoloženja in izbrati uspešne reference za svoj projekt.

Modularne mreže
Vsaka postavitev se začne z modularno mrežo. Seznanili se boste z njegovimi vrstami in se naučili izbrati pravega. Spoznajte nianse mrež za mobilne in polne različice.

Vertikalni ritem
Naučite se nadzorovati pozornost uporabnikov s pomočjo kompetentne kompozicije in navpičnega ritma. Spoznajte vizualno hierarhijo in razumejte, kakšna velikost mora biti vsak element na strani.

Tipografija
Naučite se izbrati pisave in jih med seboj kombinirati. Razumeli boste, kako ustvariti učinkovit dizajn ob upoštevanju pravil tipografije.

Sprint 1
Drago in minimalistično: oblikujemo ciljno stran na podlagi tipografije

Naloga besedil v vmesnikih
Spoznajte zahteve za besedila za vmesnike. Naučite se osnov UX pisanja besedil. Besedila boste lahko spreminjali tako, da bodo uporabnikom razumljiva in se popolnoma prilegajo postavitvi.

Barve, ozadja in sence
Obvladajte teorijo barv in spoznajte njene funkcije v vmesniku. Razumeli boste, kako izbrati paleto za spletno stran in izpostaviti elemente, ki so za uporabnika najpomembnejši. Ustvarite lahko realistične sence za gumbe in druge komponente oblikovanja.

Kontrast in berljivost
Naučite se vizualno poudariti pomembne bloke na strani in narediti besedilo bolj berljivo. Seznaniti se z načeli inkluzivnega oblikovanja in biti sposoben izdelati spletne strani za široko publiko.

Prototip prve strani
Ustvarite žični okvir – prototip, ki se osredotoča na strukturo in logiko, ne pa na vizualno zasnovo. Obvladajte dva pristopa oblikovanja: block in freestyle.

Sprint 2
UX pisanje: izdelamo pristajalno stran in pripravimo besedila za vse elemente vmesnika.

Zaslon prve strani
Spoznajte metodo atomic design, ki bo pohitrila izdelavo spletne strani. Razumeli boste, kako pritegniti pozornost uporabnikov že na prvem zaslonu. Naučite se ustvarjati gumbe, ikone, polja za vnos podatkov in obrazce v doslednem slogu in merilu.

Raziskava uporabnikov: Zemljevid poti strank in tok uporabnikov
Naučite se, kako pri oblikovanju upoštevati potrebe vaše ciljne publike. Naučite se ustvariti Customer Journey Map in User Flow, ocenite vedenje uporabnikov na vsaki stopnji interakcije s spletnim mestom.

Navigacija
Razumeti vrste navigacije. Razumeli boste, za katere naloge in naprave je vsak od njih primeren.

Oblikovanje glavnih blokov
Naučite se ustvarjati kartice izdelkov, drsnike, bloke z ugodnostmi, tarifami in oglaševanjem. Sestavili boste polnopravno stran in razumeli, kako jo predstaviti stranki. Znali boste pojasniti svoje oblikovalske odločitve, ustrezno sprejeti popravke in delati z ugovori strank.

Prilagodljivost in komponente
Spoznajte odzivno spletno oblikovanje in njegove principe. Oglejmo si priljubljene prilagodljive mreže. Naučite se narediti kakovostno mobilno različico spletnega mesta.

Sprint 3
Izgled strani prilagodimo za računalnik, tablico in mobilni telefon.

Predstavitev projekta stranki
Naučite se predstaviti projekt v učinkoviti in razumljivi predstavitvi. Naučite se stranki razložiti svoje rešitve in odgovoriti na tipična ali nepričakovana vprašanja.

Prenos postavitve na razvijalce
Vrstili boste sloje in njihova imena, ustvarili preprosto animacijo elementov in prehodov med stranmi ter izdelali specifikacijo. Naučite se opraviti pregled dizajna po postavitvi.

Šprint 4
Tehnike za impresiven portfelj: ustvarjanje primera na Behance.

Primer za portfelj
Ugotovili boste, kaj je bolje za promocijo - spletno mesto vizitke ali portfelj na oblikovalskih platformah. Naučite se ustvarjati primere na Behance, da bo vaše delo opaženo in cenjeno. Spoznajte plačljive in brezplačne metode promocije.

Bonus moduli

1. Načela uspešnega dela s stranko
2. Kje iskati naročila
3. Kako oblikovalci delajo v velikih timih

Diplomski projekt

Koncept oblikovanja spletne strani
Izberite eno od pravih strank in razvijte zasnovo spletnega mesta za njihovo podjetje. Za pogovor o svojem delu uporabite načela pripovedovanja zgodb.