Webdizajn 3.0 - bezplatný kurz od Skillboxu, školenie, Termín: 29. novembra 2023.

1. stupeň: Stážista

Naučíte sa, ako navrhovať sociálne siete a vytvárať slajdy pre prezentácie. Precvičíte si tiež navrhovanie dlhých textov, vstupných stránok a listov pre bulletiny. Úlohy, s ktorými budete pracovať:

Návrh reklamného bannera
Preskúmajte rôzne formáty bannerov a prípony súborov. Osvojte si najjednoduchšie techniky retušovania. Dozviete sa, ako zmeniť veľkosť rozloženia pre rôzne úlohy a upraviť veľkosť písma. Môžete vytvoriť kvalitný banner podľa zadania zákazníka.

Práca s vektorovou grafikou
Zistite, prečo weboví dizajnéri používajú vektorovú grafiku. Naučte sa s istotou pracovať s krivkami, vrstvami a nástrojmi na výber. Budete môcť farbiť čiernobiele ilustrácie, upravovať textové logá a usporiadať hotové vektorové kresby v rozložení.

Textová výzdoba
Naučte sa aplikovať kompozičné a typografické pravidlá, umiestňovať farebné akcenty a kvalitne navrhovať text na základe knihy značiek od zákazníka. Môžete nielen pracovať so vzhľadom textu, ale aj upravovať nadpisy tak, aby vyzerali atraktívne.

Prezentácie a vstupné stránky pre komerčné ponuky
Pochopíte, ako štruktúrovať veľké množstvo údajov a premeniť ich na krásny obrázok. Budete pracovať so zložitými typografickými prvkami: faktoidy, poznámky pod čiarou, skratky a päty. Naučte sa používať modulárne mriežky, ako aj techniky temporytmiky a psychológie farieb.

2. stupeň: Junior

Urobíte prvé kroky k návrhu viacstránkových webových stránok. Budete pracovať s galériami, registračnými formulármi, menu a ďalšími základnými prvkami rozhrania. Tu sú úlohy, ktoré na vás čakajú na tejto úrovni:

Vytvorenie vizuálneho konceptu stránky
Dozviete sa, z akých prvkov pozostáva viacstránkový web, ako regulovať úroveň vizuálneho šumu a riadiť pozornosť používateľa. Zoznámte sa s procesom tvorby webovej stránky od začiatku. Naučte sa štruktúrovať projekty vo Figme, vytvárať náladové tabule a komunikovať s dizajnérmi rozloženia. Pochopte právne aspekty dizajnu.

Vývoj UI súpravy
Naučte sa základné komponenty súpravy používateľského rozhrania a obľúbené štýly jej dizajnu. V rozložení zachováte vyváženosť farieb. Precvičíte si vytváranie dvojíc písiem a projektových štýlov. Môžete si vytvoriť vysokokvalitnú súpravu používateľského rozhrania na základe zákazníckej značky.

Dizajn hlavičiek, pätiek a menu
Pochopíte, aké fonty a farby sú vhodné pre tieto 3 prvky. Naučte sa formulovať nadpisy a CTA, vytvárať harmonickú kompozíciu a pracovať s grafikou.

Dizajn online vitrín a produktových kariet
Pochopíte mikroelementy galérie a formáty prezentácie produktov. Pochopíte, z čoho pozostáva jednoduchá karta a katalóg. Naučte sa zoskupovať prvky a usporiadať ich v užívateľsky príjemnom poradí.

Práca s registračným formulárom
Zistite, ako vytvoriť formuláre spätnej väzby, ktoré budete chcieť vyplniť. Naučte sa pracovať s farebnými kontrastmi a usporiadajte polia v správnom poradí.

Viacstránkový web s vitrínou
Naučte sa používať techniky rozprávania, grafiku a jednoduché špeciálne efekty v dizajne webových stránok. Pochopíte, ako zvýrazniť dôležité prvky bez toho, aby ste sa vymanili z celkového štýlu. Pripravte rozloženie webovej stránky na rozloženie.

Úroveň 3: Pre-stred

V tejto fáze vás čakajú najväčšie a najambicióznejšie úlohy: návrh internetového obchodu, firemnej webovej stránky a mobilnej aplikácie. Naučíte sa nielen kresliť krásne rozloženia, ale aj to, ako používať analytiku na vytváranie užívateľsky prívetivých a funkčných návrhov. Ak chcete úspešne dokončiť úroveň, musíte pracovať na týchto úlohách:

Dizajn katalógu produktov
Zoznámte sa s princípmi UX a UI dizajnu. Naučte sa používať metódu person na výber optimálnych dizajnových riešení. Zistite, čo je mobilná prvá metóda a kedy je vhodná. Budete schopní kompetentne vytvoriť strom produktov, nastaviť filtre a robiť pohodlné náhľady.

Dizajn karty s vetvami
Naučte sa zostavovať mapu cesty používateľa a analyzovať dizajn webových stránok konkurentov. Zistite, aké prvky potrebujete na vytvorenie prehľadnej a pohodlnej mapy pobočiek. Budete schopní správne umiestniť vizuálne akcenty.

Práca s komplexnými produktovými kartami
Pochopíte, ako vytvárať hypotézy pri vytváraní zložitých návrhov. Budete analyzovať štandardné a neobvyklé dizajnové riešenia a budete vedieť vytvoriť efektívne karty pre web zákazníka. Dozviete sa, ako vylepšiť dizajn pomocou animácie v After Effects, správne preniesť hotový prototyp vývojárom a vykonať A/B test.

Stránka pokladne
Naučte sa online nákupný proces a populárne marketingové techniky, ktoré vám pomôžu vytvoriť webovú stránku, ktorá predáva. Môžete si vytvoriť pohodlný dizajn formulára na potvrdenie objednávky pre počítač aj smartfón.

Komplexný registračný formulár
Zistite, čo motivuje používateľov k registrácii na stránkach. Zoznámte sa s hlavnými prvkami registračného formulára a naučte sa ich správne umiestniť do rozloženia.

Stránka s pokladňou doručenia
Skontrolujte povinné polia a ďalšie tlačidlá na stránke doručenia. Zistíte, na čo dizajnéri pri práci s touto sekciou stránky často zabúdajú a budete sa môcť vyhnúť chybám.

Osobná oblasť
Pochopíte, keď ľudia používajú osobné účty. Naučte sa krásne formátovať štatistiky o akciách používateľov na účely podávania správ zákazníkovi. Budete môcť skúmať skúsenosti zákazníkov a použiť ich na zlepšenie vášho dizajnu.

Práca s informáciami o objednávke
Môžete vytvoriť stránky s informáciami o objednávkach pre rôzne oblasti vášho podnikania. Pochopíte, ako tieto údaje ovplyvňujú správanie používateľov. Preskúmajte rôzne vizuálne riešenia a naučte sa pracovať s používateľskými informáciami.

Podpora dizajnu chatu
Zistite, čo treba zvážiť pri vytváraní četu. Naučte sa analyzovať prácu chatov na webových stránkach konkurentov, vyvarujte sa ich chybám a všimnite si dobré vlastnosti.

Jednoduchý ovládací panel stránky
Naučte sa pracovať s komplexnými údajmi potrebnými pre bežnú prevádzku admin panela. Ovládací panel môžete navrhnúť tak, aby bol pohodlný, zrozumiteľný a vyzeral dobre na každej obrazovke.

Stránka pre firemných klientov
Pochopíte, ako vám benchmarking pomôže pri výbere úspešných dizajnových riešení. Naučte sa pridať animáciu do svojho rozloženia, aby ste zákazníkovi jasne ukázali rozhranie.