loader image
Figma za UI-UX - Master web dizajn u Figmi

Figma za UI/UX: Master web dizajn u Figmi

Šta ćeš naučiti na kursu

Opis kursa

Ovaj kurs će vas naučiti svemu što treba da znate o modernom web dizajnu, a mi ćemo koristiti Figmu, jedan od najboljih programa za dizajn. 

  • Evo nekih stvari koje ćete naučiti:
  • Kurs je prilagođen početnicima – ići ćemo ga korak po korak i učiti kroz zabavne vježbe;
  • UI & UX – svi osnovni principi koje morate da znate;
  • Prilagodljiv dizajn: transformišite desktop verziju u verziju za mobilne uređaje;
  • Kako pripremiti dizajn za kodiranje: učinite koderima i klijentima srećnim;
  • Principi dizajna koji se mogu primijeniti na bilo koji projekat;
  • Saznajte šta klijenti žele od vas – koja sredstva/isporuke i u kom formatu.

Zašto pohađati ovaj kurs?

  • Radićete na projektima iz stvarnog svijeta koji su stvarno aktivni i koji imaju posjetioce i klijente;
  • Otkrijte najbolje savete i trikove koji će vas odvesti od početnika do naprednog korisnika za vrlo kratko vrijeme;
  • Istražite studije slučaja u kojima se detaljno objašnjavaju najčešće greške;
  • Dobijte pristup Discord grupi ispunjenoj ljudima koji vole web dizajn – besplatna soba za chat.
Prikaži više

Kome je ovaj kurs namjenjen?

  • Ovaj kurs je odličan i za početnike i za napredne korisnike koji žele da nauče moderan web dizajn;
  • Programeri web lokacija koji žele da nauče kako da dizajniraju web stranice;
  • Ljudi koji žele da znaju kako da transformišu desktop verziju web lokacije u mobilnu;
  • Dizajneri koji ne poznaju najnovije trendove i principe web dizajna;
  • Svako ko želi životnu vještinu na koju može da se osloni – bilo da radi o novoj karijeri ili drugom izvoru prihoda.

Plan i program

  • Uvod;
  • Preuzmite sve resurse ovdje;
  • Šta je Figma i da li je bolja od drugih dizajnerskih programa;
  • Kako brzo dobiti pomoć;
  • Ekran dobrodošlice u Figmi;
  • Početak rada sa Figma-om;
  • Najbolji načini za kretanje u Figmi;
  • Vježba: kako pomjerati elemente;
  • Rješavanje vježbe i nekoliko profesionalnih savjeta;
  • Otkrijte Figma interfejs i zašto ga profesionalci koriste;
  • Napravite svoju prvu mini web lokaciju;
  • Uređivanje ikona: boje i veličina;
  • Evo zašto toliko početnika odustaje;
  • Zašto ne kodiram (i ne planiram).
  • Cilj: Šta ćete naučiti u ovoj sekciji?;
  • Vrste PHP instalacionih softvera;
  • Kako konfigurisati PHP na Windows-u?;
  • Kako konfigurisati PHP na Mac-u?;
  • Vježba 1: Verifikovati PHP instalacioni softver;
  • Izaberite Vaš omiljeni PHP Editor;
  • Instalirajte Sublime
  • Uvod;
  • Najveća razlika u Figmi u odnosu na druge programe;
  • Evo kako kreirate dugmad u Figmi;
  • Osnove rada sa bojom;
  • Kako raditi sa bojom kao profesionalac;
  • Kako dodati slike: okviri protiv pravougaonika;
  • Napravite galeriju / kolaž u Figmi;
  • Kako maskirati u Figmi;
  • Evo 3 tipa teksta u Figmi;
  • Otkrijte svojstva tekstualnih slojeva;
  • Kako raditi sa tekstom kao profesionalac;
  • Efekti u Figmi: zamućenje, senke i još mnogo toga;
  • Sve što treba da znate o mrežama;
  • Pregled komponenti;
  • Nacrti i projekti u Figma;
  • Evo vas čini dobrim web dizajnerom;
  • Zaključci.
  • Uvod;
  • Podesite desktop verziju na ispravan način;
  • Kreirajte zaglavlje;
  • Kreirajte glavni meni;
  • Podesite okvir za pretragu;
  • Napravite padajući meni;
  • Napravite najvažniju stavku – karticu;
  • Kako poboljšati kartice;
  • Podesite sekundarnu navigaciju;
  • Napravite paginaciju;
  • Napravite osnovu za podnožje;
  • Dodavanje sadržaja u podnožje;
  • Kako se nositi sa vizuelnim nesavršenostima;
  • Evo šta treba da zapamtite.
  • Uvod;
  • Najbolja podešavanja i komponente web stranice;
  • Studija slučaja: Nestandardni izgledi;
  • Vježba: Napravite standardni izgled web stranice;
  • Kako pravilno odrediti veličinu vaših web elemenata;
  • Moja formula za savršen tekst;
  • Studija slučaja: slojevi teksta;
  • Šta treba da znate o kontrastu boja;
  • Studija slučaja: Boje – 1. dio;
  • Studija slučaja: Boje – 2. dio;
  • Kako poravnati elemente u hero area;
  • 3 pravila za ikone web dizajna;
  • Studija slučaja: Vizuelna ravnoteža;
  • Zaključci.
  • Uvod;
  • Koja je poenta web stranice;
  • Korisnik naspram vlasnika preduzeća;
  • Analitika u web dizajnu;
  • Šabloni i graditelji web stranica – Smrt web dizajnera;
  • Studija slučaja: 4 verzije iste web stranice;
  • Izgled početne stranice e-trgovine;
  • Detalji proizvoda za e-trgovinu;
  • Plaćanje e-trgovine;
  • Zašto web stranice nisu savršene;
  • Studije slučaja: potrebe klijenata;
  • Odredišna stranica u odnosu na web lokaciju;
  • Generisanje potencijalnih klijenata na odredišnim stranicama;
  • Zašto odredišne stranice imaju lošu reputaciju;
  • Odredišna stranica digitalnog proizvoda;
  • Testiranje odredišnih stranica;
  • Studija slučaja: moja odredišna stranica;
  • Zaključcci o potrebama klijenta.
  • Uvod;
  • Šta je UX;
  • Najbolji primjer dobrog korisničkog iskustva i pažnje na detalje;
  • Poboljšajte proces plaćanja da biste udvostručili prodaju;
  • Poboljšajte mobilnu verziju da biste udvostručili prodaju;
  • 7 podešavanja web stranice koja pokazuju pažnju na detalje;
  • Nadogradnja stranice proizvoda za mobilne uređaje;
  • Izvođenje 1-na-1 sesija sa koderom;
  • Evo šta treba da zapamtite.
  • Najvažnije pitanje pri pokretanju novog projekta;
  • Kako istražiti/pronaći inspiraciju za svoj projekat;
  • Postavite temelje projekta;
  • Napravite gornju traku;
  • Podesite zaglavlje;
  • Odlučite se za stil zaglavlja;
  • Napravite najvažniji dio – hero area;
  • Kreirajte sekundarnu navigaciju – kategorije proizvoda;
  • Evo đe se prodaje … ili ne!;
  • Napravite prvu verziju kartice;
  • Podesite stil kartice;
  • Završni detalji dizajna kartice;
  • Ne zaboravite na ovaj važan detalj;
  • Napravite odjeljak sa čestim pitanjima;
  • Evo zašto je automatski raspored odličan;
  • Napravite obrazac za prijavu na newsletter;
  • Postavite osnovu za podnožje;
  • Završavanje podnožja;
  • Istražite varijacije i poboljšajte svoj dizajn;
  • Kako pristupiti unutrašnjim stranicama;
  • Podesite gornju oblast za stranicu proizvoda;
  • Dodavanje sadržaja na stranicu proizvoda;
  • Kako da dodate jasne pozive na akciju za posjetioce;
  • Oblast glavnog sadržaja;
  • Napravite tabelu za bočnu traku;
  • Zaključci.
  • Uvod u mobilnu verziju;
  • Kako pokrenuti mobilnu verziju za početnu stranicu;
  • Napravite zaglavlje za mobilnu verziju;
  • Kako preurediti hero area;
  • Podesite karticu za mrežu proizvoda;
  • Nemojte preskočiti ovaj korak kada kreirate kartice proizvoda;
  • Uredite odeljak sa čestim pitanjima za mobilnu verziju;
  • Ponovo napravite newletter u uskom prostoru;
  • Napravite podnožje za mobilnu verziju;
  • Zaključci.
  • Priprema dizajna za kodiranje;
  • Zeplin – karika koja nedostaje;
  • Kako podesiti projekat za kodera/klijenta;
  • Sadržaj na strani servera i višeslojna grafika;
  • Evo šta programeri žele od vašeg dizajna;
  • Evo zašto je bitno da isporučite ono što je potrebno;
  • Završne misli i šta je sljedeće.
PREDAVAČ
Edukativna online platforma
Edukativna online platforma

Iskustva polaznika

Kurs info

Datum početka: 01.02.2022.
Datum završetka: 01.05.2022.
Broj učesnika: 20
Trajanje kursa: 11,5 sati video materijala
Nivo: Osnovni, Srednji
Cijena kursa: Besplatno
Sertifikovan: Ne
Dizajn
Figma za UI/UX: Master web dizajn u Figmi
ICT Cortex

Help desk

HR Platforma

Registar članica

Prijavna forma - Korteks akademija 2021/2022