Korkealaatuisia malleja, helppo muokata Lataa sisältö heti Yli 10 000 varmennettua arvostelua Laatu tehty Saksassa
>
> > Testaa nyt
Luonnosopas - tule UI- ja UX-suunnittelijaksi Kieli: Saksa

Piirustusohje - tule UI- ja UX-suunnittelijaksi

Suunnittelu (kuvitus, asettelu & painaminen) 24 Videos · 5.2 h Videokoulutus · Suomalainen Luca Kiedrowski by Luca Kiedrowski

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.

Sisältö

24 Videos, 315 minuuttia

Johdanto

7 Videos · 26 minuuttia
01 Open Ilmaiseksi

Luonnosopas: 1.1 Johdanto

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

5 MB
02 Open Ilmaiseksi

Sketch-opas: 1.2 Mikä on Sketch?

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

9 MB
03 Open

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.

13 MB
04 Open

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.

11 MB
05 Open

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.

18 MB
06 Open

Sketch-ohje: 1.6 Kirjastojen asentaminen

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

10 MB
07 Open

Luonnosopetus: 1.7 InVision

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

10 MB
01

Luonnosopas: 1.1 Johdanto

3 min Open
5 MB
02

Sketch-opas: 1.2 Mikä on Sketch?

2 min Open
9 MB
03

Luonnosopetus: 1.3 Ohjelmiston käyttöliittymä

6 min Open
13 MB
04

Luonnostelun opas: 1.4 Työkalut

3 min Open
11 MB
05

Luonnosohje: 1.5 Tärkeimmät lisäosat.

5 min Open
18 MB
06

Sketch-ohje: 1.6 Kirjastojen asentaminen

3 min Open
10 MB
07

Luonnosopetus: 1.7 InVision

4 min Open
10 MB

Suunnittelun perusteet

2 Videos · 37 minuuttia
08 Open

Luonnosopas: 2.1 Värit

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

35 MB
09 Open

Luonnosopas: 2.2 Fontit

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

36 MB
08

Luonnosopas: 2.1 Värit

19 min Open
35 MB
09

Luonnosopas: 2.2 Fontit

18 min Open
36 MB

Prototyyppien luominen

1 Videos · 18 minuuttia
10 Open

Luonnosopas: 3 Prototyyppiä

Nyt aloitamme varsinaisen sovelluksen.

43 MB
10

Luonnosopas: 3 Prototyyppiä

18 min Open
43 MB

Näyttösuunnittelu

8 Videos · 128 minuuttia
11 Open

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.

68 MB
12 Open

Luonnosohje: 4.2 Ryhmien luominen ja tekstit tyylejä

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

53 MB
13 Open

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.

52 MB
14 Open

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.

50 MB
15 Open

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.

34 MB
16 Open

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

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

50 MB
17 Open

Luonnosteluopas: 4.7 Suunnittelu työkaluna

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

58 MB
18 Open

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

14 MB
11

Sketch-ohje: 4.1 Aloitusnäyttö ja suunnittelupohjat

25 min Open
68 MB
12

Luonnosohje: 4.2 Ryhmien luominen ja tekstit tyylejä

18 min Open
53 MB
13

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

16 min Open
52 MB
14

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

16 min Open
50 MB
15

Luonnosteluopas: 4.5 iPhone X -muotoilu

11 min Open
34 MB
16

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

18 min Open
50 MB
17

Luonnosteluopas: 4.7 Suunnittelu työkaluna

18 min Open
58 MB
18

Luonnosopas: 4.8 kirjastojen käyttö & toimintotaulukon luominen

6 min Open
14 MB

Tarjota suunnitteluja

1 Videos · 13 minuuttia
19 Open

Luonnosteluvideot: 5 suunnittelua InVisionissa valmiina

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

42 MB
19

Luonnosteluvideot: 5 suunnittelua InVisionissa valmiina

13 min Open
42 MB

Tärkeiden tietojen tarjoaminen

1 Videos · 22 minuuttia
20 Open

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.

65 MB
20

Luonnosopas: 6 avun lisääminen sovellukseen

22 min Open
65 MB

Ammattimainen muotoilu

3 Videos · 66 minuuttia
21 Open

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.

62 MB
22 Open

Luonnosopas: 7.2 Kotiuudistus

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

84 MB
23 Open

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.

92 MB
21

Luonnosopas: 7.1 Laskentavaatteiden suunnitteluohjeiden laatiminen

14 min Open
62 MB
22

Luonnosopas: 7.2 Kotiuudistus

25 min Open
84 MB
23

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

27 min Open
92 MB

Uudistuksia Sketchissä

1 Videos · 6 minuuttia
24 Open

Luonnostelun opas: 8 prototyypin luominen Sketchissä

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

19 MB
24

Luonnostelun opas: 8 prototyypin luominen Sketchissä

6 min Open
19 MB

Sovellusesimerkit

  • Älypuhelimet, joissa on sovellus, jonka suunnittelu on tehty Sketchissä
    Avaa galleria
    Esimerkki: Tutoriaalissa luot Sketchin avulla kehitettävän sovelluksen.
  • Älypuhelin sovelluksella, jonka suunnittelu tehtiin Sketch-ohjelmalla.
    Avaa galleria
    Esimerkki: Valmentajasi antaa sinulle vinkkejä ja niksejä moderniin UX- ja UI-suunnitteluun matkalle.
Kommentit (0)

Kommentoi nyt „Piirustusohje - tule UI- ja UX-suunnittelijaksi“

Muut käyttäjät saattavat kiinnostua

You might also like

InDesign-koulutus - Perusteet & Kikat (Ilmainen)
Ilmaiseksi
Siirry sisältöön  Osoitteeseen InDesign-koulutus - Perusteet & Niksit
InDesign-koulutus - Perusteet & Niksit

Elä omaa asettelua nyt!

11 Tunnit 50 minuuttia
Photoshop-työpaja-DVD - Efektit tekstile, asettelulle ja valokuvalle - Osa 1 (ilmainen)
Ilmaiseksi
Siirry sisältöön  Osoitteeseen Photoshopin työpaja: Valokuvien muokkaaminen, tehokeinot
Photoshopin työpaja: Valokuvien muokkaaminen, tehokeinot

Täysi voima, enemmän inspiraatioita, maksimaalinen WOW-efekti!

23 Tunnit 19 minuuttia
Microsoft Designer: tekoälytyökalu kuviin, grafiikkaan, lentolehtisiin ja muuhun (opas)
Siirry sisältöön  Osoitteeseen Microsoft Designer: tekoälytyökalu kuvien ja grafiikoiden luomiseen (ohje)
Microsoft Designer: tekoälytyökalu kuvien ja grafiikoiden luomiseen (ohje)

Ajan säästäminen tekoälyn avulla

2 Tunnit 28 minuuttia
Photoshop-työpaja DVD - efektit typografiaan, taittoon ja valokuvaan - Vol. 2 (ilmainen)
Ilmaiseksi
Siirry sisältöön  Osoitteeseen Virhe, ulkoasu ja tehosteet Photoshopissa
Virhe, ulkoasu ja tehosteet Photoshopissa

Enemmän tyyliä, enemmän voimaa, enemmän esimerkkejä!

17 Tunnit 9 minuuttia