Úvod do UX/UI: Dizajn pre obrazovky
- Level
- Kapitol
- 47
- Kategória
- Dizajn a Video
- Hodnotenie
- 4,9 z 5
- Dĺžka
- 5h 37min
- Jazyk
- SK
Do hĺbky o UX / UI dizajne. Rýchlo a zrozumiteľne.
Chceš sa naučiť kresliť aplikácie a webové stránky? Alebo už nejaký čas programuješ a zaujíma ťa, prečo dizajnéri nedajú pokoj s úplnými hlúposťami? Začni týmto kurzom.
V kompaktnej forme bez zbytočných rečí si predstavíme teoretické základy UI, UX a interakčného dizajnu. Všetko od pixelov, cez wireframy až po prácu s pozornosťou užívateľa. A celé to zaberie jeden pracovný deň.
Online kurz Základy UX/UI: Dizajn pre obrazovky
Sú lepšie modré alebo zelené gombíky? Ako spraviť krásnu animáciu na Dribbble? Aký je rozdiel medzi UX dizajnom a interakčným dizajnom?
To je úplne jedno.
Tento kurz nie je o tom, ako v Sketchi alebo Photoshope založiť nové plátno a nakresliť namakanú aplikáciu. Naučíme sa niečo oveľa užitočnejšie: vysvetlíme si, čo je dizajn. Budeme sa rozprávať o efektívnom riešení problémov, historických kontextoch a trochu aj o budúcnosti celého odvetvia. Prejdeme veľa tém od teórie počítačovej grafiky, cez dizajn užívateľských rozhraní, user experience dizajn až po interakcie a trochu kodériny.
Tieto videá by ťa mali nasmerovať správnym smerom ak na vizitke máš už nejaký čas napísané niečo ako “designer” alebo “developer” a chceš sa vývoju digitálnych produktov venovať viac do hĺbky. Zároveň je všetko vysvetlené v ľudskej reči tak, aby to pochopili aj úplní začiatočníci.
Čo sa naučíš
Prvá časť je určená hlavne pre úplných začiatočníkov. Je to taký úvod do odvetvia, do problematiky dizajnu pre obrazovky a digitálne produkty. A teda, prejdeme si:
- Kto je to UI alebo UX dizajnér a čo je ich úlohou
- Ako sa uplatniť na pracovnom trhu v najbližších 20 rokoch
- Čo sú bitmapy, vektory, JPEG, PNG, SVG a tieto veci
- Že Photoshop je na nič a vlastne dizajn začína kreslením diagramov
- Prečo je dobré naučiť sa programovať (a kódovať)
- Ako vlastne fungujú displeje: čo sú pixely a čo body a čo je retina a čo je DPI
V ďalšej časti ostaneme pri fundamentálnych témach, no pôjdeme už trochu viac do hĺbky:
- Hexadecimálne a decimálne kódy farieb; ako súvisia s RGB modelom?
- Ako vybrať správne farby: aká je úloha farieb v dizajne?
- Ako navodiť feeling a dojem z dizajnu; a prečo je to dôležité?
- Fonty! Ako vybrať písmo, čo je serif a čo je to H1 nadpis
- UI je metafora reálneho sveta a pri animáciách treba rozmýšľať
- Čo nájdeme v dizajnovej dokumentácii od Apple a Google
Tretia časť je o informačnej architektúre a produktovom myslení:
- Každá appka alebo web má svoj účel
- Ako navrhnúť štruktúru aplikácie
- Užívateľské testovanie: ako urobiť dobrú navigáciu
- Ako písať dobré texty
- Niečo o personách a metodológii Jobs to be done
Čo by to bol za dizajnový kurz bez wireframov:
- Čo je wireframe, na čo ho používame
- Ako sa robí webová stránka: čo treba vedieť o kódovaní
- Ako prispôsobiť obsah rôznym displejom
Niečo o tom, ako kresliť pekný dizajn:
- Veľké a malé gridy
- Fittovo pravidlo a veľkosť elementov na displeji
- Ako pracovať s prázdnym priestorom
- Ako upútať pozornosť užívateľa
- Nejaké psychologické princípy; tipy a triky v dizajne
- Ako správne nakresliť tlačidlo
- Niečo o navigácii na desktopoch a telefónoch
- Aký je rozdiel medzi modálnym a nemodálnym oknom a ako ich použiť
- Ako navrhnúť formulár tak, aby fungoval
Čo všetko dostaneš
- videotutoriály o UX a UI dizajne,
- moderované diskusné fórum,
- garancia vrátenia peňazí do 14 dní v prípade nespokojnosti s kurzom,
- certifikát o absolvovaní kurzu UX/UI Dizajn pre obrazovky.
Kapitoly online kurzu
"Urobíme si nejaké to UX." LOL (8)
Ukážka zdarma
3:33
Ukážka zdarma
5:40
Ukážka zdarma
2:38
Ukážka zdarma
4:19
#05: Pixely, alfa kanály a euklidovská geometria
8:41
#06: Euklides by použil vektor
6:48
#07: Nákupný zoznam pre tvoj torrent klient
7:35
#08: Framer je najlepšia vec na svete. A niečo o analytike
5:59
Proseminár teoretickej displejológie (2)
#09: Ono sa to nevolá "screen design" pre nič za nič
5:55
#10: Bod je tvoj nový imaginárny kamarát
5:21
Started from the bottom (8)
#11: O červenej, zelenej modrej a aj fialovej alebo oranžovej
9:07
#12: Prečo má Instagram čiernobiele UI?
9:06
#13: O obdĺžnikoch, zaoblených rohoch a tieňoch
7:40
#14: Tieň má svoju tienistú stránku
5:31
#15: Mama má Emu. Ema má Helveticu
8:49
#16: \<h1>Čo je toto?</h1>
5:56
#17: O animácii, ízingoch a rôznych verziách minulosti
7:39
#18: Čo sa môžeme naučiť od Mickeyho?
6:30
Poď, prečítame si dokumentáciu (2)
#19: O tom, ako si pozerám Human Intarface Guidelines
9:24
#20: V tomto videu skrolujem cez Material Design
9:49
Toto môžeš preskočiť (2)
#21: NEPOVINNÉ: O dizajnových deadly skilloch a o tom, čo to tu vlastne robíme
19:49
#22: NEPOVINNÉ: Deadly skillz vol. 2
3:53
Stručný úvod do informačnej architektúry (3)
#23: O tom, že dizajn nezačína kreslením a že všetko má účel
5:56
#24: O plynutí užívateľa tvojim produktom
6:08
Síce nevyzerajú, ale tieto videá sú o dizajne (2)
#26: BONUS: Hádaj, čo je najdôležitejším obsahom na webe
7:24
#27: O napĺňaní veľkých potrieb a o tom, prečo sme všetci HR-isti
9:56
Drôtené modely voláme wireframes (3)
#28: O drôtoch, kaskádach a o tom, že všetko je vlastne obdĺžnik
5:53
#29: Web je len textový dokument v ktorom sú tabuľky
6:12
#30: O responzivite a dizajnovom masochizme
7:17
Toto sa volá defenzívny dizajn (1)
#31: Keď sa nedarí a všetko je zle a je zima a ja som hladný
6:49
Úvod do praktickej layoutológie (6)
#32: Neuveriteľné! Slovák urobil TOTO a zrazu kreslí pekné dizajny!
8:48
#33: Programátori sú leniví a tak nejak celkovo čudní (Clickbait)
4:24
#34: Záhada čísla 8
9:52
#35: O tom, že rohy sú nekonečne široké a ako si nevykĺbiť palec
8:45
#36: O prázdnom priestore a berlínskej psychologickej škole
8:43
#37: Zase o textoch, ale tentokrát zase ešte trochu inak
7:02
Hurá! Konečne videá o tom bájnom UX (9)
#38: Úvod do úvodu do User Experience dizajnu a také veci
3:07
#39: Ako prinútiť človeka, aby sa pozrel tam, kde chceš ty
7:10
#40: Pár divných termínov, ktoré ti pomôžu robiť dobrý dizajn
6:02
#41: Affordance a všetko čo s tým súvisí
6:06
#42: O lištách, omrvinkách a o tom, ako sa proste nestratiť
8:45
#43: O rozhovoroch, módoch, nemódoch a kolotočoch
8:40
#44: Hviezdičky, polia, čekboxy. A ako to nepototo
9:44
#45: UX Dark Patterns. Čo to je a prečo to nebudeš robiť
5:46
#46: Užívateľské testovanie je základ dobrého dizajnu
7:25
Posledné video (1)
#47: Ešte niekoľko viet na koniec dňa
7:28
Lektor online kurzu
Roman Pittner
UX / UI
Moje meno je Roman a som dizajnér. UX-ák, grafik, produkťák, UI guru, alebo ako sa to tento týždeň volá.Svoje dni trávim tým, že sa snažím pomáhať rôznym ľuďom s vývojom digitálnych produktov, ako sú napríklad webové a mobilné aplikácie.
Moje portfolio nájdeš tu.
Čo ja viem čo ešte. Možno nejaké suché životopisové údaje: takže, všetko toto robím cca 10 rokov; začínal som web dizajnom, potom reklamka, art direction, UX dizajn & developer team lead, najnovšie produktový dizajn.
Ľúbim Sketch, ale trochu sa vyznám aj v kóde a programovaní.
Hej a som vyštudovaný psychológ, takže viem, na čo práve myslíš!
4,9
Hodnotenie
3
Kurzy
Hodnotenia študentov
Hodnotenia od študentov zapísaných v kurze na Skillmea.
4,9 z 5
· 99 hodnotení
