YARENULOV · KURSEVI VEB DIZAJNA
PRIRUČNIK ZA RAD / UREĐIVAČI, CMS, INSPIRACIJA / ZAGREB, Ilica 42 / PON–PET 09:00–18:00
Kurs daje strukturu, ali s vremenom ćete najviše naučiti kroz alate i izvore koje koristite sami. Ovdje je popis programa, platformi i portala koji podržavaju učenje i rad. Nije obavezan popis — odaberite ono što odgovara vašem projektu i preskočite ostalo.
Ovo je kratki pregled prije detalja. Svaka skupina radi jedan posao — odabir, crtanje, slaganje ili provjera. Otvorite ono što vam treba sada i vratite se po ostalo kad projekt to zatraži.
Sve ostalo dolazi kasnije. Ovo je minimum bez kojeg se ne može ni početi, ni popraviti ono što ne radi.
Uređivač je mjesto gdje provodite najviše vremena. Popularni izbori uključuju Visual Studio Code, Sublime Text i Atom, a svaki ima svoje prednosti i zajednicu. Za početnika je najvažnije da ima osnovne funkcije: označavanje sintakse, automatsko dovršavanje i rad s mapama. Ne trošite previše vremena na odabir — odaberite jedan i naviknite se na njega.
Svaki moderni preglednik ima ugrađene razvojne alate koji prikazuju strukturu stranice i CSS pravila. Naučiti ih koristiti važnije je od bilo kojeg dodatka. Tu možete testirati promjene bez izmjene datoteka i vidjeti kako se stranica ponaša na različitim veličinama zaslona. To je najbrži način da otkrijete zašto nešto ne izgleda kako ste zamislili.
Figma je program za izradu mockupa i prototipa. Omogućuje vam da složite izgled stranice prije nego što napišete prvu liniju koda. Ako radite samo s WordPressom, možete preskočiti ovaj korak. Ako planirate raditi dizajnerske projekte, Figma je korisna. Za početak je dovoljno da savladate okvire, tekst, slike i osnovne komponente.
WordPress je najčešći CMS, a znanje postavljanja tema i plugina traži se na mnogim poslovima u Hrvatskoj. Učiona i PAR Fakultet, primjerice, u svojim programima navode rad s CMS-om. Uz WordPress postoje i drugi sustavi, ali za prvi posao ovaj je najpraktičniji izbor.
Administracija i korisnici
Postavljanje pristupa, uloga i osnovnih sigurnosnih postavki prije nego što site krene u javnost.
Agencije i studiji
Dodavanje sadržaja
Stranice, objave, kategorije, mediji i navigacija — osnovno održavanje sitea bez pomoći programera.
In-house timovi
Osnovna prilagodba izgleda
Rad s temom i pluginima tako da izgled prati dizajn, a ne da se dizajn prilagođava temi.
Malene firme
Alternativni sustavi
Postoje i drugi CMS-ovi, ali za prvi posao najlakše je proširiti već stečeno znanje s WordPressa na njih.
Kad projekt traži
STRUČNI PORTAL / FRONTEND I UX
Smashing Magazine objavljuje članke o web dizajnu, UX-u, frontendu i pristupačnosti, poznat po dubinskim analizama i praktičnim vodičima. Često obrađuje responzivni dizajn, grid i korisničko iskustvo. Ako želite razumjeti zašto nešto funkcionira, a ne samo kako, ovo je koristan izvor. Nije zamjena za praksu, ali pomaže da podignete razinu razumijevanja.
TEME
Responzivni dizajn, CSS grid, pristupačnost, tipografija i korisničko iskustvo.
FORMAT
Dugi članci s primjerima koda i objašnjenjima odluka, a ne samo gotovih rješenja.
KAKO ČITATI
Povremeno, uz projekt na stolu. Otvorite članak kad zapnete, ne redom od početka.
Awwwards ocjenjuje web stranice prema dizajnu, kreativnosti, upotrebljivosti i sadržaju, i poznat je po prikazu vizualno ambicioznih projekata. Koristan je za praćenje trendova i kao izvor inspiracije. Ali nemojte kopirati ono što vidite. Umjesto toga, pitajte se zašto je nešto napravljeno tako i kako bi se to primijenilo na vaš projekt.
Behance je Adobeova platforma za portfolio prezentaciju dizajnerskih projekata, koja se koristi za prikaz web, grafičkih i UX projekata. Ako tražite mjesto gdje objaviti prve radove, ovo je jedan od najpoznatijih izbora. Međunarodna baza kreativaca i studija znači da vaš rad može vidjeti i netko izvan Hrvatske. Za početak je dovoljno da objavite tri projekta s kratkim opisima.
Pročitaj o portfolijuGLOBALNA PLATFORMA / SAMOSTALNO UČENJE
Udemy je jedna od najvećih globalnih platformi za online kurseve, s tisućama web design i frontend tečajeva. Tečajevi se često ažuriraju prema alatima i trendovima, a format je kratak i modularan.
Popularna je za samostalno učenje jer ne zahtijeva fiksni raspored. Ako imate disciplinu, možete njome pokriti teme koje lokalni programi ne obrađuju — od naprednijeg CSS-a do animacija i naprednog frontenda.
Ne trebate sve odjednom. Cilj je da alati služe projektu, a ne da njihovo učenje postane projekt sam za sebe. Ako vam nešto ne treba u sljedeća dva mjeseca, preskočite.
Uređivač, preglednik i jedan CMS
Ovo je minimum za početak. Sve ostalo dodajete kad se pojavi potreba u konkretnom projektu.
Figma kad počnu dizajnerski projekti
Ako radite samo s CMS-om, slobodno preskočite. Dodajte je u trenutku kad trebate složiti izgled prije koda.
Stručne portale čitajte povremeno
Jedan dubinski članak tjedno vrijedi više od svakodnevnog prelistavanja. Otvorite ga kad zapnete na projektu.
Objava radova na jednom mjestu
Odaberite jednu platformu za portfolio i objavite tri projekta. Bolje tri dovršena nego sedam započetih.
Revizija svaka dva mjeseca
Pogledajte što stvarno koristite i izbacite ono što skuplja prašinu. Skup alata raste i smanjuje se s projektima.
Tečajevi poput Učioninog online programa "Web dizajn", koji navodi HTML, CSS i responzivni dizajn kroz 20 školskih sati, dobar su početak. Ali nijedan kurs ne pokriva sve. Zato je važno imati izvore koje možete konzultirati kad zapnete. Kombinacija strukturiranog kursa i vlastitog istraživanja najčešće daje najbolje rezultate.
DALJE NA PORTALU
Ovisi o poslu koji tražite. Za WordPress projekte dovoljan je CMS, za dizajnerski rad Figma pomaže. Za početak možete preskočiti — Figmu otvorite u trenutku kad počnete slagati izgled prije koda.
Ne postoji jedan najbolji. Visual Studio Code je čest izbor, ali važnije je da se naviknete na jedan uređivač i njegove osnovne funkcije — označavanje sintakse, dovršavanje i rad s mapama. Preskakanje između alata troši vrijeme koje biste potrošili na vježbu.
Za učenje su dovoljni besplatni planovi uređivača, preglednika i besplatna verzija Figme. Plaćene planove uzmite kad projekt to zatraži — ne zato što ih netko drugi koristi.
PRIJE NEGO ŠTO ZATVORITE STRANICU
Ako vam nešto ne treba u sljedeća dva mjeseca — preskočite. Alati su tu da služe projektu, a ne da njihovo učenje postane projekt samo za sebe. Imate pitanje o konkretnom alatu ili kursu? Javite se i odgovorit ćemo na osnovu onoga što stvarno radite u projektu.
JAVITE SE
Radno vrijeme: Pon–Pet 09:00–18:00 · Sub 10:00–14:00
Ako niste sigurni koji format kursa vam odgovara, usporedba formata i trajanja pomaže da odaberete prije upisa — bez obveze i bez pritiska.
