Brūkšninis brėžinys nuo A iki Z: Tapti UI dizaineriu

Paveikslėlio pamokymas – būk UI ir UX dizaineris.

Kalba: vokiečių

Piesinių pamokos – tapti UI ir UX dizaineriu

Sketch yra efektyvus ir intuityvus įrankis, leidžiantis jums kurti interneto projektų prototipus. Naudojant UI- ir UX-programinę įrangą, kuriate dinamines interneto svetainių ir programėlių sąsajas. Svarbus pranašumas: nes dizainai orientuojasi į tinklalapių kūrimo taisykles, jūs perduodate plėtrai tiesiogiai įgyvendinamą rezultatą. Sužinokite apie Sketch šiame daugiau nei penkių valandų vadovėlyje iš Luco Kiedrowski, kuris jums praktiškai pristatys nuo koncepcijos iki prototipo iki visiškai sukurto dizaino interneto sąsajoje.

Tapk UI ir UX dizaineriu: kuriakite naudotojo sąsajas interneto svetainėms ir programėlėms naudodami „Sketch“.
Greitam pradėjimui: Įsisavink pagrindus apie brėžinius, vartotojo sąsają ir naudotojo patirties dizainą.
Tavo pažangai: Išmok tinklo kūrimo pažengiasias technikas, tokią kaip booleanų operatoriai.
Praktinis vadovas: Sukurkite šiuolaikišką naudotojo sąsają pavyzdžiu iš programėlės.
Geresnė komandinė veikla su kūrėjais: Tiesiogiai perduokite jiems plėtoti tinkamus prototipus.
Per 5 valandas suprasti UI ir UX koncepciją: treneris Luca Kiedrowski demonstruoja geriausius praktikos pavyzdžius.
Toks žinių išlaikymui galvoje: įskaitant darbo priemones dalyvauti

Taip pat „Google“ ir „Apple“ naudoja „Sketch“ – daryk kaip didieji ir dabar išmok, kaip kurti paprastai gražius, vartotojų draugiškus ir be to, kūrimui pasiruošusius UI- dizainus.

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

informacija

Galima naudoti su:
Turinys: 5 h Vaizdo mokymas
Licencija: privati ir komercinė Naudotojų teisės
Papildomai: Įskaitant darbo medžiagas

Kategorijos

Dizainas (iliustracija, maketas ir spausdinimas)

Sukurta su meile:

Luca Kiedrowski

Pritaikymo pavyzdžiai

Telefonai su programėle, kurios dizainas sukurtas „Sketch“ programoje.

Atidaryti galeriją

Pavyzdys: Vadovėlyje sukursite galimybes auginti programą naudodami „Sketch“.

Telefonas su programėle, kurios dizainas buvo sukurtas "Sketch" programa.

Atidaryti galeriją

Pavyzdys: Tavo treneris dalinsis naudingais patarimais ir gudrybėmis apie modernų UX ir UI dizainą.

Įvadas

Nemokamai

Piešimo vadovas: Įvadas 1.1

Labai sveiki į komiksų mokymą: Mokinkis, kaip galite dizainuoti savo programas naudodamasis programa. Čia pateikiamas kursų apžvalga.

Atsisiųskite projekto failą

Nemokamai

Piešimo pamoka: 1.2 Kas yra piešimas?

Trumpas įvadas į programą „Sketch“ ir kaip galite pasiekti šią programą.

Paveikslėlio vadovas: 1.3 Programos sąsaja

Nesuprantu

Čia geriau suprasi, kaip veikia eskizas. Aš tau parodysiu visą programą ir pamokysiu, kaip efektyviai su ja dirbti.

Paveikslėlio vadovas: 1.4 Priemonės

Plytų nesugramzdysi, jei nenaudosite jokių pagalbinių priemonių. Čia sužinosite, kaip pridėti šias pagalbines priemones.

Brėžinių vadovas: 1.5 Svarbiausi papildiniai

Piešimo vadovas: 1.5 Svarbiausi įskiepiai

Įskiepiai padės tau dar geriau ir greičiau dirbti su „Sketch“. Parodysiu tau, kurie įskiepiai tau labiausiai gali padėti.

Brėžinio pamoka: 1.6 bibliotekos įdiegimas

Paveikslėlio vadovas: 1.6 Bibliotekos įdiegti

Su Libraries galite tiesiogiai į savo projektą įtraukti standartinius Apple arba Android dizainus.

Paveikslėlio pamoka: 1.7 InVision

InVision yra įrankis, kuris žymiai palengvina jūsų Sketch projektą. Ten galite kurti „linijinius modelius“, kad struktūrizuotumėte savo projektą.

Dizaino pagrindai

Piešimo pamoka: 2.1 Spalvos

Spalvos suteikia tau galimybę įkvėpti tavo programą gyvybe. Čia rasite nedidelį įvadinį žingsnį į spalvų pasaulį.

Piešimo pamoka: 2.2 Šriftai

Socialinis tinklas „Medium“ parodo, kaip raštai gali paveikti vartotojų patirtį. Raštai tavo programėlėje gali būti labai svarbūs.

Kurkite prototipus

Brėžinio vadovėlis: 3 prototipavimas

Dabar pradėsime su tikra programa.

Ekrano dizainas

Brėkščio instrukcija: 4.1 Pradinis ekranas ir dizaino šablonai

Pirminis pamokos planas: 4.1 Namų ekranas ir dizaino šablonai.

Dabar drąsiai imsimės į mūsų tikrąjį projektą ir pradėsime su Pagrindiniu ekrano langeliu. Be to, čia sužinosi, kaip galime kurti dizaino šablonus.

Piešimo vadovas: 4.2 Sukurti grupes ir teksto stilius

Brėžinio vadovėlis: 4.2 Grupių kūrimas ir teksto stiliai

Šioje pamokoje išmoksi, kaip sukurti grupes ir kaip išsaugoti teksto stilius, kad sutaupytum laiko.

Brėžinių pamokos: 4.3 Piktogramos rasti, kurti ir pritaikyti

Piktogramos yra didelės dalies programėlės. Šiame vaizdo įraše sužinosite, kur rasti geriausias piktogramas ir kaip jas integruoti į savo projektą.

Piešimo vadovas: 4.4 Pokalbių dizainas, dirbant su sluoksniais

Brėžinio vadovas: 4.4 Pokalbių dizainas, dirbant su sluoksniais.

Dabar eisime į mūsų programėlės pokalbių langą. Ten dirbame su sluoksniais, kuriuos taip pat turėtum naudoti, kad sutaupytum laiko.

Pamokos eskizas: 4.5 iPhone X dizainas

iPhone X pakeitė daugelį dalykų aplikacijų dizaine. Dizaineriai dabar privalo dirbti su nauja ekrano forma. Čia sužinosi pagrindinius dalykus.

Piešinio instrukcija: 4.6 Vartotojo profilis, Miglos efektas

Piešimo pamoka: 4.6 Vartotojo profilis, Miglos efektas

Su efektais gali suteikti savo programėlei įdomų dizainą. Mes įtraukiame skaidrumo efektą į tavo vartotojo profilį.

Brėkščio vadovėlis: 4.7 Dizainą naudoti kaip įrankį.

Sketch vadovas: 4.7 Dizainas kaip įrankis naudoti

Šiame vaizdo įraše sužinosi, kaip dizainą galima panaudoti kaip įrankį, kad suteiktum savo programėlės išbaigtumo šlifavimo detalių.

Pasižymėkite pamoką: 4.8 Bibliotekos naudojimas & Veiksmų lapas sukūrimas

Samouczek: naudoti 4.8 bibliotekas ir sukurti veiksmų lapą

Dabar naudojamės iOS biblioteka, kad sukurtumėme veiksmų lapą. Su bibliotekomis galite sutaupyti ne tik dizaino, bet ir plėtros metu.

Pateikite dizainą

Brėžinių pamokos: pateikti 5 dizainus „InVision“ platformoje.

Brėžinio vadovėlis: pateikti 5 dizainus „InVision“ platformoje.

Kai kuriamas tavo programėlės, kūrėjai reikia tavo dizainų. Šioje pamokoje sužinosi, kaip pateikti savo dizainus „InVision“ platformoje.

Pateikite svarbios informacijos

Brėžinio pamoka: įdėkite 6 pagalbos į programėlę.

Preliminarių planavimo pamoka: Įtraukti 6 pagalbos funkcijas į programėlę

„Programėlės naudotojai dažnai neranda teisingų mygtukų arba turi kitų klausimų, kurie nėra aiškiai pastebimi. Dėl šios priežasties mes kuriamą klausimų ir atsakymų skyrių.“

Profesionalus dizainas

Piešinio vadovas: 7.1 Kuriamas plyšusis dizaino grafinis elementas.

Paveikslėlių pamokos: 7.1 Plokščiojo dizaino grafikų kūrimas

Kai turi griežtus terminus savo projektams, dažnai neturi laiko viską patiems dizainuoti. Čia sužinosi, kaip ir kur gauti pagalbą.

Piešimo pamokymai: 7.2 Namų Perplanavimas

Namų ekrane mums dar yra daug vietos gerinimui. Todėl mes atliekame mūsų pirmojo ekrano perdizainą.

Brėžinio pamokėlė: 7.3 Vartotojo patirtis Pirkimo procese

Piešimo vadovas: 7.3 Vartotojo patirtis Pirkimo proceso metu

Vartotojo pirkimo procesas turi vykti sklandžiai, nes tai vienas iš jautriausių vartotojo srauto momentų.

Naujos "Sketch" funkcijos

Piešinio vadovas: 8 prototipavimas „Sketch“ programoje.

Brėžinio pamoka: 8 prototipavimas „Sketch“ programoje

Naujoje „Sketch“ versijoje jūs turite galimybę tiesiogiai „Sketch“ sukurti prototipą.

Turinys

Išmaniojo UI ir UX dizaino supratimas ir įgyvendinimas naudojant „Sketch“
Nesvarbu ar tai būtų programėlė, svetainė ar tinklaraštis – paversk savo UI ir UX koncepciją gyvą – naudodamasis „Sketch“. Šiame per penkias valandas trunkančiame vaizdo vadove iš trenerio Luca Kiedrowski sėkmingai įsisavinsi visus šio programos naudojimo pagrindus, kad jau greitai pradėtum intensyviai dirbti su interaktyviu programėlės dizaino pavyzdiniu projektu.

Kodėl turėtum pamatyti „Sketch“ vadovą

Dirbdamas su UI ir UX dizainu, tiesiogiai naudoji profesionalų įrankį, nes „Sketch“ naudojamas ir žinomų įmonių – tokia kaip „Google“, „Facebook“ ir „Apple“. Dėl intuityvaus naudojimo programą lengva išmokti, todėl per trumpą laiką gali pasiekti įspūdingų rezultatų.

Nesvarbu, ar turite dizaino fono: „Sketch“ vadovas puikiai tinka įžangai į UI ir UX dizaino sritį ir ypatingai jūsų pačių programėlės dizaino idėjų įgyvendinimui su „Sketch“. Pagrindai ir praktika viename!

Jei jau kuriate dizainus internetui ir spaudai (pvz., naudodami „Photoshop“ ar „Illustrator“): Įgykite galimybę perkelti savo dizainus ir atskirus elementus, tokius kaip piktogramas ar simbolius, į dinamiškus ir plėstinius UI dizainus. Turėdami žinių apie interneto dizainą, suteikiate savo gyvenimo aprašymui labai (ir vis labiau) pageidaujamą pridėtinę vertę.

Pagerinkite bendradarbiavimą su interneto kūrėjais: Naudojant „Sketch“, ruošiate vartotojo sąsajas, kurios jau atitinka interneto dizaino taisykles. Tad perduodate kūrimui dizainus, kurie gali būti nedelsiant įgyvendinti. Taip labai sutrumpinate kelią nuo koncepcijos ir dizaino iki sukurtos interneto programėlės.

UI ir UX dizainas su „Sketch“ nuo A iki Z

„Sketch“ vadovo dėmesys yra sutelktas į programos praktinį naudojimą, kuri galima parsisiųsti nemokamai iš tiekėjo. Su savo treneriu, pavyzdžiui, kuriant programėlės dizainą, žingsnis po žingsnio įveiksite visas fazes, nuo eskizų kūrimo iki baigto UI dizaino. Darbo medžiagos yra pridėtos prie vadovo, todėl galite nedelsdami pradėti praktikuoti:

Pirma, brėžiate preliminarius vizualizacijos, kaip turėtų atrodyti programėlės vartotojo sąsaja ateityje. Po to iš karto pradedate kūrimą. Kuriate pradinį ekraną, dirbate su grupėmis, sluoksniais ir teksto stiliais, bei pasirenkate tinkamas piktogramas. Dizainuojate pokalbius, pagalbos skyrių ir vartotojo profilį, bei sužinosite, kaip dirbti su bibliotekomis, veiksmų lentelėmis ir efektais. Galiausiai turite išsamų UI dizainą, iš kurio galite netgi sukurti prototipą naudodami „Sketch“ 52 versiją.

Pradžioje įgysite svarbiausias pagrindines žinias apie „Sketch“ ir UI dizainą. Taip greitai susiorientuosite sąsajoje, žinosite svarbiausius įskiepius ir priemones bei suprasite šriftų ir spalvų tikslų naudojimo svarbą. Taip pat treneris parodys, kada verta derinti „Sketch“ su „InVision“, pavyzdžiui, vadinamojo sraigtelių modeliavimo etape.