Piirustusohje - tule UI- ja UX-suunnittelijaksi
- Tule UI- ja UX-suunnittelijaksi: Luo Sketchillä käyttöliittymiä verkkosivuille ja sovelluksille.
- Nopea aloitus: Opi perusteet Sketchistä, UI- ja UX-suunnittelusta.
- Edistymisesi tueksi: Opi tuntemaan edistyneet suunnittelutekniikat, kuten boolen operaattorit
- Käytännönläheinen opetusohjelma: Luo esimerkkiä käyttäen sovellukselle nykyaikainen käyttöliittymä.
- Paranna tiimityötä kehittäjien kanssa: anna heille suoraan kehityskelpoisia prototyyppejä käteen.
- Ymmärrä 5 tunnissa UI- ja UX-konsepti: Valmentaja Luca Kiedrowski esittelee parhaita käytäntöjä.
- Näin opittu jää mieleen: sisältäen työkalut osallistumiseen
Myös Google ja Apple panostavat Sketchiin - tee kuten suuret ja opi nyt, miten luot yksinkertaisesti kauniita, käyttäjäystävällisiä ja lisäksi kehitysvalmiita käyttöliittymäsuunnitelmia.
24 Videota, 315 minuuttia
Johdanto
Luonnosopas: 1.1 Johdanto
3 minLämpimästi tervetuloa sketsioppaaseen: Opi suunnittelemaan omia sovelluksiasi ohjelman avulla. Tässä kurssin yleiskuvaus.
Sketch-opas: 1.2 Mikä on Sketch?
2 minLyhyt johdatus "Sketch"-ohjelmaan ja miten pääset ohjelmaan.
Luonnosopetus: 1.3 Ohjelmiston käyttöliittymä
6 minTässä opit tuntemaan Sketchin paremmin. Näytän sinulle koko ohjelman ja opetat, miten voit työskennellä tehokkaasti sen kanssa.
Luonnostelun opas: 1.4 Työkalut
3 minSketch ei olisi niin hieno ohjelma, jos et voisi käyttää apuvälineitä. Tässä kerrotaan, miten voit lisätä nämä apuvälineet.
Luonnosohje: 1.5 Tärkeimmät lisäosat.
5 minPluginit auttavat sinua työskentelemään vielä paremmin ja nopeammin Sketchissä. Näytän sinulle, mitkä pluginit voivat auttaa sinua parhaiten.
Sketch-ohje: 1.6 Kirjastojen asentaminen
3 minVoit ottaa käyttöön Apple- tai Android-standardisuunnittelut suoraan projektiisi Librariesin avulla.
Luonnosopetus: 1.7 InVision
4 minInVision on työkalu, joka helpottaa huomattavasti Sketch-projektiasi. Siellä voit luoda "Wireframe"-luonnoksia projektisi jäsentämiseksi.
Suunnittelun perusteet
Luonnosopas: 2.1 Värit
19 minVärit antavat sinulle mahdollisuuden täyttää sovelluksesi elämällä. Tässä pieni aloitus värimaailmaan.
Luonnosopas: 2.2 Fontit
18 minSosiaalinen verkosto "Medium" osoittaa, miten paljon fontit voivat vaikuttaa käyttäjäkokemukseen. Fontit sovelluksessasi voivat olla hyvin tärkeitä.
Prototyyppien luominen
Luonnosopas: 3 Prototyyppiä
18 minNyt aloitamme varsinaisen sovelluksen.
Näyttösuunnittelu
Sketch-ohje: 4.1 Aloitusnäyttö ja suunnittelupohjat
25 minNyt uskallamme siirtyä varsinaiseen projektiimme ja aloittaa kotinäytöllä. Lisäksi opit täällä, miten voimme luoda suunnittelumalleja.
Luonnosohje: 4.2 Ryhmien luominen ja tekstit tyylejä
18 minTässä oppitunnissa opit, miten voit luoda ryhmiä ja tallentaa tekstityylit säästääksesi aikaa.
Luonnosohje: 4.3 kuvakkeiden löytäminen, luominen ja muokkaaminen
16 minKuvakkeet ovat suuri osa sovellusta. Tässä videossa opit, mistä löydät parhaat kuvakkeet ja miten integroit ne projektiisi.
Sketch-opas: 4.4 Chatin suunnittelu, työskentely kerroksilla
16 minNyt siirrymme sovelluksemme chattiin. Siellä työskentelemme kerrosten avulla, jotka sinun tulisi myös hyödyntää ajan säästämiseksi.
Luonnosteluopas: 4.5 iPhone X -muotoilu
11 miniPhone X muutti paljon sovellussuunnittelua. Suunnittelijoiden on nyt työskenneltävä uuden näytönmuodon kanssa. Tässä opit perusasiat.
Luonnosopas: 4.6 Käyttäjäprofiili, Sumennusvaikutus
18 minMillaisilla efekteillä voit antaa sovelluksellesi mielenkiintoisen muotoilun. Käytämme sumennusvaikutusta käyttäjäprofiilissasi.
Luonnosteluopas: 4.7 Suunnittelu työkaluna
18 minTässä videossa opit, miten voit käyttää suunnittelua työkaluna antaaksesi sovelluksellesi viimeisen silauksen.
Luonnosopas: 4.8 kirjastojen käyttö & toimintotaulukon luominen
6 minNyt käytämme iOS-kirjastoa rakentaaksemme toimintolomakkeen. Kirjastoilla voit säästää aikaa sekä suunnittelussa että kehityksessä.
Tarjota suunnitteluja
Luonnosteluvideot: 5 suunnittelua InVisionissa valmiina
13 minJos sovelluksesi halutaan kehittyvän, kehittäjät tarvitsevat suunnitelmasi. Tässä oppitunnissa opit, miten voit jakaa suunnitelmasi InVisionissa.
Tärkeiden tietojen tarjoaminen
Luonnosopas: 6 avun lisääminen sovellukseen
22 minSovelluksen käyttäjät eivät usein löydä oikeita painikkeita tai heillä on muita kysymyksiä, jotka eivät ole ilmeisesti havaittavissa. Siksi luomme kysymys- ja vastausosion.
Ammattimainen muotoilu
Luonnosopas: 7.1 Laskentavaatteiden suunnitteluohjeiden laatiminen
14 minKun sinulla on tiukkoja deadlines projekteillesi, sinulla ei usein ole aikaa suunnitella kaikkea itse. Täältä saat tietää, miten ja mistä saat apua.
Luonnosopas: 7.2 Kotiuudistus
25 minKotinäytössä meillä on vielä paljon parannettavaa. Siksi teemme uudelleensuunnittelun ensimmäiselle näytöllemme.
Luonnos-opas: 7.3 Käyttäjäkokemus Ostoprosessi
27 minKäyttäjän osto täytyy sujua kuin rasvattu, koska tämä on yksi herkimmistä hetkistä käyttäjän virtauksessa.
Uudistuksia Sketchissä
Luonnostelun opas: 8 prototyypin luominen Sketchissä
6 minUudessa Sketch-versiossa sinulla on mahdollisuus luoda prototyyppi suoraan Sketchissä.
Sovellusesimerkit
-
Esimerkki: Tutoriaalissa luot Sketchin avulla kehitettävän sovelluksen. -
Esimerkki: Valmentajasi antaa sinulle vinkkejä ja niksejä moderniin UX- ja UI-suunnitteluun matkalle.
Saatat myös olla kiinnostunut
Täysi voima, enemmän inspiraatioita, maksimaalinen WOW-efekti!
Elä omaa asettelua nyt!
20 settiä 4K (4096 × 4096 px, 300 DPI) JPG-muodossa sekä Photoshop-malleja, kalibroitu täyttötavalle
Enemmän tyyliä, enemmän voimaa, enemmän esimerkkejä!
Kommentoi nyt „Piirustusohje - tule UI- ja UX-suunnittelijaksi“