Epävarma mistä
alkaa?

Track

Todistus

UI/UX-Suunnittelutyökalut

4.6+

★★★★★

11 arvostelut

Beginner

Suorittamalla tämän raidan saat taidot suunnitella intuitiivisia ja visuaalisesti houkuttelevia web- ja mobiilikäyttöliittymiä Figmaa käyttäen, soveltaa keskeisiä UI/UX-periaatteita parantaaksesi käyttäjäkokemusta sekä työskennellä tehokkaasti Adobe Photoshopin ja Illustratorin kanssa korkealaatuisten grafiikoiden ja suunnitteluelementtien luomiseksi. Nämä työkalut ja tekniikat auttavat luomaan ammattimaisia, käyttäjäystävällisiä digitaalisia tuotteita, jotka sitouttavat ja säilyttävät käyttäjät.

Figma

Photoshop

Illustrator

Boost your Tech Skills!

with up to 55% off

What you'll get with our subscription:

Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion

Training 2 or more people?

Get your team access to Codefinity courses anytime, anywhere.

Try Codefinity Teams

What you will learn

Explore design principles, user experience methodologies, and real-world UI/UX challenges through practical projects
Understand core design principles, including layout, typography, color theory, and composition
Gain expertise in Photoshop's selection tools, layers, masks, and adjustment layers for advanced photo editing
Master retouching techniques, color correction, and non-destructive editing to enhance digital artwork
Learn to create professional vector graphics, including logos, icons, and illustrations
Explore Illustrator's essential tools, layer management, and color manipulation techniques for high-quality design projects

126 chapters
13 hours
161 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / UI/UX-Suunnittelu Figmalla

Opi, mitä Figma on, mikä on sen rooli UI/UX-suunnittelussa sekä kuinka navigoida sen käyttöliittymässä ja työkaluissa. Tutustu FigJam-tauluun ideointia ja yhteistyötä varten sekä Figma-sivuihin ja -kehyksiin, jotka muodostavat perustan suunnitelmien tehokkaalle organisoinnille ja rakenteelle.

Opi, miten kerrokset Figmassa auttavat pitämään suunnittelun järjestyksessä. Tutustu, miten ryhmitellyt muodot tukevat vaikuttavien visuaalien luomista. Perehdy tekstin tyylittelyyn typografiatyökaluilla.

Opi sijoittamaan valokuvia ja videoita, käyttämään maskeja sekä hyödyntämään sekoitustiloja dynaamisten suunnitelmien luomiseksi. Hallitse värit, liukuvärit, painikkeet, automaattiset asettelut, komponentit ja tyylit. Hyödynnä laajennusten ja widgetien mahdollisuudet luovuuden lisäämiseksi ja työnkulun tehostamiseksi.

Tutustu sarakkeisiin, ruudukoihin, liitännäisiin ja vanhempi-lapsi-komponenttirakenteeseen suunnitteluprosessin tehostamiseksi.

Matalaresoluutioisten rautalankamallien kehittäminen, interaktiivisten prototyyppien luominen, suunnittelujen animointi ja työn esittäminen asiakkaille tehokkaasti.

Module 2 / Adobe Photoshopin hallinta

Photoshopin navigoinnin, uusien projektien luonnin, työtilan mukauttamisen ja ohjelmiston perustoimintojen hallinta.

Hallitaan Photoshopin valinnat, ymmärretään tasojen toiminta ja opitaan käyttämään tasomaskeja, mikä on ensimmäinen askel luovien kuvien tekemiseen.

Opi poistamaan ei-toivotut kohteet tai häiriötekijät kuvistasi niiden koosta riippumatta, muuttamaan joidenkin kohteiden ulkonäköä sekä säätämään kuvan valoja ja värejä.

Valmis syventymään Photoshopin taiteelliseen maailmaan? Tässä osiossa opit lisää väreistä, väriteoriasta, erilaisista siveltimistä ja kuvioista, liukuvärien luomisesta ja muusta!

Nyt kun olemme oppineet suurimman osan Photoshopin perusteista, on aika siirtyä luovaan työskentelyyn ja visuaalisten elementtien luomiseen.

Olemme nyt kurssin lopussa. Tarkastellaan, kuinka voimme hallita työnkulkuamme ja pitää kaiken järjestyksessä.

Module 3 / Adobe Illustratorin kattava opas

Opi käyttämään Illustratoria tutustumalla ohjelman käyttöliittymään, aloittamalla uusia projekteja, mukauttamalla työtilaa ja perehtymällä ohjelmiston toimintoihin.

Aloitetaan syventymällä Illustratoriin ja ymmärretään rasterikuvien ja vektorigrafiikan ero, mikä toimii lähtökohtanamme objektien ja muotojen luomiseen ja hallintaan.

Oletko valmis syventymään Illustratorin taiteen maailmaan? Tässä osiossa opit lisää muotojen käsittelystä, väriteoriasta, liukuvärien luomisesta ja muusta!

Nyt opit piirtämään minkä tahansa kuvituksen alusta alkaen sekä värittämään ne.

Nyt kun olemme oppineet suurimman osan perusteista, on aika herättää sisäinen taiteilijamme eloon.

Käydään läpi kaikki aiemmin käsitelty, opitaan viimeistelemään taideteokset, esittelemään ne sekä viemään aineistot.

Module 4 / Suunnittelun Perusteet

Tutustu siihen, mitä suunnittelu tarkoittaa, miksi se on tärkeää ja millainen vaikutus sillä on viestintään ja ongelmanratkaisuun. Selvitä, miten erilaiset suunnittelutyypit muovaavat kokemuksia eri aloilla, digitaalisista tuotteista painotuotteisiin. Opi tutkimuksen merkityksestä luovien päätösten ohjaamisessa ja ratkaisujen varmistamisessa käyttäjien tarpeisiin tehokkaasti.

Ymmärrys siitä, miten viivat, muodot ja rakenteet jäsentävät visuaalisia asetteluja. Koon, tilan ja formaatin merkityksen tunnistaminen tasapainon luomisessa. Valokuvien ja kuvitusten rooli tarinankerronnassa. Gestalt-periaatteiden soveltaminen havainnon ohjaamiseen ja elementtien yhdistämiseen yhtenäiseksi ja kiinnostavaksi kokonaisuudeksi.

Hallitse vahvan suunnittelun peruselementit. Tutustu korostukseen, tasapainoon, kontrastiin, toistoon ja mittasuhteisiin harmonian ja selkeyden luomiseksi. Selvitä, miten rytmi, liike, kuvio ja hierarkia ohjaavat huomiota, kun taas tyhjä tila ja vaihtelu tuovat tilaa ja energiaa. Opi, miten yhtenäisyys sitoo kokonaisuuden vaikuttavaksi.

Syvenny typografiaan suunnittelun keskeisenä osa-alueena. Tutustu kirjainten rakenteeseen, välityksiin ja luettavuuteen viestinnän parantamiseksi. Opiskele, kuinka valita typografioita, jotka vastaavat sävyä ja tarkoitusta, sekä tutustu typografiseen hierarkiaan järjestyksen ja merkityksen luomiseksi. Typografiasta tulee tehokas väline tyylin ja selkeyden muovaamiseen.

Tutustu värien kieleen ja järjestelmiin, kuten RGB, CMYK ja Pantone. Perehdy väriteoriaan ja harmoniaan visuaalisesti tasapainoisen työn luomiseksi. Selvitä, miten kontrasti vaikuttaa luettavuuteen, miten väriavaruudet määrittävät johdonmukaisuuden eri medioissa ja miten värien psykologia vaikuttaa tunteisiin, brändäykseen ja havaintoon.

Requirements

A computer with a browser - all browsers are supported.
Your enthusiasm to enhance your tech skills.
Everything else needed to start learning and practicing is already included in this course.

Over 200,000 5-star ratings and counting

Ruslan Kravchuk

Tärkeintä on oppia eikä luovuttaa

Materiaali on hyvä, opittavaa riittää – kaikki parantuaksesi ja tärkeintä on oppia sitä, mitä haluat....

Matteo Comune

Kiitos heille opin paljon…

Kiitos heille opin paljon nopeammin, koska he auttavat ymmärtämään kaiken alusta alkaen. Tämä on paras sivusto, joka tukee IT-taustattomia...

Yuliana Cadavid

Loistava kurssi aloittelijoille

Loistava kurssi aloittelijoille, joka testaa tietosi jokaisella oppitunnilla...

Elpunzon

Nautin Codefinity-kokemuksestani…

Nautin Codefinity-kokemuksesta Pythonin oppimiseen. Itseohjautuva oppimismenetelmä on erinomainen, sillä se mahtuu aikatauluuni...

Alexandru Alexandru

On mukava oppia Codefinityltä

On mukava oppia Codefinityltä. Se on helppoa ja tarjoaa hyviä esimerkkejä opitusta...

jacob Templet

Easy to follow along with and provides…

Helppo seurata ja se tuo haastetta arkeeni. Haaste saa minut haluamaan oppia päivä toisensa jälkeen...

Elan

Codefinity on kattava oppimisväline…

Codefinity on kattava oppimisväline, joka auttaa kehittämään taitojasi ohjelmistoinsinöörinä tai datatieteilijänä. Harjoitukset ovat hauskoja ja erinomainen tapa hioa taitojasi...

Thibault

Ensimmäistä kertaa koodaamista opiskellen

Ensimmäistä kertaa koodaamista opiskellen ja onnistuneesti Codefinityn avulla – kiitos...

Adrien Morel

Hyvin suunniteltu täysin aloittelijoille

Hyvin suunniteltu täysin aloittelijoille, sisältää asteittaista edistystä ja saa minut tuntemaan oloni varmaksi....

_Gracy

se on yksinkertaisesti täydellisesti selitetty

se on yksinkertaisesti täydellisesti selitetty! Tähän mennessä en ole kohdannut vaikeuksia, koska kaikki on niin hyvin järjestetty....

Ruslan Kravchuk

Tärkeintä on oppia eikä luovuttaa

Materiaali on hyvä, opittavaa riittää – kaikki parantuaksesi ja tärkeintä on oppia sitä, mitä haluat....

Matteo Comune

Kiitos heille opin paljon…

Kiitos heille opin paljon nopeammin, koska he auttavat ymmärtämään kaiken alusta alkaen. Tämä on paras sivusto, joka tukee IT-taustattomia...

Yuliana Cadavid

Loistava kurssi aloittelijoille

Loistava kurssi aloittelijoille, joka testaa tietosi jokaisella oppitunnilla...

Elpunzon

Nautin Codefinity-kokemuksestani…

Nautin Codefinity-kokemuksesta Pythonin oppimiseen. Itseohjautuva oppimismenetelmä on erinomainen, sillä se mahtuu aikatauluuni...

Alexandru Alexandru

On mukava oppia Codefinityltä

On mukava oppia Codefinityltä. Se on helppoa ja tarjoaa hyviä esimerkkejä opitusta...

jacob Templet

Easy to follow along with and provides…

Helppo seurata ja se tuo haastetta arkeeni. Haaste saa minut haluamaan oppia päivä toisensa jälkeen...

Elan

Codefinity on kattava oppimisväline…

Codefinity on kattava oppimisväline, joka auttaa kehittämään taitojasi ohjelmistoinsinöörinä tai datatieteilijänä. Harjoitukset ovat hauskoja ja erinomainen tapa hioa taitojasi...

Thibault

Ensimmäistä kertaa koodaamista opiskellen

Ensimmäistä kertaa koodaamista opiskellen ja onnistuneesti Codefinityn avulla – kiitos...

Adrien Morel

Hyvin suunniteltu täysin aloittelijoille

Hyvin suunniteltu täysin aloittelijoille, sisältää asteittaista edistystä ja saa minut tuntemaan oloni varmaksi....

_Gracy

se on yksinkertaisesti täydellisesti selitetty

se on yksinkertaisesti täydellisesti selitetty! Tähän mennessä en ole kohdannut vaikeuksia, koska kaikki on niin hyvin järjestetty....

Data Engineer

Suoritustodistus

Näytä äskettäin hankitut taitosi. Olet ansainnut sen

Discover more
Learning tracks

	ProBest intro offer	UltimateA complete experience to kickstart your career
85+ Top-Rated courses
Completion certificates
AI-Assistant in all courses
20+ hands-on Real-world projects
Personalized study tracks
Unlimited workspaces

UI/UX-Suunnittelutyökalut

Verkkokehitys C#:lla

Python Nollasta Sankariksi

SQL Alkeista Asiantuntijaksi

C++ Perusteet

Pelinkehitys Unitylla

Tule React Developeriksi

Excelin Perusteet

Java Perusteet

Full Stack -Verkkokehitys

Frontend-Kehityksen Perusteet

Datan Visualisoinnin Hallinta

Koneoppimisen Hallinta

C++ Osaaminen

Java Web

Tule QA-Insinööriksi

Video Production with Adobe

Olennaiset Toimistotaidot

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

Kooditon Verkkosivujen Kehitys

Syväoppimisen Matka

Ready to get started?