Risba od A do Ž: Postani oblikovalec UI

Vodič za risanje – postani oblikovalec UI in UX.

Jezik: nemščina

Vodnik za risanje - postanite oblikovalec UI in UX.

Sketch je učinkovito in intuitivno orodje, s katerim lahko ustvarite prototipe spletnih projektov. Z uporabo programske opreme za uporabniški vmesnik in uporabniško izkušnjo ustvarjate dinamične uporabniške vmesnike za spletne strani in aplikacije. Pomembna prednost: Ker so oblikovanja usmerjena v pravila oblikovanja spletnih strani, razvijalcu predstavite minimalni izvedljiv rezultat. Spoznajte Sketch v tem več kot peturnem vadni videu Luca Kiedrowskija, ki vas praktično vodi od koncepta prek prototipa do popolnoma oblikovanega spletnega vmesnika.

Postani oblikovalec UI in UX: Z ustvarjanjem uporabniških vmesnikov za spletne strani in aplikacije v programu Sketch.
Za hiter začetek: Osnove oblikovanja s Sketcho, UI in UX.
Za tvoj napredek: Nauči se napredne oblikovalske tehnike, kot so boolean operatorji.
Praktičen vadnik: Ustvari sodobno uporabniško izkušnjo na primeru aplikacije
Boljše sodelovanje z razvijalci: Neposredno jim dajte razvojno pripravljene prototipe v roke.
Razumeti koncepta UI in UX v 5 urah: trener Luca Kiedrowski bo pokazal primere najboljše prakse.
Tako ostane naučeno v glavi: Vključeni delovni materiali za sodelovanje

Tudi Google in Apple stavita na Sketch – naredi kot veliki in se nauči zdaj, kako ustvariti preprosto lepe, uporabnikom prijazne ter hkrati razvoju pripravljene oblikovalske modele vmesnika (UI).

podrobnosti

Uporablja se lahko z:
Vsebina: 5 h Video vadničenje
Licenca: zasebna in komercialna Pravice uporabe
Dodatno: vključuje delovni material

Kategorije

Oblikovanje (ilustracija, postavitev & tisk)

Z ljubeznijo ustvarjeno od:

Luca Kiedrowski

Primeri uporabe

Odpri galerijo

Primer: V vadnici ustvariš razvijalsko aplikacijo s pomočjo programa Sketch.
Odpri galerijo

Primer: Tvoj trener ti daje nasvete in trike za sodobno oblikovanje UX in UI na poti.

Uvod

Brezplačno

Navodila za risanje: 1.1 Uvod

Dobrodošli na vodiču za risanke: Naučite se, kako lahko z uporabo programa oblikujete svoje lastne aplikacije. Tukaj je pregled tečaja.

Prenesi projekt datoteke

Brezplačno

Vodnik za risanje: 1.2 Kaj je Sketch?

Kratki uvod v program "Sketch" in kako dobiti dostop do tega programa.

Navodila za risanje: 1.3 Vmesnik programa.

Navodilo za risanje: 1.3 Programsko vmesnik.

Tukaj se boš naučil/a bolje poznati program Sketch. Pokazal/a ti bom celoten program, da se boš naučil/a, kako lahko učinkovito z njim delaš.

Skica-vodnik: 1.4 Orodja

Sketch ne bi bil tako super program, če ne bi mogli uporabljati pripomočkov. Tukaj izveš, kako dodati te pripomočke.

Vodnik za risanje: 1.5 Najpomembnejši vtičniki

Vodič za risanje: 1.5 Najpomembnejši vtičniki

Vtičniki ti pomagajo delati še bolje in hitreje s programom Sketch. Pokazal ti bom, katere vtičniki ti najbolj lahko pomagajo.

Navodila za risanje: Namestiti knjižnice 1.6

Nasvet za risanje: Namestitev knjižnic 1.6

Z orodjem Libraries lahko v svoj projekt neposredno vključite standardne oblikovalske rešitve podjetja Apple ali Android.

Navodilo za risanje: 1.7 InVision.

InVision je orodje, ki vam bistveno olajša Sketch projekt. Tam lahko ustvarite "Načrt osnutka", da strukturirate svoj projekt.

Osnove oblikovanja

Vodič za risanje: 2.1 Barve

Barve vam omogočajo, da svojo aplikacijo napolnite z življenjem. Tukaj boste našli majhen vpogled v svet barv.

Osnovni tečaj risanja: 2.2 Pisave

Socialno omrežje "Medium" prikazuje, kako močno pisave lahko vplivajo na uporabniško izkušnjo. Pisave v tvoji aplikaciji lahko biti zelo pomembne.

Izdelava prototipov

Osnutek-vodnik: 3 izdelava prototipa

Zdaj začnemo z dejansko aplikacijo.

Zasnovanje zaslona

Skica vadnice: 4.1 Domaca stran in predloge oblikovanja

Skica-vodič: 4.1 Začetni zaslon in predloge oblikovanja

Sedaj se bomo lotili našega pravega projekta in začnemo z domačim zaslonom. Poleg tega se tukaj naučiš, kako lahko oblikujemo predloge za oblikovanje.

Navodila za risbo: 4.2 Ustvarjanje skupin in slogi besedila

Vodič po skici: 4.2 Ustvarjanje skupin in slogov besedila

V tem predavanju se boš naučil, kako ustvariti skupine in shraniti tekstualne sloge, da prihraniš čas.

Navodila za risanje: 4.3 Najdi, ustvari in prilagodi ikone.

Ikone so pomemben del aplikacije. V tem videu boš izvedel, kje najdeš najboljše ikone in kako jih vključiš v svoj projekt.

Navodila za risanje: Oblikovanje klepeta 4.4, delo z plastmi

Navodila za risanje: Oblikovanje klepeta 4.4, delo z nivoji

Sedaj se premaknimo na klepet v naši aplikaciji. Tam delamo z nivoji, ki jih tudi ti moraš uporabiti, da si prihraniš čas.

Navodila za risanje: iPhone X-Design 4.5

Navodila za risanje: 4,5 oblikovanje za iPhone X

iPhone X je spremenil nekaj stvari v oblikovanju aplikacij. Oblikovalci morajo zdaj delati z novo obliko zaslona. Tukaj lahko izveš osnove.

Navodila za risanje: 4.6 Uporabniški profil, učinek zameglitve

Naslednjačuhinja: 4.6 Uporabniški profil, učinek zameglitve

Z učinki lahko svoji aplikaciji dodate zanimiv dizajn. Uporabljamo popačenje zameglitve v vašem uporabniškem profilu.

Vadba skica: 4.7 Uporaba oblikovanja kot orodja

Vodnik za risanje: 4.7 Uporaba oblikovanja kot orodja

V tem videu boš izvedel, kako lahko oblikovanje uporabiš kot orodje, da bo tvoja aplikacija dobila piko na i.

Vodnik za risanje: Uporaba knjižnic 4.8 in ustvarjanje akcijskega lista

Vadnica za risanje: Uporaba knjižnic 4.8 in ustvarjanje akcijskega lista

Zdaj uporabljamo iOS knjižnico, da zgradimo akcijsko ploščo. S knjižnicami lahko pri oblikovanju ne samo prihraniš čas, temveč tudi pri razvoju.

Pripraviti oblikovanja

Vodnik za risanje: Pripravite 5 načrtov v programu InVision.

Navodilo za skico: Pripravite 5 oblikovanj v InVision.

Ko naj se razvije tvoja aplikacija, bodo razvijalci potrebovali tvoje oblikovanje. V tem uvodniku se naučiš, kako svoje oblikovanje pripraviti v InVisionu.

Zagotoviti pomembne informacije.

Navodila za risanje: V aplikacijo vstavite 6 pomoči

Navodilo za risanje: V aplikacijo vključite 6 pomoči.

Uporabniki aplikacije pogosto ne najdejo pravih gumbov ali imajo druga vprašanja, ki niso očitno razvidna. Zato ustvarjamo razdelek vprašanj in odgovorov (Q&A).

Profi-Design Poklicno oblikovanje

Vodnik za risanje: 7.1 Ustvarjanje ravno oblikovanih grafičnih elementov

Vodnik za risanje: 7.1 Izdelava grafičnih elementov v ravninskem dizajnu.

Ko se soočaš s težkimi roki za tvoje projekte, pogosto nimaš časa, da bi sam oblikoval vse. Tukaj izveš, kako in kje dobiti pomoč.

Navodila za risanje: 7.2 Sprememba domače opreme

Navodila za risanje: 7.2 Preureditev doma

Na domačem zaslonu imamo veliko prostora za izboljšave. Zato bomo naredili prenovo našega prvega zaslona.

Vodnik za risanje: 7.3 uporabniška izkušnja postopka nakupa.

Vodič po skiciranju: 7.3 Uporabniška izkušnja nakupnega postopka

Nakupni postopek uporabnika mora potekati kot namazano, saj je to eden najbolj občutljivih trenutkov poti uporabnika.

Novosti v Sketchu

Navodila na hitro risanje: 8 Prototipiranje v programu Sketch.

Ustvarjalnik vodnika: 8 prototipiranje v programu Sketch

V novi različici programa Sketch imaš možnost, da ustvariš prototip neposredno v programu Sketch.

Podrobnosti vsebine

Razumevanje in izvajanje oblikovanja UI in UX za mobilne naprave z orodjem Sketch
Ali gre za aplikacijo, spletno stran ali blog - oživite svojo zasnovo UI in UX z orodjem Sketch. V tem več kot peturnem video vadnici trenerja Luca Kiedrowskija se hitro naučite vseh osnov za upravljanje s programom, da že kmalu intenzivno delate na interaktivnem projektu oblikovanja aplikacije.

Zakaj bi si morali ogledati vadnico za Sketch

Pri oblikovanju UI in UX uporabljate profesionalno orodje, saj Sketch uporabljajo tudi priznana podjetja kot so Google, Facebook in Apple. Zaradi intuitivnega upravljanja je delo s programom hitro naučljivo, tako da v kratkem času dosežete prikazljive rezultate.

Ne glede na to, ali imate izkušnje iz oblikovanja ali ne: Vadnica za Sketch je odlična začetna točka za vstop na področje oblikovanja UI in UX ter za izvajanje lastnih idej za oblikovanje aplikacij z orodjem Sketch. Osnove in uporaba v enem!

Če že ustvarjate oblikovanja za splet in tisk (na primer z Photoshopom ali Illustratorjem): Naučite se prenesti svoja oblikovanja in posamezne elemente, kot so ikone ali simboli, v dinamična in razvojno pripravljena UI oblikovanja. S svojim znanjem s področja oblikovanja spletnih strani dodajte svojemu življenjepisu zelo zaželeno prednost.

Izboljšajte sodelovanje z razvijalci spletnih strani: Z uporabo orodja Sketch pripravljate uporabniške vmesnike, ki se že zdaj držijo pravil spletnega oblikovanja. S tem razvijalcem predajate oblikovanja, ki jih lahko takoj uresničijo. Na ta način skrajšate pot od koncepta in oblikovanja do razvite spletne aplikacije.

Oblikovanje UI in UX z orodjem Sketch od A do Ž

Osredotočenost vadnice za Sketch je na praktični uporabi programa, ki je na voljo pri ponudniku v brezplačni preskusni različici. S svojim trenerjem boste korak za korakom prešli skozi vse faze oblikovanja aplikacije, od skice do končnega oblikovanja uporabniškega vmesnika. Delovni materiali so priloženi vadnici, tako da se lahko takoj praktično vključite:

Najprej grobo skicirate, kako naj bi izgledala uporabniška površina aplikacije v prihodnosti. Nato se takoj lotite oblikovanja. Ustvarite začetni zaslon, delate z grupami, plasti in slogi besedila ter izberete primerne ikone. Oblikujete klepet, pomoč in uporabniški profil ter se naučite delati z zbirkami, listi dejanj in učinki. Na koncu je popolno oblikovanje uporabniškega vmesnika, iz katerega lahko v trenutni različici 52 programa Sketch celo ustvarite prototip.

Pred tem pridobite najpomembnejše osnove za Sketch in za oblikovanje UI. Tako se boste hitro znašli v uporabniškem vmesniku, poznali boste najpomembnejše vstavke in pripomočke ter vedeli, kako usmerjeno uporabiti pisave in barve. Vaš trener vam bo tudi pokazal, kdaj je smiselno kombinirati Sketch z InVisionom, na primer v fazi t. i. načrtovanje žičnega okvirja.