Od autora: mnogi početnici ne znaju odakle početi učiti web dizajn. Veliki i užasan Internet prepun je raznih materijala koji često zbunjuju. Većina ljudi također ima element sumnje u svoj talenat i strah od neuspjeha. Pogotovo ako je njihovo upoznavanje sa grafikom bilo ograničeno na časove likovne kulture u osnovnoj školi.

Danas ću vam reći kako postati web dizajner i ne izgubiti se u ogromnoj količini informacija. Ako imate vjeru u sebe i želju za učenjem, onda je ovaj članak za vas!

Pećinski ljudi su pravili pećinske slike, stari Egipćani su crtali hijeroglife, a mi živimo u doba web dizajna. Šta je? Pokušat ću objasniti „na prste“ i upakirati u ovaj članak minimum koji samo trebate shvatiti prije nego krenete u ovu oblast.

Web dizajn je...

Svi mi intuitivno razumijemo da je web dizajn pretvaranje informacija na ekranu u nešto estetski ugodno i prepoznatljivo. To je razmjena ideja sa drugim ljudima. Izraz vaše individualnosti. Grafička formulacija glavnih ciljeva i zadataka stranice, njenog koncepta. Općenito, ovo je nešto višestruko i, na prvi pogled, vrlo složeno. Pogotovo ako:

87-godišnji djed;

nemaju relevantno iskustvo i/ili obrazovanje;

ne znaš crtati;

ne posjedujete kompjuter.

Ako se barem jedna od gore navedenih točaka ne odnosi na vas, onda imate pravu šansu da postanete web dizajner! Ali ozbiljno, za osobu koja je strastvena za ono što voli, nema prepreka. Obuka web dizajna može se odvijati samostalno i uz pomoć specijalizirane literature, lekcija, internetskih resursa, plaćenih i besplatnih video kurseva.

Uslovi za web dizajnera

Na web dizajneru je kako će tačno korporativnu web stranicu, blog ili drugi resurs percipirati korisnik. Kako će lako i brzo razumjeti sadržaj stranica, kretati se navigacijom, pronaći informacije koje su mu potrebne i izvršiti ovu ili onu radnju. Na primjer, naručivanje usluge ili proizvoda.

Dakle, glavni zadaci stručnjaka za dizajn web stranica su:

skrenuti pažnju korisnika na prednosti kompanije;

istaći važne informacije o proizvodu, usluzi, preduzeću;

logično je navesti posjetitelja da kupi ili izvrši drugu radnju.

Alati web dizajnera u ovoj teškoj borbi za klijenta trebali bi biti odgovarajući elementi strukture stranice: dugmad, slike, video zapisi, linkovi, tekstualni blokovi.

Gdje započeti samostalno učenje? 5 koraka do uspeha

1. Naučite vanjske aspekte web dizajna. Učenje i samoobrazovanje treba započeti gledanjem drugih radova za inspiraciju. Pogledajte radove velikih studija, poznatih dizajnera, analizirajte sajtove sa velikim prometom.
Koje fontove koriste? Kako se bira paleta boja? Karakteristike glavnih blokova, naslova, slika, dugmadi? Na sve ove suptilnosti treba obratiti pažnju.

2. Pratite svoje unutrašnje interesovanje. Slušajte sebe i pokušajte da shvatite šta vas oduševljava u ovom ili onom poslu, šta vam je najzanimljivije.

Pokušajte i eksperimentirajte dok ne dobijete viziju šta tačno želite da radite. To može biti dizajn web stranice, dizajn brenda i logotipa, identitet ili korporativni identitet, dizajn mobilnih aplikacija itd.

3. Naučite osnove crtanja i kompozicije. Da biste to učinili, apsolutno nije potrebno upisati se u umjetničku školu, sjediti u publici s istim početnicima i pokušati nacrtati loptu ili vazu. Dovoljno je da možete da skicirate. Neka vam se ruka navikne na olovku. Da biste to učinili, budite strpljivi i kopirajte fotografije, slike, video tutorijale.

Da biste uspješno prošli ovu fazu, zaboravite na temu koju crtate. Razmislite samo o njegovim proporcijama i lokaciji u prostoru.

Ako ne vjerujete u vlastite snage, proguglajte biografiju umjetnika Matisa, Paula Gauguina, Mosesa, Adolphea Bouguereaua, koji su prvi počeli slikati u odrasloj dobi.

4. Naučite da koristite Photoshop alate, naučite osnove CSS-a i HTML-a, principe adaptivnog izgleda. Ne treba odmah juriti za mnoštvom programa, u procesu učenja web dizajna shvatit ćete koja vam konkretno znanja nedostaju.

5. Pronađite praktične primjene za svoje znanje. Kreirajte vlastitu web stranicu ili blog. Napravite portfolio i postavite ga na specijalizovane freelance berze.

Da biste dobili svoj posao, nije potrebno završiti prave projekte. Možete napraviti vlastite skice web stranica, sučelja aplikacija, logotipa lokalnih kompanija.

Radite vježbe iz knjiga ili lekcija koje se nalaze na internetu. U početnoj fazi, da biste naučili web dizajn, čak možete posuditi ideje drugih ljudi i modificirati ih.

Budite u trendu i razvijajte se. Čak i ako imate barem ogroman talenat kao umjetnik, ipak morate znati stvari kao što su rasterska i vektorska grafika, CMYK i RGB, principi adaptivnog, ravnog i materijalnog dizajna, Photoshop alati.

Posvećujući barem 1-2 sata dnevno učenju ovih stvari, uhvatićete se u ruke i dostići određeni nivo, koji će vam omogućiti da postanete visoko plaćeni specijalista u oblasti web dizajna. Odakle početi učiti - od samostalnog proučavanja osnova crtanja i grafičkih programa ili sveobuhvatnih kurseva obuke - na vama je, ovisno o vašim željama i motivaciji.

Kada postoji interesovanje za dizajn web stranica, učenje je vrlo lako. Možete beskrajno gledati web stranice i blogove, čitati intervjue s dizajnerima i slušati predavanja na youtube-u, a da vam to uopće ne dosadi.

Međutim, zapamtite da je web dizajn polje koje se ne može proučavati samo teoretski. Što realnije iskustvo, to bolje.

Moderno tržište ostavlja traga na profesiji "web dizajner". U posljednjih nekoliko godina postoji trend ka minimalističkoj, pojednostavljenoj strukturi sajta, bez egzotičnih fontova, „nabora“, senki itd. Na vrhuncu popularnosti su i velika tipografija, pozadinske slike pune širine, i ravni dizajn (flat stil).

U sljedećim člancima reći ću vam više o trendovima modernog dizajna. Na ovome ću se oprostiti. Pretplatite se na ažuriranja našeg bloga kako biste bili u toku sa svim događajima i novostima u okruženju dizajnera i programera web stranica. Učite, razvijajte se i uspjet ćete!

Želite li naučiti kako sami postati web dizajner? Ili možda već imate nekoliko vlastitih dizajna ili čak, i želite da podignete svoje vještine na novi napredni nivo? Onda se trenutno krećete u pravom smjeru, jer je tema članka “Odakle početi web dizajn” iu njemu ćemo detaljno pogledati sve potrebne faze pripreme web dizajnera i pomoći vam da postanete web sami dizajner uz malo marljivosti i kreativnosti.

Jedan članak vam, naravno, ne može reći kako postati web dizajner i ispričati o svim vještinama, potrebnim alatima i tehnologijama koje trebate savladati na putu do posla iz snova. Ako mislite da će put biti lak i brz, onda vas moram uznemiriti. Rad kao web dizajner je stalno samousavršavanje, razvoj i praćenje novih trendova i tendencija. Ali, i pored svih profesionalnih poteškoća, učenje i sticanje novih znanja jedan je od najprijatnijih aspekata ovog posla.

Prvo, mala lirska digresija za dizajnere koji su slučajno zalutali čitajući ovaj članak. " Bavim se web dizajnom", verovatno ste nekom više puta rekli ovu frazu i iskusili hladan strah kada vam je odgovoreno nešto poput:" Cool! I nauči me kako da to uradim? Kako postati web dizajner od nule?» Mnogi ljudi samo pretpostave da kliknu, povuku nekoliko ikona na ekran i dizajn je spreman. Ali, nažalost, to nije slučaj. Dakle, sljedeći put kada vas neko bude pitao kako dizajnirati web stranice, samo mu pokažite ovaj članak.

Dobro došli, dame i gospodo, u MotoCMS-ov vodič za dizajnere za početnike. Zgrabite svoje miševe i udobno se smjestite uz svoju tastaturu, ovaj post obećava da će biti dug. Kuvanje kafe nije obavezno, ali se ipak isplati.

Kome je namijenjen ovaj članak o web dizajnu?

Ovaj članak je za sve koji se pitaju "Kako sami postati web dizajner?". Također će biti korisno za ljude koji žele početi kreirati web stranice i imaju određeno iskustvo u dizajnu i . Sve će biti vrlo pristupačno i korak po korak. Članak je osmišljen tako da nemate nikakvo posebno umjetničko ili tehničko obrazovanje, uopće nemate vještine kodiranja i iskustva u industriji web dizajna.

Zahtjevi za web dizajnere početnike

"Minimalni zahtjevi" za ljude koji razmišljaju o tome da postanu web dizajner i žele kreirati svoju prvu web stranicu prilično su jednostavni. Ako znate šta su fascikle, grafički tekstualni fajlovi, možete početi.

Međutim, iako je početak rada jednostavan, kreiranje stvarno dobre stranice je prava umjetnost. Postoje mnoge vještine koje ćete morati naučiti. Morat ćete naučiti o teoriji boja, hijerarhiji grafičkih elemenata, fontovima i cjelokupnoj organizaciji stranice.

Također, trebat će vam poznavanje glavnih jezika kodiranja, tj HTML i CSS, pričaćemo i o tome.

Tada biste možda željeli naučiti osnovne stvari JavaScript programiranje i shvatite kako ga koristiti za upravljanje različitim dijelovima vaše stranice. A očajni bubnjari koji žele da kopaju još dalje mogu zaroniti u sisteme upravljanje sadržajem, optimizacija za pretraživače i marketing.

Ali ne treba žuriti sa svime odjednom, vještine će doći s iskustvom i nuždom, samo ću pokušati da vas uputim u pravom smjeru. A ako ste pročitali do ovog dijela članka, onda sa sigurnošću mogu reći „Dobrodošli u prekrasan svijet web dizajna, početniče. Budite spremni da stalno zabrljate stvari i ne zaboravite da se zabavite!"

Kako koristiti ovaj vodič za web dizajn za početnike

Čitati! Ovo će biti dovoljno da počnete. Napravite svoju prvu, najvjerovatnije nezgrapnu stranicu. Vratite se i čitajte ponovo. Ispravite svoje greške. Ponovi.
Ne, verovatno ne želite da pročitate sve odjednom. Postoji mnogo drugih resursa, mnogo različitih pristupa koji se mogu koristiti. U redu je, ali ipak preporučujem da malo pročitate i pokušate proći kroz prve korake.

Dizajn u pretraživaču za početnike

Vjerovatno znate da većina dizajnera prvo koristi grafičke editore, a tek onda daju svoje projekte koderu na raspored. Photoshop je najčešće korišteni alat, ali dizajneri koriste i programe kao npr Skica, GIMP, inkscape i Ilustrator.

Bez sumnje, morate isprobati nekoliko od njih i koristiti alate koji vam najbolje odgovaraju. Međutim, ako želite da kreirate web stranice, pokušajte to odmah učiniti u njihovom prirodnom staništu - u pretraživaču! U idealnom slučaju - uradite ovo u više pretraživača - jer ljudi ne gledaju web lokacije u Photoshopu i ne vide ih na način na koji vi to radite kroz interfejs grafičkog uređivača.

Tok rada zasnovan na pretraživaču ima niz drugih prednosti:

1) Vidite tačno šta dobijate.Čak ni profesionalni modeli ne prenose interaktivne ili animirane dijelove web stranica. Kreiranjem dizajna zasnovanog na pretraživaču, moći ćete da vidite kako tačno funkcioniše.

Ovo je posebno tačno kada je u pitanju responzivni dizajn. (Za neupućene, responzivni ili responzivni dizajn je onaj koji se ispravno prikazuje na različitim ekranima i uređajima, bilo da se radi o mobilnom uređaju, tabletu ili PC-u.)

2) Dizajn zasnovan na pretraživaču može vas učiniti boljim dizajnerom. Kada sami upoznate cijeli proces, moći ćete razumjeti šta i kako funkcionira, te se upozoriti na mnoge greške. Noćna mora svakog dizajnera (ili layout dizajnera koji će to morati da radi) koji radi u, recimo, Photoshopu, je njegovo dalje "natezanje" na živoj stranici.

U svakom slučaju, evo nekoliko resursa koji mogu biti od pomoći pri radu s foto uređivačima.

Dizajn u pretraživaču može promijeniti način na koji radite na mnogo načina i podstaći vas da naučite nove stvari o HTML-u i CSS-u. U osnovi, što se više petljate s prljavim kodom, bolje ćete razumjeti kako web stranice rade. To vas neće učiniti nevjerovatnim dizajnerom; ali to je odličan početak.

Vještine koje su vam potrebne da postanete web dizajner

Ako želite sami postati profesionalni web dizajner, trebat će vam neke posebne vještine. U ovom dijelu ćemo odgovoriti na pitanje „Kako da sam postanem web dizajner?“, a također ćemo se fokusirati na vještine potrebne za stvarno dizajniranje i izradu web stranice. Naravno, trebat će vam i poslovne i komunikacijske vještine, ali to je malo drugačija priča. Dakle, da biste sami postali web dizajner, morate znati sljedeće.

UX / UI dizajn

Dizajn orijentiran na korisničko iskustvo ili UX dizajn je način na koji će korisničko sučelje izgledati i funkcionirati u cjelini. To je proces, to je filozofija, i to je puno posla. Zaista dobar sajt se može napraviti samo ako se zna kojim putem posetilac ide na njemu i kako se njegovo ponašanje menja u zavisnosti od promene grafičkih elemenata.

Više informacija o tome možete pronaći u članku „Šta je zapravo UX / UI dizajn? »

Estetske vještine

Estetika je kompleksna stvar. Čini se da bi sjajna shema boja za neke ljude mogla izgledati sasvim čudno za druge. Fontovi koji vam na ovom mjestu izgledaju “baš kako treba” možda se uopće neće dopasti kupcu. Čini se vrlo, vrlo subjektivno, ali ipak, svaki od ovih aspekata ima svoja pravila o kojima ćemo sada govoriti.

Kombinacija fonta i tipografija

Internet je tekst. Ovo su riječi. I ove riječi moraju izgledati nevjerovatno. Međutim, tipografija je više od samog odabira pravog fonta. Ovo je, prije svega, jednostavnost korištenja. Potrebno je pravilno odabrati i kombinirati veličine, vrste i stilove fontova u dizajnu kako bi se stvorila grafička hijerarhija u dizajnu.

Da vas odvedem "od A do Z", predlažem da pogledate knjigu Emila Rudera "Typography". Čitanje može potrajati prilično dugo, pa za one koji žele odmah krenuti s vježbanjem postoji kratak video na temu, kao i (ovo je ako ste već pronašli dobar primjer teksta i želite da prepoznate njegov font).

Nakon što naučite pravila tipografije, možete isprobati neke fontove za svoj projekat. Zapravo ima puno dobrih besplatnih fontova na webu, pa pogledajte okolo.

Mnogi ljudi, uključujući i mene, biraju svoje fontove iz . Google fontovi se mogu "ugraditi" u web stranicu i prilično je zgodno. Štoviše, možete koristiti gotove kombinacije fontova:

Drugi slični primjeri mogu se naći na internetu.

Ako želite da kreirate sopstvene parove Google fontova, pokušajte sa "Web Font Combiner". Ovo je alat koji vam omogućava da brzo pregledate kombinacije fontova u realnom vremenu promjenom fonta, veličine, boje, širine linije.

Ako Google Fontovi nisu dovoljni, onda možete pogledati WebDesignerDepot, Fonts-online i druge stranice.

Teorija boja i sheme boja

Teorija boja nema mnogo veze sa tehničkim nazivima boja. Ako vaš klijent traži fuksiju, ali zaista želi žarko ružičastu, izbor je na vama.Teorija boja proučava, prije svega, odnos kombinacija boja i emocija osobe koja je percipira. Ovo je prava nauka.
Da biste razumjeli osnove teorije boja, postoji nekoliko odličnih publikacija:

Od potrebnih alata - Adobe Color CC

Zapamtite da je teorija boja usko povezana s tipografijom. Na primjer, ako je boja teksta suviše bliska boji odabrane pozadine, biće teško čitati i posjetitelji će vjerovatno jednostavno proći pored ovog dijela stranice, ili ga čak napustiti.

Sastav i opšta organizacija

Kako postati web dizajner bez poznavanja osnova kompozicije? Nema šanse! Za mene je ovaj dio možda i najvažniji. Uostalom, možete odabrati prekrasne fontove, odličnu shemu boja, a zatim se jednostavno petljati s ispravnim rasporedom blokova, hijerarhijom i proporcijama i dobiti „najodvratnije jelo izvrsnih proizvoda“.

Postoji nekoliko korisnih publikacija na ovu temu, nakon kojih dolazi od prvog (ili skoro od prvog) puta.

• Korištenje zlatnog omjera i pravila tri u web dizajnu

Trendovi web dizajna

O trendovima u web dizajnu možete pričati beskrajno. Kakvu ulogu oni igraju? Najvjerovatnije su svi kupci, prije nego što su došli kod vas, već pogledali nekoliko primjera cool modnih stranica, a možda i pročitali nekoliko članaka o trendovima web dizajna. Poznavanje mode i popularnih dizajnerskih elemenata jednostavno je neophodno da bi shvatili šta traže i da bi imali šta da im ponude.

Budući da se trendovi web dizajna stalno mijenjaju, nema smisla navoditi bilo kakve konkretne publikacije kao primjer. Ovdje vam mogu samo savjetovati da pripazite na web stranice za web dizajnere, evo nekoliko dobrih primjera:

• abduzeedo.com
• behance.net
• noupe.com
• webdesignerwall.com
• flickr.com
• wwwards.com

Kako postati web dizajner: HTML i CSS

HTML to je "Hypertext Markup Language". Svaka web stranica koju ste ikada pogledali je zasnovana na HTML-u. HTML je jezik kojim vaš pretraživač razumije da stranica sadrži tekst, sliku, vezu, video ili druge elemente. Vaš pretraživač zatim prevodi kod u ono što vidite na ekranu.

Drugi jezik koji jednostavnim riječima čini stranicu lijepom se zove css, što znači "Kaskadni stilski listovi". CSS govori pretraživaču koji je font u tekstu i koje boje se koriste. CSS, jednostavnim rečima, definiše izgled i osećaj vaše stranice (dugmad, stilovi, boje, animacije).

Učenje ovih jezika na svoju ruku, ili barem stjecanje osnovnog razumijevanja o tome kako oni rade, prilično je lako. Ovo su najjednostavniji kompjuterski jezici. Međutim, oni su također prilično opsežni i mogu se koristiti u mnogim varijacijama za stvaranje zadivljujućih dizajna.

Kada saznate osnove, postoji zaista neverovatan broj sajtova na kojima možete naučiti više o tome kako da postanete veb dizajner i sami naučite programske jezike.

Izlivanje uživo

Spremni da svoju web stranicu postavite na internet? Imate li naziv domene (na primjer: mywebsite.com) i hosting (prostor na računaru koji je stalno povezan na Internet ili online hosting kupljen od provajdera trećih strana)? Otpremite svoje fajlove na svoj hosting, opustite se, opustite se i…

Šta učiniti nakon pokretanja stranice

Ispravite greške i završite ono što ste zaboravili

„Ah, da, to je to... Definitivno sam želeo da to popravim.”- Dešava se svima. Gotovo je neizbježno da se greške pojave nakon pokretanja bilo koje stranice. I što je sajt veći, veća je verovatnoća da ste propustili grešku ili ste nešto zaboravili. Radi vaše udobnosti, evo prilično detaljne kontrolne liste:

Sakupite povratne informacije

Ne možete se poboljšati ako ne znate gdje ste pogriješili. Vrijeme i iskustvo vas tome mogu naučiti, ali drugi vas mogu naučiti brže.
Kada pokušavate postati web dizajner od nule i učite sami, preporučujem vam da se pridružite zajednicama kako biste se povezali s drugim dizajnerima koji vam mogu pomoći i dati vam profesionalne savjete.

Kako postati web dizajner - sažetak

Članak je izašao prilično dugačak, ali bi bilo teško sve ovo uklopiti u manje riječi, pa želim da čestitam svima koji su pročitali do kraja i iskreno vam se zahvalim na strpljenju. Ako želite saznati više o obuci web dizajna, ili o specifičnim alatima i strategijama za rad, napišite to u komentarima, a mi ćemo sigurno napraviti još korisnih materijala na tu temu. Sretno svima!

A ako ste spremni testirati svoje vještine na projektu uživo i potreban vam je dobar hosting - kao bonus, možete kupiti hosting na godinu dana od našeg partnera Inmotion za samo 1 USD.

Izrada web stranica privlači mnoge, ali većina se ne usuđuje blisko surađivati ​​u ovoj oblasti iz mnogo razloga, od kojih se glavnim, možda, može nazvati nedostatak relevantnog znanja. Ali, to uopće nije problem, glavno je da postoji želja za učenjem.

Nije tako teško savladati web dizajn od nule, ali stečeno znanje će vam u mnogim slučajevima biti od koristi. Ovo nije samo način da povećate nivo svoje zarade (web dizajneri su uvijek traženi), već i prilika za samorealizaciju.

Dakle, odakle početi učiti osnove web dizajna i izgleda? Prije svega, potrebno je dobro savladati rad sa grafičkim uređivačima. Štaviše, govorimo i o rasterskoj i o vektorskoj grafici. Najčešći grafički softverski paketi su Adobe Photoshop, Adobe Illustrator, CorelDRAW i Corel Paintshop.

Naravno, najbolje je savladati sve navedene programe za web dizajn i moći s njima raditi, ali najčešće se koriste Adobe proizvodi. Stoga, ako imate ograničeno vrijeme za obuku, onda je bolje odmah početi raditi s njima.

Web dizajn za početnike će biti efikasniji u savladavanju ako stečeno teorijsko znanje možete odmah primijeniti u praksi. Da biste to učinili, možete eksperimentirati s neovisnim stvaranjem elemenata i predložaka i raditi s izvorima drugih ljudi. Na Internetu postoji mnogo stranica na kojima možete preuzeti besplatne grafičke izvore i, osim toga, prilično visokog kvaliteta.

Ako je vaše znanje engleskog jezika na dobrom nivou, možete koristiti lekcije web dizajna sa stranih stranica. Postoje mnogi izvori na engleskom jeziku koji predstavljaju profesionalne zajednice korisnika Photoshopa i drugih Adobe proizvoda. Na takvim stranicama možete pronaći i korisne savjete i opis nestandardnih funkcija programa.

Moderni web dizajn nije samo dizajniranje i kreiranje izgleda web stranice u grafičkom obliku, već i njegov izgled pomoću HTML-a i CSS-a.

Gotov predložak dizajna mora biti u skladu sa određenim standardima i biti ispravno obrađen u svim uobičajenim pretraživačima. Zato se ne preporučuje razvijanje dizajna isključivo zasnovanog na Flash tehnologiji – uprkos širokim mogućnostima, previše je „težak“, ima ranjivosti, a ako nema posebnog dodatka u korisničkom pretraživaču, jednostavno ga nema. pojaviti u njemu.

Jezici rasporeda se stalno poboljšavaju i razvijaju, isti HTML5 vam sada omogućava implementaciju na web stranici one značajke koje su se prije mogle dobiti samo pomoću Flasha ili raznih dodataka.

Web dizajn za početnike se može naučiti uz:

• informacije sa tematskih stranica i foruma;
• samostalno ponavljanje lekcija i savjeta sa stranica na engleskom jeziku;
• Kupovina knjiga o web dizajnu;
• unapredite svoj profesionalni nivo kroz stalnu praksu.

Može se slobodno reći da svako može savladati osnove web dizajna, dovoljno je samo se malo potruditi, imati želju i izdvojiti svoje vrijeme za to.

Prije nego što započne karijeru dizajnera, gotovo svaki početnik ima mnogo pitanja na koja zbog nedostatka iskustva nema odgovora. Koje znanje web dizajner treba da ima, koje programe treba savladati, koliko vremena za učenje, kako steći profesionalne vještine, gdje i kako tražiti kupca, kako predati gotov posao - pokušao sam odgovoriti na ovo i neka druga hitna pitanja u ovom članku.

1. Koje znanje je potrebno web dizajneru
Generalno, za početak, savjetovao bih vam da pročitate neki razuman. Za početak, samo trebate skrolovati kroz njega dijagonalno, zaustavljajući se na onim trenucima koji su jasni. U početnoj fazi, važno je razumjeti „šta leži na kojoj polici“, kakva je opća teorijska struktura. I kasnije, postepeno joj se obraćajte za detaljnija objašnjenja o određenom pitanju uz dublje proučavanje i razumijevanje materijala. Odnosno, to bi, u stvari, trebao biti takav radni udžbenik, koji bi uvijek trebao biti pri ruci.

Posebno je potrebno osnovno znanje i web dizajn, . Posebnu pažnju treba posvetiti konceptu kao što je "web stranica", on i principi postojanja na Internetu. Inače, na mom sajtu ćete naći mnogo teorijskog materijala koji će vam pomoći da steknete potrebna osnovna znanja.

Još jedno područje koje treba biti svjesno je . Čak i ako nećete sami napraviti svoj, još uvijek morate razumjeti kako je stranica napravljena. To će vam pomoći da izbjegnete greške u fazi kreiranja. Osnove programiranja su opcione. I također bi bilo dobro razumjeti, jer većina stranica radi na ovoj platformi.

2. Koje programe treba savladati
Po ovom pitanju, držim se minimalizma. Iskreno vjerujem da je dovoljno znati da bi se napravio normalan dizajn. Međutim, ovaj program ne treba savladavati na početnom nivou. I zato morate provesti vrijeme proučavajući ga. Svi ostali programi su opcioni. Za raspored je dovoljan standardni Notepad.

3. Koliko vremena posvetiti obuci
Općenito, po ovom pitanju, sve je vrlo individualno. Za mene je to bilo u dvije faze. Prvo sam naučio da koristim Photoshop i počeo sam da dobijam napredne. Što se tiče vremena, trebalo je možda tri ili četiri mjeseca. Nakon toga se pojavila misao da je to to, sad sam dizajner i mogu da pravim web stranice. Pokušao sam da napravim web dizajn i nikako nisam uspeo. Sve je izgledalo veoma osrednje i nespretno.

Onda sam prestao da pokušavam bilo šta i počeo sam da proučavam rad drugih dizajnera. Doslovno sam sa lupom gledao kako su napravljeni sajtovi koji su mi se svideli, razvrstavao ih. Usput sam nastavio da proučavam tutorijale, ali ne baš naporno. I nakon mjesec dana gledanja, zaista sam napravio kvalitativni skok i nekako sam lako napravio dva jednostavna sajta, od kojih je jedan odmah kupljen.

Dakle, možemo reći da se nakon otprilike 4-5 mjeseci obuke već pojavljuju prilično jake dizajnerske vještine i adekvatno razumijevanje samog procesa dizajna. Ali naravno, pod uslovom da se za sve ovo vreme zaista bavite sopstvenim samoobrazovanjem, trenirate, proučavate teoriju, pokušavate.

4. Kako najbolje steći praktične vještine
Svakako vam savjetujem da počnete s kopiranjem web lokacija koje vam se sviđaju. Ali samo kao trening! Ne izmišljajte točak. Samo pokušaj da uradiš isto. Uvjeravam vas da će ispasti potpuno drugačije nego na originalu. I sljedeći korak, savjetovao bih vam da uzmete neku kvalitetnu besplatnu temu ili predložak i temeljito shvatite kod. Kako bi pokušali upravljati elementima dizajna. Ovaj raščlanjeni kod se zatim može koristiti kao osnova za buduće dizajne.

5. Stvari o kojima treba voditi računa unaprijed
Morate voditi računa o dvije stvari. Prvo, svakako biste trebali dobiti online račun za primanje sredstava za plaćanje vaših usluga. Sada to nije problem - postoji mnogo online novčanika i računa. I drugo, svakako biste trebali postaviti svoj . Pa i shodno tome. Ako nema gotovih radova, uradite posao za sebe i stavite ga u svoj portfolio.

6. Kako odrediti stope
Moj savjet za vas, svakako odlučite o svojim cijenama prije komuniciranja s kupcima. Nema ništa gore kada vam mušterija pokuca na vrata, a vi ste primorani da odgovorite nerazgovijetno, na pitanje koliko košta. Još bolje, imajte stranicu sa cijenama za različite usluge. Pogodno i za vas i za kupca. Pa ipak, nikada nemojte pretjerati, barem u početku. Dok ste početnik, bolje je da je cijena deset posto niža od ovako općeprihvaćenih cijena.

7. Kako tražiti kupca
Za početak, nemojte zanemariti tradicionalne načine traženja od strane kupaca. Možete se registrovati na svim vrstama popularnih freelance berzi i tamo kreirati svoju stranicu sa opisom usluga i primerima rada. U principu, postoji mogućnost da tamo pronađete kupca. Iako mislim da bi to moglo potrajati. Jer se prije svega okreću vrhunskim freelancerima. Ali neću tvrditi.

Ali, mislim da postoje efikasniji načini. Obratite pažnju na SEO forume. Oni su mobilni momci i uvijek im trebaju neke odredišne ​​stranice, splogovi ili PPS feedovi. Stoga su prilično zainteresirani za usluge dizajna. Gotovo svaki veliki forum ima odjeljak "Dizajn". Pažljivo proučite ovaj odjeljak, pogledajte koja se djela tamo prodaju, po kojim cijenama. Uradite nešto slično i stavite to na prodaju. Upravo sam to uradio u to vreme.

U principu, ako se naprežete i pokažete maštu, onda traženje kupca nije tako teško. Na primjer, jedno vrijeme sam imao ideju da radim redizajn radnih stranica na internetu koje imaju potpuno beskorisni dizajn. I onda ponudite vlasnicima da kupe novi dizajn, ako im se sviđa, naravno. Glavna stvar je da ne sjedite zavaljeni i ne čekate da se red kupaca stane u red za vas. U početku ćete se morati potruditi u potrazi.

8. Kako komunicirati sa kupcem
I konačno, imate potencijalnog kupca koji je zainteresiran za vaše usluge. U ovoj fazi pokušajte saznati što je moguće detaljnije šta kupac želi vidjeti kao rezultat. Uvijek tražim od kupca da pokaže stranice na internetu koje mu se sviđaju. I pitajte o onome što definitivno ne bi želio vidjeti. Pa ipak, nikada ne podcjenjujte uslove narudžbe, bez obzira koliko biste to željeli! Bolje je ubaciti par dana za osiguranje i predati posao ranije nego nervirati kupca protezanjem rokova.

9. Šta je mehanizam ispunjenja naloga
Moja interakcija sa kupcima je bila sledeća. Prvo, od kupca dobijam opis poslova (TOR). Zatim neko vrijeme (obično od tri dana ili više, ovisno o složenosti) obavljam posao i pružam kupcu izgled stranice u jpeg formatu. To su obično glavna stranica, stranica posta i pomoćna stranica. Ponekad je dovoljna i glavna stranica, ali to se mora unaprijed dogovoriti sa klijentom.

Ako je klijent odobrio izgled, onda počinjem da pišem. U ovoj fazi možete uzeti avans, ali ja to obično ne radim. Više volim da se rad plati po završetku. Makar samo zato što je vrlo stimulativno dovršiti narudžbu. Nakon što je stranica postavljena i testirana, klijentu dajem arhivu gotove stranice s uputama za instalaciju (ako je WordPress). Nakon toga, klijent plaća izvršene radove.

Ponekad pitaju da li se trebate nekako osigurati od činjenice da ćete biti bačeni za novac. U principu, niko nije imun od ovoga. Stoga, za početak pogledajte istoriju postojanja vašeg klijenta na internetu. Koje stranice ima, gdje živi, ​​kakva mu je reputacija, koliko je pristupačan. Ako klijent sumnja, odbijte i ne rizikujte. Ako vas i dalje bacaju na novac, pokušajte to lakše prihvatiti. Barem ste dobili samo trošak jedne narudžbe, ali sada sigurno znate da više nećete raditi sa ovim klijentom.

10. Kako se održati u dobroj formi
Kada steknete osnovne vještine u kreiranju dizajna, pokušajte postupno proširiti svoj tehnički arsenal. Pokušajte pratiti sve inovacije u industriji web dizajna i brzo implementirajte nove značajke u svoje dizajne. Sada postoji mnogo priručnika i tutorijala, uz pomoć kojih je vrlo lako savladati sve inovacije. Ovo, prvo, doprinosi vašem profesionalnom razvoju, a drugo, učiniće vaše dizajne modernijim i konkurentnijim.

Izbor urednika

Naučite web dizajn od nule - vodič korak po korak za početnike (deset koraka)

Mnogi mladi ljudi žele svoju buduću profesiju povezati sa razvojem web stranica. Naravno, ne žele svi biti programeri, neki od njih su prilično zadovoljni web dizajnom.

Naučiti ovu profesiju od nule nije lak zadatak, jer pored radnih vještina, potrebno je biti kreativna osoba, barem malo poznavati kod (znati CSS i ), umjeti komunicirati sa kupcem u isti jezik itd.

Pre nego što počnete da se upoznate sa osnovama profesije, postavljaju se brojna pitanja, a odgovore na njih morate tražiti sami. To nije lako učiniti zbog nedostatka iskustva, materijali sa interneta ne postaju uvijek korisni, a ponekad i obrnuto, samo dodaju nova pitanja, a nemaju svi iskusnog prijatelja.

Hajde da shvatimo odakle početi učiti web dizajn, koje znanje vam je potrebno za kreativnost, gdje i kojim redoslijedom ga dobiti, koliko vremena posvetiti praktičnim vježbama, kako steći prvo iskustvo i narudžbu... i sa puno pitanja vezanih za to.

sadržaj:

Prvi korak - Saznajte zašto to želite

S jedne strane, ovo je jednostavno pitanje, jer većina ljudi želi da se bavi web dizajnom zbog dobre plaće.

Izrada web stranica je vrlo profitabilan posao i nije uvijek lako pronaći iskusnog, i što je najvažnije, inteligentnog programera popodne uz vatru.

Iako ima mnogo slučajeva kada osoba želi upravo to, ali bez znanja o izradi grafičkog motora web stranice nije ga lako programirati.

I treći uobičajeni razlog zašto ljudi postaju zainteresirani za web dizajn je privlačnost likovnoj umjetnosti.

I ova oblast može poslužiti kao odlično sredstvo za realizaciju svojih talenata u praksi i izvlačenje finansijske koristi iz toga.

Bitan! Za koju god svrhu da se upoznate sa web dizajnom, zapamtite da i učenje i rad treba da budu zanimljivi, da se obavljaju sa željom i da donose zadovoljstvo, ali ne da se pretvaraju u rutinu.

Pošto je grafičar mlada profesija, njegova točna definicija još ne postoji, a mnogi stručnjaci tumače pojam na svoj način.

Ako je ranije ova osoba morala da učini stranice lijepim i ugodnim za oko, sada je potrebno imati vještine programera, razumjeti marketing i razumjeti SEO promociju.

Bez jedinstvenih rješenja, originalnih ideja i individualnog kreativnog pristupa, zadatak se ne može riješiti.

Dizajner web stranica je tehnički umjetnik koji radi na izgledu i osjećaju optimizacije učitavanja web stranica i web aplikacija.

Zadaci ovih ljudi uključuju:

• rad na logičkoj strukturi stranice- da bi svakom korisniku početniku sve bilo jasno, mogao je prvi put pronaći ono što je tražio, svi važni linkovi bi trebali biti na vidiku;
• razvoj najracionalnijeg načina predstavljanja sadržaja- sposobnost da zainteresirate posjetitelja, natjerate ga da duže ostane na resursu, prelistava stranice stranice;
• grafički dizajn– gde će koji elementi biti postavljeni, šta će biti dugmad i natpisi nakon klika, kako se odvija interakcija sa klijentom, kako i šta će se menjati tokom rada posetioca, zumiranja itd.

Tako smo ukratko saznali zašto se ljudi žele baviti grafičkim dijelom sajtova.

Za buduće programere dovoljno je da se upoznaju sa osnovama vizuelnog dizajna web resursa, barem površno ovladaju grafičkim uređivačima, rasporedom šablona.

Oni koji žele mnogo godina svog života posvetiti kreiranju interfejsa internet stranica i steći odgovarajuću profesiju, prvo će morati da se pomuče, a njima je i posvećen ovaj članak.

Drugi korak - odaberite smjer web dizajna u kojem se želite okušati

Internet tehnologije se brzo razvijaju, a sa njima se povećavaju i zahtjevi za programerima. U početku, lijepa estetska i svijetla stranica bila je zadatak umjetnika.

Danas razlikuju čak sedam pravaca u njihovom dizajnu, a ovo su samo glavni.

Teško

Stara kao sama izgradnja sajta tip dizajna stranice bez napora, savršeno za početnike.

Suština je da su svi elementi resursa smješteni u virtualne ćelije tablice sa fiksnim veličinama, koje postavlja dizajner.

Takva stranica će izgledati potpuno isto na svim uređajima, bez obzira na platformu i veličinu ekrana.

I to ne znači da je takav resurs zaostao, jer iskusni programer koji koristi kruti dizajn može napraviti lijepo dizajniranu stranicu, au ovom slučaju potrebno je nekoliko minuta da nešto ispravi.

Fleksibilno

Takođe tabelarni dizajn, ali širina ćelija virtuelne tabele nije striktno određena, već zavisi od veličine ekrana (omjer širine i visine slike, rezolucija). Objekti će pokušati popuniti cijeli prostor ćelije, mijenjajući njenu veličinu. Glavna karakteristika ovakvog rješenja– poboljšanje pogodnosti vizuelne percepcije podataka zbog dinamički promenljivih parametara prikaza. Na takvim stranicama nema praznih mjesta bez sadržaja.

Izazovi ovog dizajna su:

• nema garancije da na starim "kvadratnim" i ogromnim širokim ekranima, resurs će se ispravno prikazati, bez rastezanja ili skupljanja sadržaja;
• Ne rade svi pretraživači dobro uz obradu takozvanih fleksibilnih ćelija, a internet pretraživači kreirani na raznim mašinama to rade na svoj način;
• potrebno je dosta vremena da se prilagodi i dovede projekat do ideala.

Kombinovano

Kombinacija dvije prethodne metode: ako se dimenzije monitora (njegov omjer širine i visine) jako razlikuju od parametara prikaza koji su korišteni pri kreiranju stranice, primjenjuje se fleksibilan dizajn, u suprotnom se koriste obje ćelije, ovisno o dostupnosti slobodnog prostora u njima.

Tekst

Koristi se pri dizajniranju resursa i stranica na jednoj stranici, koji predstavljaju mala preduzeća i kompanije u globalnoj digitalnoj mreži. Karakteristika ovog dizajna je praktično odsustvo grafičkih elemenata, što pozitivno utiče na brzinu učitavanja stranice. Igranje sa fontovima, bojama teksta i dobrim pozicioniranjem teksta pomoći će da projekat bude privlačan.

Štampanje

Većina traženi u razvoju korporativnih i marketinških resursa gdje je emocionalni sadržaj na prvom mjestu. Dizajner bi trebao biti što kreativniji i kreativno odabrati slike piksela za dizajn stranice.

Nedostatak dizajna štampe je smanjenje brzine učitavanja sajta zbog prisutnosti, u pravilu, velike količine rasterskih crteža, pa čak i u visokoj rezoluciji.

Interface

Njemu se obraćaju uglavnom iskusni majstori. Njihov zadatak je da zadovolje sve zahtjeve korisnika, obično minimiziranjem programskog koda, optimizacijom grafičkih elemenata i kreiranjem prikladnog navigacijskog sistema sa menijima koji se nalaze na vrhu stranice. Takvi resursi se brzo učitavaju, s njima je lako raditi i sa računara i sa mobilnih uređaja.

.

Dynamic

Najviše dugotrajne, složene opcije dizajna za web stranice. Ovaj tip dizajna sastoji se od postavljanja dinamičkog sadržaja na stranicu (animacija, skripte, pokretni i promjenjivi elementi, video snimci širokog ekrana).

Da biste realizovali planove, moraćete dosta da se oznojite, a da bi posetilac bio zadovoljan i da bi sve funkcionisalo kako je predviđeno, potrebno je ne samo vladanje grafičkim uređivačima, već i veštine optimizacije, ko želi dugo da čeka vrijeme za pojavu bilo kojeg šarenog trodimenzionalnog dugmeta. Ali dobro razvijen resurs uvijek privlači svojom ljepotom, originalnošću i umjetničkim rješenjima, bez obzira na sadržaj.

Treći korak - saznajte koji su programi za web dizajn trenutno u trendu

Prije preuzimanja knjige na određenom grafičkom uređivaču, potrebno je jasno razumjeti elemente koji se koriste u grafičkom dizajnu sajtova: oblici, boje, oblici, igra svjetla i sjene, linije – to su osnovni elementi od kojih se stvara cjelina. stvara se kompozicija.

u svakom slučaju, poznavanje kaskadnih tabela i hipertekstnih markiranja je gotovo na prvom mjestu.

Dizajneru će biti potrebno i znanje iz oblasti kompjuterske animacije, popularne, SEO, a možda i trodimenzionalnog modeliranja.

Pažnja! Osim poteškoća u savladavanju, aplikacija će se morati kupiti i za punopravni rad, iako je za potrebe obuke moguće varati zaobilaženjem zaštite programa.

Potonji je obrastao funkcionalnošću koja je tražena u desetinama područja, a momci malo obraćaju pažnju na umnožavanje mogućnosti u vezi s web dizajnom.

Skica je druga stvar - izoštrena je za crtanje grafičkih sučelja od nule, nema niti jedan suvišni element, lakša je za učenje i lako prestiže Photoshop u pogledu osnovnih pokazatelja.

Obavezno odaberite najprikladniji koji podržava sintaksu i isticanje: , Sublime , Axure RP .

Četvrti korak - Istražite korisne knjige za ambiciozne web dizajnere

Internet je dobar jer vam omogućava da besplatno dobijete knjige koje ste prije desetak godina morali kupovati ili tražiti istomišljenike.

Popularizacijom profesije web dizajna povećao se i broj knjiga na ovu temu. Bez mentora i učitelja, knjiga je najbolji način za sticanje znanja.

Učenje web dizajna od nule treba početi s literaturom gdje su dati osnovni pojmovi, teorija i mali praktični zadaci:

Glavni elementi su:

Logo- zauzima, po pravilu, središnji dio stranice i razlikuje resurs od ostalih;

Elementi navigacije- postavlja se na vrh stranice vodoravno, rjeđe - okomito i sadrži veze do glavnih dijelova;

Glavni blok u koji se nalazi sadržaj- zauzima glavni deo ekrana, tekst je uvek praćen slikama, tabelama, dijagramima, animacijama itd.

Modularna mreža

Prije nego što razvijete shemu projekta, morate sami razumjeti koncept modularne mreže. To je način distribucije informacija u kolone, to je okvir budućeg sajta.

Korištenje modularne mreže uvelike će pojednostaviti daljnji raspored, odvojite vrijeme da je upoznate.

Šesta faza - online treninzi

• pohađanje seminara i obuka;
• učešće u online obuci (na daljinu).

Odaberite prave časove na osnovu svog znanja, iskustva i pravca u kojem ostvarujete svoj kreativni potencijal. Tokom kursa, šarmantno je konsolidovati teoriju u praksi.

1 Lekcije web dizajna za početnike

Iskusniji programeri koji govore engleski, svakako treba da se upoznaju sa kursevima zapadnih kolega. Kao iu slučaju knjiga, zapadni tehnički umjetnici uvježbavali su nove tehnologije i rješenja u ovoj oblasti, a drugo, koncept rada stranih dizajnera može biti dosta drugačiji i uvijek je korisno učiti iz tuđeg iskustva. Ljudi dobijaju više za svoj novac od kurseva nego od desetina knjiga koje pročitaju. s obzirom na praktične vještine.

Sedmi korak - Pronađite istomišljenike

U vašem poslovnom životu važno je komunicirati sa ljudima koji rade to što radite.

Dakle, ne samo da se možete sprijateljiti, već i dijeliti iskustvo, znanje, savjete, pružati pomoć i evaluirati projekte jedan po jedan.

Zdrava konkurencija- motor napretka, omogućava vam da se razvijate, težeći da radite bolje od prijatelja, da unesete nešto novo u projekat. A kada učite web dizajn od nule, svakako morate komunicirati s iskusnijim programerima.

Korak osmi - Pratite trendove i trendove

Da biste bili spremni na sve kada radite s kupcem u oblasti u kojoj ne prođe dan bez novih proizvoda, potrebno je stalno pratiti nove razvoje, rješenja i tehnologije.

Mijenjaju se na bolje, optimiziraju učitavanje resursa i povećavaju emocionalnu privlačnost stranice.

Najlakši način da posjetite resurse, gdje iskusni i ne tako iskusni dizajneri izlažu svoje radove:

Deveta faza - okušajte se na berzi slobodnih profesija

Kao tehnički umjetnik možete raditi samostalno i za bilo koju kompaniju. Za korisnike početnike, bolje je steći iskustvo na berzama slobodnih profesija:

U početku radimo jeftino: primamo jeftine narudžbe i radimo dugo i naporno da ih ispunimo dok kupac ne bude zadovoljan.

Uspješni projekti su iskustvo ne samo u dizajnu, već iu komunikaciji sa raznim klijentima, popunjavanju još praznog portfelja radovima.

Obratite više pažnje na popunjavanje profila i cijene rada.

Jednostavni, ali osmišljeni izgledi mogu se prodati, uzimajući kao osnovu slične projekte koji se nude na prodaju.

Bitan! Slobodno postavljajte pitanja, zainteresujte se koji sajtovi se klijentu najviše sviđaju, tako da ima čime da se kreće. Ne treba žuriti i raditi posao sa nedostacima ili potcjenjivati ​​rokove, a zatim natjerati kupca da čeka i bude nervozan.

Korak deset - Pretvorite web dizajn iz hobija u profesiju

Dizajn web stranica obično započinju studenti i mladi, kojima ova aktivnost postaje hobi.

Vikende i večeri posvećuju omiljenom poslu, a kada steknu malo iskustva i hobi donese prve prihode, ozbiljno razmišljaju o promjeni zanimanja.

To je samo da date otkaz i odete na besplatan kruh ili zamijenite sadašnji posao udobnom stolicom u kancelariji za kompjuterom mnogi se plaše.

Ovdje utječe nedostatak iskustva i male šanse za pronalaženje kupca ili stjecanje stalnih kupaca, a niko ne garantuje stabilnu zaradu u slučaju rada i relevantnih foruma.

Rice. 15 – Vremenom bi web dizajn trebao postati profesija

Pa ipak, ako zanimanje razvijanja grafičkih sučelja stranica privlači, svakako ga vrijedi pretvoriti u glavnu profesiju i nije potrebno odgađati.

Vremenom će se pojaviti i znanje, i iskustvo, i trajne naredbe.

A ako želite veću stabilnost, obratite pažnju na rad u kancelariji među istomišljenicima sa mogućnošću rada na daljinu s vremena na vrijeme.

Glavna stvar je da se trudite da budete bolji, da se stalno razvijate i uživate u onome što radite!