Sketch az A-tól Z-ig: Legyél UI tervező

Návod na kreslení - staň se designérem UI a UX.

Jazyk: Němčina

Návod k tvorbě skice – staň se designérem uživatelského rozhraní a uživatelské zkušenosti.

Sketch je efektivní a intuitivní nástroj, s nímž vytváříš prototypy webových projektů. Pomocí UI- a UX-software vytváříš dynamická uživatelská rozhraní pro webové stránky a aplikace. Klíčovou výhodou je, že díky tomu, že se designy řídí pravidly webového designu, poskytuješ vývoji přímo použitelný výsledek. Seznam se s Sketchem v tomto přes pětihodinovém tutoriálu od Luca Kiedrowskiho, který tě prakticky provede od konceptu přes prototyp až k plně navržené webové rozhraní.

Staň se UI- a UX-designérem: Vytvářej uživatelská rozhraní pro webové stránky a aplikace pomocí programu Sketch.
Pro rychlý start: Získej základy pro práci se Sketch, UI- a UX-designem.
Pro tvůj postup: Nauč se pokročilé designové techniky, jako jsou booleovské operace.
Praktický tutoriál: Vytvořte moderní uživatelské rozhraní na příkladu aplikace
Lepší týmová spolupráce s vývojáři: Dejte jim přímo prototypy schopné rozvoje do ruky
Pochop koncept UI a UX během 5 hodin: Tréner Luca Kiedrowski ukazuje příklady osvědčených postupů.
Tak zůstává naučené v paměti: Včetně pracovních materiálů k zapojení.

Také Google a Apple sází na Sketch - udělej to jako velcí a nauč se nyní, jak jednoduše vytvářet krásné, uživatelsky přívětivé a navíc připravené na vývoj UI designy.

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

podrobnosti

Použitelné s:
Obsah: 5 h Video-Trénink
Licence: soukromá a komerční Práva k využití
Bonus: včetně pracovních materiálů

Kategorie

Návrh (ilustrace, grafická úprava a tisk)

Vytvořeno s láskou od:

Luca Kiedrowski

Příklady použití

Chytré telefony s aplikací, jejíž design byl vyvinut v aplikaci Sketch

Otevřít galerii

Příklad: V tutoriálu vytvoříš pomocí Sketchu aplikaci s vývojovým potenciálem.

Smartphone s aplikací, jejíž design byl vyvinut v programu Sketch.

Otevřít galerii

Tvůj trenér ti poskytuje tipy a triky k modernímu UX a UI designu na cestu.

Úvod

Zdarma

Návod kreslení: 1.1 Úvod

Srdečně vítáme v tutoriálu kreslení: Nauč se, jak můžeš pomocí programu navrhovat vlastní aplikace. Zde je přehled kurzu.

Stáhnout soubor projektu

Zdarma

Sketch-Tutorial: 1.2 Co je Sketch?

Stručný úvod do programu „Sketch“ a jak získat přístup k tomuto programu.

Návod na kreslení: 1.3 Programové rozhraní.

Tady se naučíš lépe poznat zábavné kreslení. Ukážu ti celý program a naučím tě, jak s ním efektivně pracovat.

Návod na kreslení: 1.4 Pomůcky

Program Sketch by nebyl tak skvělý, kdybyste nemohli používat žádné nástroje. Tady se dozvíte, jak tyto nástroje přidat.

Návod kreslení: 1.5 Nejdůležitější pluginy

Pluginy ti pomáhají pracovat s Sketchem ještě lépe a rychleji. Ukážu ti, které pluginy ti mohou nejvíce pomoci.

Návod na kreslení: 1.6 Instalace knihoven

Návod k tvorbě: 1.6 Instalace knihoven

S knihovnami MIT můžeš přímo do svého projektu začlenit standardizovaná designová rozhraní od Applu nebo Androidu.

Návod na kreslení: 1.7 InVision

InVision je nástroj, který vám výrazně usnadňuje vaši práci na projektu v Sketchi. Tam můžete vytvářet „Wireframes“ pro strukturování projektu.

Základy designu

Návod na kreslení: 2.1 Barvy

Barvy ti nabízejí možnost oživit svou aplikaci. Zde najdeš malý úvod do světa barev.

Návod na kreslení: 2.2 Písma

Sociální síť "Medium" ukazuje, jak moc písma mohou ovlivnit uživatelský zážitek. Písma ve vaší aplikaci mohou být velmi důležitá.

Vytvořit prototypy

Návod na bezpečnostní poklepání: 3 prototypy

Nyní začneme s samotnou aplikací.

Screen-Design -> Návrh obrazovky

Sketch-Tutorial: 4.1 Domovská obrazovka a designové šablony

Návod na kreslení: 4.1 Úvodní obrazovka a designové šablony

Nyní se pustíme do našeho skutečného projektu a začínáme s úvodní obrazovkou. Kromě toho se zde dozvíš, jak můžeme vytvářet návrhy designu.

Návod na kreslení: Vytváření skupin a textových stylů.

Návod k tvorbě skic: Vytvoření skupin a textových stylů 4.2

V této lekci se naučíte, jak vytvářet skupiny a ukládat textové styly pro úsporu času.

Návod na kreslení: 4.3 Najít, vytvořit a upravit ikony

Ikony jsou velkou součástí aplikace. V tomto videu se dozvíš, kde najdeš nejlepší ikony a jak je integruješ do svého projektu.

Návod kresby: Navrhnout design pro chat, pracovat s vrstvami

Návod na kreslení: 4.4 Návrh chatu, práce s vrstvami

Nyní se přesuneme do chatu naší aplikace. Tam pracujeme s vrstvami, které bys měl také využít, abys ušetřil čas.

Návod na kreslení: 4.5 Design iPhone X

iPhone X změnilo některé věci v designu aplikací. Designéři nyní musí pracovat s novým tvarem obrazovky. Zde se dozvíte základy.

Návod na kreslení: 4.6 Uživatelský profil, rozmazání efektu

Návod na kreslení: 4.6 Uživatelský profil, rozmazaný efekt

S efekty můžeš tvé aplikaci dodat zajímavý design. V uživatelském profilu používáme rozostření.

Návod na kreslení: 4.7 Využití designu jako nástroje

Sketch-Tutorial: 4.7 Použití designu jako nástroje

V tomto videu se dozvíš, jak můžeš využít design jako nástroj k tomu, abys své aplikaci dodal poslední šmrnc.

Návod na kreslení: Použití knihoven 4.8 a vytvoření akčního listu

Návod na kreslení: Použití knihoven verze 4.8 a vytvoření akčního listu

Nyní využijeme knihovnu iOS k vytvoření Action Sheetu. S knihovnami můžeš ušetřit čas nejen při designování, ale také při vývoji.

Poskytnout návrhy.

Návod na kreslení: Připravit 5 návrhů v InVision.

Návod ke kresbě: Připravte 5 návrhů v InVision.

Pokud má být tvá aplikace vyvinuta, vývojáři budou potřebovat tvá designy. V této lekci se dozvíš, jak své designy poskytnout v aplikaci InVision.

Poskytnout důležité informace

Návod pro kreslení: Vložit 6 nápověd do aplikace

Návod na kreslení: Vložení 6 nápověd do aplikace

Uživatelé aplikace často nenajdou správná tlačítka nebo mají jiné otázky, které nejsou zjevně patrné. Proto vytváříme sekci otázek a odpovědí (Q&A).

Profesionální design

Návod na kreslení: Vytvoření plochého designu grafiky 7.1

Návod na kreslení: Vytváření grafik ve stylu flat design 7.1.

Když máš tvrdé termíny pro své projekty, často nemáš čas vše navrhnout sám. Zde se dozvíš, jak a kde získat pomoc.

Návod na kreslení: 7.2 Redesign domova

Na domovské obrazovce máme ještě hodně prostoru nahoru. Proto provedeme redesign naší první obrazovky.

Návod kreslení: 7.3 Uživatelská zkušenost nákupního procesu

Návod na kreslení: 7.3 Uživatelská zkušenost během nákupu

Proces nákupu uživatele musí proběhnout hladce, protože to je jeden z nejdůležitějších okamžiků uživatelského toku.

Inovace v Sketchu.

Návod k tvorbě předlohy: 8 Prototypování v Sketch

Návod na kreslení: 8 Prototypování v Sketch

V nové verzi programu Sketch máš možnost vytvořit prototyp přímo v programu Sketch.

Detaily obsahu

Pochopte mobilní UI a UX design a realizujte je pomocí Sketch
Či už aplikace, webová stránka nebo blog - nadchněte svůj koncept UI a UX do života - pomocí Sketch. V tomto přes pětihodinovém video-tutoriálu od trenéra Luca Kiedrowskiho si rychle ovládnete veškeré základy používání programu, abyste si brzy mohli intenzivně vyzkoušet práci na interaktivním projektu návrhu aplikace.

Důvody, proč byste si měli prohlédnout Sketch tutoriál

Ve svém UI a UX designu sáhnete rovnou po profesionálním nástroji, protože Sketch je také využíván renomovanými společnostmi jako Google, Facebook a Apple. Díky intuitivní obsluze lze rychle zvládnout práci s programem, což vám umožní dosáhnout prezentovatelných výsledků již během krátké doby.

Ať už přijedete s designovým pozadím nebo bez něj: Tutoriál Sketchu je obecně ideální pro začátek v oblasti UI a UX designu a zejména pro realizaci vlastních nápadů na design aplikace pomocí Sketchu. Základy a aplikace v jednom!

Pokud již navrhujete designy pro web a tisk (například v programu Photoshop nebo Illustrator): Naučte se přenášet své designy a jednotlivé prvky jako ikony nebo symboly do dynamických a rozvojově připravených návrhů UI designů. S vašimi znalostmi v oblasti webdesignu přidáváte do svého životopisu velmi (a čím dál více) požadované plus.

Zlepšete spolupráci s webovými vývojáři: Použitím Sketchu připravujete uživatelská rozhraní, která se již řídí pravidly webdesignu. Tím umožníte vývoji realizovat designy přímo. Tím zkrátíte cestu od konceptu a designu k vyvinuté webové aplikaci enormně.

UI a UX design s Sketch od A do Z

Hlavní důraz Tutoriálu Sketchu je kladen na praktickou aplikaci programu, který je k dispozici u poskytovatele ve verzi zdarma ke stažení. S trenérem procházíte na příkladu designu aplikací krok za krokem všechny fáze, od vytvoření náčrtu až po hotový UI design. Materiály k práci jsou součástí tutoriálu, takže můžete ihned prakticky zapojit.

Nejprve hrubě nakreslíte, jak by měla později vypadat uživatelská rozhraní aplikace. Poté se pustíte do návrhu. Vytvoříte úvodní obrazovku, pracujete s skupinami, vrstvami a stylizací textu a vybíráte vhodné ikony. Navrhujete chat, nápovědu a uživatelský profil a učíte se pracovat s knihovnami, akčními tabulkami a efekty. Na závěr stojí kompletní UI design, ze kterého můžete v aktuální verzi 52 Sketch dokonce vytvořit prototyp.

V předchozím období získáte základní znalosti o Sketchu a o designu UI. Tak se velmi rychle zorientujete v uživatelském rozhraní, znáte nejdůležitější pluginy a nástroje, a víte, jak efektivně použít písma a barvy. Trenér vám také ukáže, kdy je vhodné spojit Sketch s InVision, například ve fázi, které se říká wireframing.