Luonnos A:sta Ö:hön: tule UI-suunnittelijaksi

Luonnosopas - tule UI- ja UX-suunnittelijaksi

Kieli: Saksa

Piirustusohje - tule UI- ja UX-suunnittelijaksi

Sketch on tehokas ja intuitiivinen työkalu, jonka avulla voit luoda verkkoprojektien prototyyppejä. Käyttöliittymä- ja käyttökokemusohjelmiston avulla voit luoda dynaamisia käyttöliittymiä verkkosivuille ja sovelluksille. Merkittävä etu on, että suunnittelut noudattavat verkkosuunnittelun sääntöjä, mikä mahdollistaa sinun luovuttaa kehittäjälle suoraan toteutettavan tuloksen. Tutustu Sketchiin tässä yli viisituntisessa tutoriaalissa Luca Kiedrowskin johdolla, joka vie sinut käytännön kautta käsitteestä prototyyppiin ja lopulta täysin suunniteltuun verkkokäyttöliittymään.

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.

tiedot

Käyttökelpoinen sen kanssa:
Sisältö: 5 h Videokoulutus
Lisenssi: yksityinen ja kaupallinen Käyttöoikeudet
Bonus: sisältää työvälineet

Luokat

Suunnittelu (kuvitus, asettelu & painaminen)

Rakkaudella luonut:

Luca Kiedrowski

Sovellusesimerkit

Avaa galleria

Esimerkki: Tutoriaalissa luot Sketchin avulla kehitettävän sovelluksen.
Avaa galleria

Esimerkki: Valmentajasi antaa sinulle vinkkejä ja niksejä moderniin UX- ja UI-suunnitteluun matkalle.

Johdanto

Ilmaiseksi

Luonnosopas: 1.1 Johdanto

Lämpimästi tervetuloa sketsioppaaseen: Opi suunnittelemaan omia sovelluksiasi ohjelman avulla. Tässä kurssin yleiskuvaus.

Lataa projektitiedosto

Ilmaiseksi

Sketch-opas: 1.2 Mikä on Sketch?

Lyhyt johdatus "Sketch"-ohjelmaan ja miten pääset ohjelmaan.

Luonnosopas: 1.3 Ohjelmiston käyttöliittymä

Luonnosopetus: 1.3 Ohjelmiston käyttöliittymä

Tä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

Sketch 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.

Pluginit auttavat sinua työskentelemään vielä paremmin ja nopeammin Sketchissä. Näytän sinulle, mitkä pluginit voivat auttaa sinua parhaiten.

Luonnosteluohje: 1.6 Kirjastojen asentaminen

Sketch-ohje: 1.6 Kirjastojen asentaminen

Voit ottaa käyttöön Apple- tai Android-standardisuunnittelut suoraan projektiisi Librariesin avulla.

Luonnosopetus: 1.7 InVision

InVision on työkalu, joka helpottaa huomattavasti Sketch-projektiasi. Siellä voit luoda "Wireframe"-luonnoksia projektisi jäsentämiseksi.

Suunnittelun perusteet

Luonnosopas: 2.1 Värit

Värit antavat sinulle mahdollisuuden täyttää sovelluksesi elämällä. Tässä pieni aloitus värimaailmaan.

Luonnosopas: 2.2 Fontit

Sosiaalinen verkosto "Medium" osoittaa, miten paljon fontit voivat vaikuttaa käyttäjäkokemukseen. Fontit sovelluksessasi voivat olla hyvin tärkeitä.

Luoda prototyyppejä

Luonnosopas: 3 Prototyyppiä

Nyt aloitamme varsinaisen sovelluksen.

Näyttösuunnittelu

Luonnosopas: 4.1 Aloitusnäyttö ja suunnittelupohjat

Sketch-ohje: 4.1 Aloitusnäyttö ja suunnittelupohjat

Nyt uskallamme siirtyä varsinaiseen projektiimme ja aloittaa kotinäytöllä. Lisäksi opit täällä, miten voimme luoda suunnittelumalleja.

Luonnosopas: 4.2 Ryhmien luominen ja tekstityylit

Luonnosohje: 4.2 Ryhmien luominen ja tekstit tyylejä

Tässä oppitunnissa opit, miten voit luoda ryhmiä ja tallentaa tekstityylit säästääksesi aikaa.

Luonnosohje: 4.3 kuvakkeiden löytäminen, luominen ja muokkaaminen

Kuvakkeet ovat suuri osa sovellusta. Tässä videossa opit, mistä löydät parhaat kuvakkeet ja miten integroit ne projektiisi.

Luonnosohje: 4.4 Chatin suunnittelu, työskentely kerroksien kanssa

Sketch-opas: 4.4 Chatin suunnittelu, työskentely kerroksilla

Nyt 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

iPhone X muutti paljon sovellussuunnittelua. Suunnittelijoiden on nyt työskenneltävä uuden näytönmuodon kanssa. Tässä opit perusasiat.

Luonnosopetus: 4.6 Käyttäjäprofiili, sumennusefekti

Luonnosopas: 4.6 Käyttäjäprofiili, Sumennusvaikutus

Millaisilla efekteillä voit antaa sovelluksellesi mielenkiintoisen muotoilun. Käytämme sumennusvaikutusta käyttäjäprofiilissasi.

Luonnosteluopas: 4.7 Suunnittelu työkaluna

Tässä videossa opit, miten voit käyttää suunnittelua työkaluna antaaksesi sovelluksellesi viimeisen silauksen.

Luonnosopetus: 4.8-kirjastojen käyttäminen ja toimintotaulukon luominen

Luonnosopas: 4.8 kirjastojen käyttö & toimintotaulukon luominen

Nyt käytämme iOS-kirjastoa rakentaaksemme toimintolomakkeen. Kirjastoilla voit säästää aikaa sekä suunnittelussa että kehityksessä.

Tarjota suunnitteluja

Suunnittelun ohje: Valmistele 5 suunnitelmaa InVisionissa.

Luonnosteluvideot: 5 suunnittelua InVisionissa valmiina

Jos sovelluksesi halutaan kehittyvän, kehittäjät tarvitsevat suunnitelmasi. Tässä oppitunnissa opit, miten voit jakaa suunnitelmasi InVisionissa.

Tarjoa tärkeät tiedot

Luonnosopas: 6 avun lisääminen sovellukseen

Sovelluksen 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 suunnittelu

Sketch-ohje: Luodaan litteämuotoilugrafiikkoja.

Luonnosopas: 7.1 Laskentavaatteiden suunnitteluohjeiden laatiminen

Kun 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

Kotinäytössä meillä on vielä paljon parannettavaa. Siksi teemme uudelleensuunnittelun ensimmäiselle näytöllemme.

Kuvakäsikirjoitusopas: 7.3 Käyttäjäkokemuksen ostoprosessi

Luonnos-opas: 7.3 Käyttäjäkokemus Ostoprosessi

Käyttäjän osto täytyy sujua kuin rasvattu, koska tämä on yksi herkimmistä hetkistä käyttäjän virtauksessa.

Uudistukset Sketchissä.

Luonnosopas: 8 prototyyppiä luonnoksessa

Luonnostelun opas: 8 prototyypin luominen Sketchissä

Uudessa Sketch-versiossa sinulla on mahdollisuus luoda prototyyppi suoraan Sketchissä.

Yksityiskohdat sisällöstä

Mobiilin käyttöliittymä- ja käyttökokemussuunnittelun ymmärtäminen ja toteuttaminen Sketchillä

Olitpa tekemässä sovellusta, verkkosivustoa tai blogia - herätä käyttöliittymä- ja käyttökokemussuunnitelmasi eloon - Sketchillä. Tässä yli viisituntisessa video-oppaassa kouluttaja Luca Kiedrowskin opastuksella opit kaikki ohjelman perusteet nopeasti, jotta voit pian työskennellä intensiivisesti vuorovaikutteisen sovellussuunnitteluesimerkkiprojektin parissa.

Siksi sinun tulisi katsoa tämä Sketch-opastus

Asetat käyttöliittymä- ja käyttökokemussuunnittelussa suoraan ammattimaisen työkalun, koska Sketchia käyttävät myös tunnetut yritykset kuten Google, Facebook ja Apple. Intuitiivisen käytön ansiosta ohjelman käyttö on nopeasti opittavissa, joten saat näyttäviä tuloksia lyhyessä ajassa.

Olet sitten suunnittelutaustaa omaava tai ei: Sketch-opastus sopii yleisesti erinomaisesti perehdytykseen käyttöliittymä- ja käyttökokemussuunnittelun alalle ja erityisesti omien sovellussuunnitteluideoidesi toteuttamiseen Sketchillä. Perusteet ja sovellus samassa paketissa!

Jos suunnittelet jo designeja webiin ja printtiin (esimerkiksi Photoshopilla tai Illustratorilla): Opettele siirtämään designeja ja yksittäisiä elementtejä kuten ikoneita tai symboleita dynaamisiin ja kehityskelpoisiin käyttöliittymäsuunnitelmiin. Tällä osaamisella alalla webdesign tarjoat ansioluettelollesi erittäin (ja yhä enemmän) haluttua lisäarvoa.

Paranna yhteistyötä web-kehittäjien kanssa: Käyttämällä Sketchiä valmistelet käyttöliittymiä, jotka noudattavat jo web-suunnittelun sääntöjä. Tämän seurauksena voit luovuttaa kehitykselle designit, jotka voidaan toteuttaa suoraan. Tällä tavoin lyhennät merkittävästi matkaa konseptista ja designista toteutettuun web-sovellukseen.

Käyttöliittymä- ja käyttökokemussuunnittelu Sketchillä A:sta Ö:hön

Sketch-opastuksen pääpaino on ohjelman käytännön soveltamisessa, joka on saatavilla palveluntarjoajan verkkosivustolla ilmaisena kokeiluversiona. Kouluttajasi avulla käyt läpi sovellussuunnittelun vaiheet vaihe vaiheelta esimerkkiä käyttäen aina luonnoksen luomisesta valmiiseen käyttöliittymäsuunnitelmaan. Työkalut ovat saatavilla oppaassa, joten voit osallistua käytännön harjoituksiin suoraan:

Aluksi hahmottelet karkeasti, miltä sovelluksen käyttöliittymä näyttää tulevaisuudessa. Sen jälkeen ryhdyt suunnittelemaan. Luot aloitusnäytön, työskentelet ryhmissä, kerroksissa ja tekstityyleissä sekä valitset sopivia ikoneja. Suunnittelet chattia, apua ja käyttäjäprofiilia, ja opit työskentelemään kirjastoilla, toimintopainikkeilla ja tehosteilla. Lopputuloksena on täydellinen käyttöliittymäsuunnitelma, josta voit Sketchin nykyisessä 52 versiossa jopa luoda prototyypin.

Ennen tätä opit tärkeimmät perusasiat Sketchistä ja käyttöliittymäsuunnittelusta. Näin pystyt nopeasti oppimaan käyttöliittymän hallinnan, tunnet tärkeimmät liitännäiset ja työkalut ja tiedät miten käyttää fontteja ja värejä tehokkaasti. Kouluttajasi näyttää myös, milloin on järkevää yhdistää Sketch ja InVision esimerkiksi niin sanotussa wireframing-vaiheessa.