Skices no A līdz Z: Kļūsti par UI dizaineri

Zīmējumu pamācība – kļūsti par UI un UX dizaineri

Valoda: vācu

Zīmēšanas pamācība - kļūsti par UI un UX dizaineri

Skets ir efektīvs un intuitīvs rīks, ar kuru veido prototipus no tīmekļa projektu. Izmantojot UI un UX programmatūru, izveido dinamiskas lietojumprogrammu saskarnes tīmekļa vietnēm un lietotnēm. Būtisks ieguvums: ievērojot tīmekļa dizaina noteikumus, izstrādei tiek nodots tieši īstenojams rezultāts. Iepazīsties ar Skets šajā vairāk nekā piecu stundu ilgajā vadlīnijā no Lučas Kiedrovskis, kas praktiski pavada no koncepts līdz prototipam līdz pilnīgi dizainētai tīmekļa saskarnei.

Kļūsti par UI un UX dizaineri: Izveido ar Sketch saskarnes tīmekļa vietnēm un lietotnēm.
Ātrajai ievadei: iemācies pamatus par Sketch, lietojumprogrammu un lietotāja pieredzes dizainu.
Tavai attīstībai: Iepaziņies ar uzlabotām dizaina tehnikām, piemēram, Boola operatoriem.
Praktiskais pamācību materiāls: Izveido mūsdienīgu lietojumprogrammas vadības saskarni, izmantojot aplikācijas piemēru
Labāka komandas darbība ar attīstītājiem: dod viņiem tieši izstrādājamo prototipu rokā.
5 stundu laikā sapratīsi UI un UX koncepciju: treneris Luca Kiedrowski rāda labā prakses piemērus
Tādējādi iemācītais paliek prātā: Iekļautie darba materiāli, lai piedalītos

Arī Google un Apple izmanto Sketch - dari to pa lielam un tagad uzzini, kā veidot vienkārši skaistus, lietotājam draudzīgus un turklāt attīstībai gatavus UI dizainus.

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

Sīkāka informācija

Lietojams ar:
Saturs: 5 h Video mācību kurss
Licence: privāta un komerciāla Lietošanas tiesības
Bonus: ietverot darba materiālus

Kategorijas

Dizains (ilustrācijas, izkārtojums un druka)

Ar mīlestību izveidots no:

Luca Kiedrowski

Lietošanas piemēri

Viedtālruņi ar lietotni, kuras dizains tika izstrādāts Sketch programmā.

Atvērt galeriju

Piemērs: Pamācībā tu izveido attīstāmu lietotni, izmantojot Sketch.

Smarttālrunis ar lietotni, kuras dizains tika izstrādāts Sketch programmā.

Atvērt galeriju

Piemērs: Tavs treneris sniedz tev padomus un trikus par moderno UX un UI dizainu ceļā.

Ievads

Bezmaksas

Zīmēšanas pamācība: 1.1 Ievads

Sveicināti Sketch pamācību kursā: Uzzini, kā izmantojot programmu, vari veidot savas lietojumprogrammas dizainu. Šeit ir pārskats par kursu.

Lejupielādēt projektu failu

Zīmēšanas pamācība: 1.2 Kas ir zīmēšana?

Bezmaksas

Skeču pamācība: 1.2 Kas ir skeču?

Īss ievads programmai "Sketch" un kā Tu vari piekļūt šai programmai.

Zīmēšanas pamācība: 1.3 Programmas interfeiss

Skeitā pamācība: 1.3 Programmas interfeiss

Še tu iepazīsti zīmējumus labāk. Es parādīšu tev pilnu programmu un tu iemācīsi, kā efektīvi strādāt ar to.

Skices pamācība: 1.4 Palīglīdzekļi

Zīmēšana nebūtu tik lieliska programma, ja nebūtu iespējams lietot palīglīdzekļus. Šeit tu uzzināsi, kā pievienot šos palīglīdzekļus.

Zīmējumu pamācība: 1.5 Galvenie spraudņi

Skeča pamācības: 1.5 Galvenie spraudņi

Pielikumi palīdzēs jums strādāt vēl labāk un ātrāk ar Sketch. Es parādīšu jums, kādi pielikumi var jums labāk palīdzēt.

Zīmējumu pamācība: 1.6 bibliotēkas instalēšana

Uzdevuma rokasgrāmata: 1.6 Bibliotēkas instalēšana

Ar bibliotēkas jūs varat iekļaut standarta dizainus no Apple vai Android tieši savā projektā.

Zīmēšanas pamācība: 1.7 InVision

InVision ir instruments, kas ievērojami atvieglo jūsu Sketch projektu. Tur jūs varat izveidot "virspusējās uzbūves", lai strukturētu savu projektu.

Dizaina pamati

Zīmēšanas pamācība: 2.1 Krāsas

Krāsas sniedz tev iespēju piešķirt dzīvību saviem lietotņu. Šeit atradīsi nelielu ievadu krāsu pasaulē.

Zīmēšanas pamācība: 2.2 fonti

Sociālā tīkla "Medium" demonstrē, cik stipri raksti var ietekmēt lietotāju pieredzi. Fonti tavā lietotnē var būt ļoti svarīgi.

Prototipu izveide

Zīmēn, kā to izdarīt: 3 prototipu izveide

Tagad mēs sākam ar pašo lietotni.

Ekrāna dizains

Ieraksta pamācība: 4.1 Sākuma ekrāns un dizaina paraugi

Skice pamācība: 4.1 Sākuma ekrāns un dizaina veidnes

Tagad mēs doties pie mūsu īstā projekta un sākam ar sākuma ekrānu. Papildus tu šeit mācīsies, kā mēs varam izveidot dizaina sagataves.

Zīmēšanas pamācība: 4.2 Grupu izveidošana un teksta stili

Šajā nodarbībā tu iemācīsies, kā veidot grupas un saglabāt teksta stilus, lai ietaupītu laiku.

Zīmējumu pamācība: ikonas atrašana, izveidošana un pielāgošana

Ikoni ir liela daļa no lietotnes. Šajā video materiālā uzzināsi, kur atrast labākās ikonas un kā tās integrēt savā projektā.

Izstrādēt pamācību: 4.4 Čata dizaina izveide, strādājot ar slāņiem

Zīmējumu pamācība: 4.4 čata dizainēšana, strādājot ar slāņiem

Tagad mēs pārvietosimies uz mūsu lietotnes tērzēšanas sadaļu. Tur mēs strādājam ar slāņiem, kuriem arī tev vajadzētu izmantot, lai ietaupītu laiku.

Izmantojot zīmēšanas pamācību: 4.5 iPhone X dizains

iPhone X mainīja daudz lietu aplikāciju dizainā. Dizaineriem tagad jāstrādā ar jaunu ekrāna formu. Šeit tu uzzināsi pamatus.

Sastādījumu pamācība: 4.6 Lietotāja profils, miglas efekts

Skeča pamācība: 4.6 Lietotāja profils, Miglas efekts

Ar efektiem tu vari piešķirt savai lietotnei interesantu dizainu. Mēs izmantojam mākoņa efektu tavā lietotāja profila.

Sīku aprakstu: 4.7 Dizains kā instrumenta izmantošana

Zīmējumu pamācība: 4.7 Dizains kā rīks izmantots

Šajā video tu uzzināsi, kā izmantot dizainu kā rīku, lai dotu sava aplikācijai pēdējo sili.

Skeča pamācība: izmantojot 4.8 bibliotēkas un veidojot darbību lapiņu

Pamatlicēju pamācība: izmantot 4.8 bibliotēkas un izveidot darbības lapu

Tagad mēs izmantojam iOS bibliotēku, lai izveidotu darbību plāksni. Ar bibliotēkām tu vari ietaupīt laiku ne tikai dizaina izstrādē, bet arī izstrādē.

Nodrošināt dizainu

Pamatnes pamācība: 5 dizaini sagatavot InVision.

Zīmējumu pamācība: 5 dizaini gatavi InVision.

Jaunai lietotnei izstrādājoties, izstrādātājiem ir vajadzīgi Tavi dizaini. Šajā nodarbībā Tu uzzināsi, kā sagatavot savus dizainus InVision platformā.

Sniegt svarīgu informāciju

Zīmēšanas pamācība: 6 palīdzības iekļaušana aplikācijā

Izmantojot zīmēšanas vadlīnijas: 6 palīdzības ievietošana lietotnē.

Lietotājiem, kas lieto lietotni, bieži nesanāk atrast pareizās pogas vai rodas citi jautājumi, kas nav skaidri saprotami. Tāpēc mēs izveidojam jautājumu un atbilžu sadaļu.

Profesionāls dizains

Ilgums pamācība: 7.1 Izveidot plakana dizaina grafikas.

Sketch pamācība: 7.1 izveidot flat dizaina grafikas.

Ja grūtas termiņus jūsu projektam, bieži vien nav laika, lai visu patstāvīgi noformētu. Šeit jūs uzzināsit, kā un kur jūs varat saņemt palīdzību.

Zīmēšanas pamācība: 7.2 Mājas pārprojektēšana

Zīmējumu pamācība: 7.2 Mājas pārbūve

Mājas ekrānā vēl daudz ir darāmā. Tāpēc mēs veicam mūsu pirmā ekrāna pārstrādi.

Zīmēšanas pamācība: 7.3 Lietotāja pieredzes iegādes process

Zīmēšanas pamācība: 7.3 Lietotāja pieredzes iepirkuma process

Lietotāja pirkšanas processi jānorit kā eļļā, jo tas ir viens no delikātākajiem lietotāja plūsmas brīžiem.

Jaunas funkcijas programmā Sketch

Sketch pamācība: 8 prototipēšana Sketch aplikācijā

Skeča pamācības: 8 prototipēšana Sketchā

Jaunajā Sketch versijā ir iespējams izveidot prototipu tieši Sketch programmas ietvaros.

Detaļas par saturu

Skatīt un realizēt mobilā lietotņu lietotāja saskarsmes (UI) un lietojamības (UX) dizainu, izmantojot Sketch
Vai nu lietotne, tīmekļa vietne vai blogs – atdzīvini savu UI un UX koncepciju – ar Sketch. Šajā vairāk nekā piecstu video pamācību no treniera Luca Kiedrowski tu ātri apgūsi visus programmas pamatus, lai drīz pēc tam intensīvi strādātu pie interaktīva lietotnes dizaina piemēra projekta.

Tāpēc ieteicams noskatīties Sketch pamācību

Tu tiecies ar UI un UX dizainu tieši ar profesionālu rīku, jo Sketch izmanto arī tādi zināmi uzņēmumi kā Google, Facebook un Apple. Pateicoties intuitīvai lietošanai, programmu ir viegli apgūt, tāpēc tu ātri sasniegsi pamanāmus rezultātus.

Vai nu ieradies ar vai bez dizaina pamatzināšanām: Sketch pamācība vispār lieliski piemērota, lai iepazītos ar UI un UX dizaina jomu un īpaši lai realizētu savas lietotnes dizaina idejas ar Sketch. Pamati un lietojums vienā!

Ja jau veido dizainus web un drukā (piemēram, ar Photoshop vai Illustrator): Apgūsti prasmi pārnest savus dizainus un atsevišķus elementus, piemēram, ikonas vai simbolus, dinamiskos un attīstībai gatavos UI dizainos. Ar savām zināšanām webdizaina jomā tu sniedz savam CV daudz (un arvien pieaugoši) pieprasītu labumu.

Uzlabo sadarbību ar web izstrādātājiem: Izmantojot Sketch, tu sagatavi saskarsmes virsmas, kas jau iepriekš atbilst webdizaina noteikumiem. Tāpēc tu izstrādei nodrošini dizainus, kas var tikt izpildīti tieši. Šādi tu ievērojami saīsi ceļu no koncepts un dizaina līdz izstrādātai web lietojumprogrammai.

UI un UX dizains ar Sketch no A līdz Z

Sketch pamācības galvenais uzsvars ir uz programmas praktisku izmantošanu, kas piegādātāja vietnē ir pieejama bezmaksas testa versijā. Ar savu treneri soli pa solim tu cauri visām fazēm ej, sākot no skices veidošanas līdz gatavam UI dizainam, piemērojot lietotnes dizainu. Darba materiāli būs pieejami pamācībā, tāpēc tu tieši varēsi praktiski piedalīties:

pilnīgs UI dizains, no kura pašreiz sogar Sketch versijā 52 vari izveidot pat prototipu.

pamatlietas par Sketch un UI dizainu. Tāpēc tu ātri atradīsi ceļu pārvalkā, zināsi svarīgākās spraudņu un rīku un sapratīsi, kā izmantot fontus un krāsas. Tavs treneris arī parādīs, kad ir saprātīgi savienot Sketch ar InVision, piemēram, tā dēvētā vadu koncepcijas fāzē.