Úvod do UX/UI: Design pro obrazovky
- Level
- Kapitol
- 47
- Kategorie
- Design a Video
- Hodnocení
- 4,9 z 5
- Délka
- 5h 37min
- Jazyk
- SK
Do hloubky o UX / UI designu. Rychle a srozumitelně.
Chceš se naučit efektivně tvořit aplikace a webové stránky? Nebo už nějaký čas programuješ a zajímá Tě, proč designéři nedají pokoj s úplnými maličkostmi? Začni tímhle kurzem Designu pro obrazovky. V kompaktní formě bez zbytečných řečí si představíme teoretické základy UI, UX a interakčního designu. Vše od pixelů, přes wireframy až po práci s pozorností uživatele. A celé to zabere jen jeden pracovní den.
Design pro obrazovky
Jsou lepší modré, nebo zelené buttony? Jak vytvořit poutavou animaci na Dribble? Jaký je rozdíl mezi UX designem a interakčním designem? To je úplně jedno. Tenhle kurz není o tom, jak v Sketch nebo Photoshopu založit nové plátno a nakreslit namakanou aplikaci. Naučíme se něco mnohem užitečnější: vysvětlíme si, co je design. Budeme mluvit o efektivním řešení problémů, historických kontextech a trochu i o budoucnosti celého odvětví. Projdeme mnoho témat od teorie počítačové grafiky, přes design uživatelských rozhraní, UX design až po interakci a trochu kódování. Tato videa by Tě měla nasměrovat správným směrem, pokud na vizitce máš už nějaký čas napsáno něco jako "designer" nebo "developer" a chceš se vývoji digitálních produktů věnovat více do hloubky. Zároveň je vše vysvětleno lidsky tak, aby to pochopili i úplní začátečníci.
Co se naučíš
První část je určena hlavně pro úplné začátečníky. Je to takový úvod do odvětví, do problematiky designu pro obrazovky a digitální produkty. V první části si tedy vysvětlíme:
- Kdo je to UI nebo UX designér a co je jejich úkolem?
- Jak se uplatnit na pracovním trhu v příštích 20 letech?
- Co jsou bitmapy, vektory, JPEG, PNG, SVG a tyto věci?
- Že Photoshop je na nic a vlastně design začíná kreslením diagramů.
- Proč je dobré naučit se programovat (a kódovat)?
- Jak vlastně fungují displeje: co jsou pixely a co body a co je retina a co je DPI?
V další části zůstaneme u fundamentálních témat, ale půjdeme již trochu více do hloubky:
- Hexadecimální a decimální kódy barev; jak souvisí s RGB modelem?
- Jak vybrat správné barvy: jaká je úloha barev v designu?
- Jak navodit feeling a dojem z designu; a proč je to důležité?
- Fonty! Jak vybrat písmo, co je serif a co je to H1 nadpis
- UI je metafora reálného světa a při animacích třeba přemýšlet
- Co najdeme v designové dokumentaci od Apple a Google
Třetí část je o informační architektuře a produktovém myšlení:
- Každá appka nebo web má svůj účel.
- Jak navrhnout strukturu aplikace?
- Uživatelské testování: jak udělat dobrou navigaci?
- Jak psát dobré texty?
- Něco o personach a metodologii „Jobs to be done“.
Co by to byl za designový kurz bez wireframov:
- Co je wireframe, na co ho používáme?
- Jak se dělá webová stránka: co je potřeba vědět o kódování?
- Jak přizpůsobit obsah různým displejům?
A nakonec si povíme i něco o tom, jak vytvářet pěkný design:
- Velké a malé gridy.
- Fittovo pravidlo a velikost elementů na displeji.
- Jak pracovat s prazno prostorem.
- Jak upoutat pozornost uživatele.
- Psychologické principy; tipy a triky v designu.
- Jak správně nakreslit tlačítko.
- Navigace na desktopech a telefonech.
- Jaký je rozdíl mezi modálním a nemodálním oknem a jak je použít.
- Jak navrhnout formulář tak, aby fungoval.
Co všechno dostaneš
- videotutoriály o UX a UI designu,
- moderované diskusní fórum,
- garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem,
- certifikát o absolvování kurzu UX/UI Design pro obrazovky.
Kapitoly online kurzu
"Urobíme si nejaké to UX." LOL (8)
Ukázka zdarma
3:33
Ukázka zdarma
5:40
Ukázka zdarma
2:38
Ukázka 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
Hodnocení
3
Kurzy
Hodnocení studentů
Hodnocení od studentů zapsaných v kurzu na Skillmea.
4,9 z 5
· 99 hodnocení
