Epävarma mistä
alkaa?

Track

Todistus

UI/UX-Suunnittelutyökalut

4.9+

★★★★★

8 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

127 chapters
13 hours
162 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / UI/UX Design with Figma

Learn what Figma is, what its role is in UI/UX design, and how to navigate its interface and tools. Explore the FigJam board for brainstorming and collaboration, along with pages and frames in Figma, which form the foundation for organizing and structuring your designs effectively.

Discover how layers in Figma keep your design organized, explore how grouped shapes help you create stunning visuals, and learn to style text beautifully using typography tools.

Learn to place photos and videos, use masks, and apply blend modes for dynamic designs. Master colors, gradients, buttons, auto layouts, components, and styles. Unlock the power of plugins and widgets to enhance your creativity and streamline your workflow.

Explore columns, grids, plugins, and the parent-child component structure to streamline your design process.

Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.

Module 2 / Adobe Photoshop Mastering

Learn how to navigate Photoshop, create new projects, customize workspace, and get familiar with the software.

Let's master selections in Photoshop, understand how layers work, and learn to use layer masks which is the first step toward making creative images.

Learn how to remove unwanted objects or distractions from your images regardless of their size, change the appearance of some objects, and how to adjust the lights and colors of an image.

Ready to get deeper into the art world of Photoshop? In this section, you'll learn more about colors, color theory, different types of brushes and patterns, how to create gradients and more!

Now that we've learned most of the basic stuff with photoshop, it’s time to get creative and create some visuals.

Since we've come to the end of the course. Let’s see how we can manage our workflow and keep everything organized.

Module 3 / Adobe Illustrator Fundamentals

Discover how to use Illustrator by finding your way around, starting new projects, customizing your workspace, and getting comfortable with the software.

Let's start getting deeper into Illustrator and understand the difference between raster images and vector graphics, which will be our head start toward creating and managing objects & shapes.

Are you ready to dive deeper into Illustrator's art pool? In this section, you’ll learn more about manipulating shapes, color theory, how to create gradients and more!

It's time to learn how to draw any artwork from scratch and how to color them. Ready to create some digital art?

Now that we've learned most of the basic stuff, it's time to bring our inner artist to life.

Let's finalize everything we talked about, know how to polish artworks, how to present them, and how to export assets.

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?