- Kompanija: ICT Cortex
- Broj modula: 9
Šta ćeš naučiti na kursu
- Kreirajte prelijepe dizajne web lokacija u Figmi;
- Transformišite desktop verziju web lokacije u mobilnu;
- Kako pripremiti dizajn za klijenta i kodere;
- Najvažniji principi dizajna koji se mogu primijeniti na bilo koji projekat web dizajna;
- Kako započeti bilo koji projekat web stranice na pravi način;
- Dobijte inspiraciju i resurse za dizajn - na pravi način!
Uslovi za upis na kurs
- Figma je potpuno besplatna. Sve što vam treba je računar i malo vremena.
- Engleski jezik
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.
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.
by Logate and Bild Studio
