Web Designer vs. Web Developer

Kakšna je razlika med spletnim oblikovalcem in spletnim razvijalcemLjudje lahko danes preprosto pogledajo spletna mesta in si mislijo: »Vsakdo lahko to gradi.« Zaradi nekaterih sistemov za upravljanje vsebine, kot je WordPress, in vnaprej kodiranih tem in vtičnikov, lahko nekateri.


Dejstvo pa je, da za izdelavo spletnega mesta, ki ga ljudje želijo obiskati, kupovati, se naročiti in tako naprej, je potrebna kombinacija močnih veščin kodiranja in pametnega oblikovalskega znanja..

Na ta dan so spletni oblikovalci in spletni razvijalci nepogrešljivi.

Če razmišljate o oblikovanju spletnih mest za življenje, je pomembno ugotoviti, katero od teh vlog želite izpolniti. To bo olajšalo načrtovanje vaše poklicne poti, treninga in pozicioniranja.

Na primer:

  • Bi raje napisali kodo, ki ima za posledico vrsto visokozmogljivih funkcionalnosti in inovativnih funkcij, zaradi katerih spletna mesta uspejo?
  • Ali bi raje oblikovali čudovite in uporabnikom prijazne poti, ki ciljno publiko usmerijo neposredno v rešitev, ki jo iščejo?

To so tiste stvari, ki jih morate upoštevati, ko tehtate možnosti.

Danes bomo preučili ključne razlike med spletnim oblikovalcem in spletnim razvijalcem ter dali odgovore na pogosta vprašanja o tem, kaj počne vsak:

  1. Kakšna je razlika med tem, kaj počnejo spletni oblikovalci in tistimi, ki jih delajo spletni razvijalci?
  2. Obstajajo različne vrste oblikovalcev in razvijalcev?
  3. Kakšne sklope spretnosti bi morali imeti oblikovalci in razvijalci?
  4. Katera orodja uporabljajo oblikovalci in razvijalci?
  5. Kolikšen je povprečni zaslužek spletnih oblikovalcev in spletnih razvijalcev?
  6. Kje se lahko naučite spletnega oblikovanja in spletnega razvoja?
  7. Odločanje med obema potoma

Kakšna je razlika med tem, kaj počnejo spletni oblikovalci in kaj počnejo spletni razvijalci?

Enostavno povedano:

  • Spletni oblikovalci odločajo o celotnem izgledu spletnega mesta.
  • Spletni razvijalci to vizijo spremenijo v popolnoma delujoče spletno mesto.

Natančneje:

Kaj počnejo spletni razvijalci?

Spletni razvijalci prevzamejo vse ustvarjene elemente – strukturo spletnega mesta, oblikovalske vzorce in prototipe ter kopijo – in jih pretvorijo v kodo.

Medtem ko spletni razvijalci ponavadi ne delajo nobenega oblikovalskega dela, v tem postopku pogosto tesno sodelujejo s spletnimi oblikovalci.

To sodelovanje se lahko začne že zgodaj v procesu spletnega oblikovanja, kar razvijalca postavi na mesto svetovalca. Potem ko je spletni oblikovalec zasnoval, kako želijo spletno mesto izgledati in delovati, razvijalec presodi, ali je mogoče tehnično in stroškovno učinkovito programirati tisto, kar so predvideli..

Spletni razvijalci in oblikovalci tudi kasneje sodelujejo, ko oblikovalci predajo odobrene kliente zasnove in črte (specifikacije, kako sestaviti stran), ki jih je treba kodirati.

Kaj počnejo spletni oblikovalci?

Tako kot spletni razvijalci tudi spletni oblikovalci nimajo posebne naloge ali področja spletnega mesta, za katerega so odgovorni.

Da, spletni oblikovalci so zadolženi za oblikovanje digitalnih vmesnikov, ki so privlačni in učinkoviti pri vodenju obiskovalcev za pretvorbo (npr. Nakup ali naročanje na nekaj).

Vendar pa velik del procesa spletnega oblikovanja tudi na področju raziskav in testiranja. Običajno ni dovolj, da preprosto vemo, kako izbrati estetsko prijetno barvno paleto.

Spletni oblikovalci morajo biti sposobni oblikovati prilagojene izkušnje, ki ustrezajo potrebam in motivacijam končnih uporabnikov. To morajo izravnati tudi z razumevanjem, kako njihove oblikovalske odločitve vplivajo na kodiranje spletnega mesta.

To pogosto pomeni, da gremo skozi obsežen proces raziskav in načrtovanja, preden se odločimo za končno zasnovo spletnega mesta.

Ali obstajajo različne vrste spletnih oblikovalcev in razvijalcev?

Tako kot obstajajo različne vrste ljudi in podjetij, ki potrebujejo spletna mesta, obstajajo tudi različni spletni razvijalci in oblikovalci, da jih izdelajo.

Kakšne vrste spletni razvijalci so tam?

Back-end razvijalciRazvojni razvijalciCelotni razvijalci
  • Uporabite napredne programske jezike, kot so PHP, Java in SQL
  • Odgovoren za kodiranje baze podatkov in strežnika
  • Ravnajte z vsemi zapletenimi funkcionalnostmi na spletnem mestu
  • Odgovoren za testiranje in odpravljanje napak
  • Koda z jeziki, kot so CSS, HTML in JavaScript
  • Odgovoren za kodiranje same spletne strani
  • Izdelajte vse uporabniške funkcije in funkcije
  • Lahko se specializira za razvoj CMS (npr. WordPress)
  • Koda z osnovnimi in naprednimi programskimi jeziki
  • Odgovoren za kodiranje vsega: sprednji in zadnji strani spletnega mesta

Kakšne vrste spletni oblikovalci obstajajo?

Spletni oblikovalciUX OblikovalciOblikovalci uporabniškega vmesnikaUX / UI Oblikovalci
  • Pogosto oblikujte z uporabo sistemov za upravljanje vsebine, kot je WordPress
  • Osredotočite se na oblikovanje manjših spletnih strani in strank
  • Oblikovanje s profesionalno programsko opremo za oblikovanje
  • Osredotočite se na oblikovanje, ki temelji na podatkih in na človeku
  • Postopek vključuje obsežne raziskave, testiranje in potrjevanje, da se ustvari idealna uporabniška izkušnja
  • Oblikovanje s profesionalno programsko opremo za oblikovanje
  • Osredotočite se na uporabnost oblikovanja
  • Postopek vključuje oblikovanje vmesnika, ki ne bo trenja in bo verjetno dobro pretvoril
  • Oblikovanje s profesionalno programsko opremo za oblikovanje
  • Osredotočite se tako na uporabniško izkušnjo kot uporabniški vmesnik

Kaj določajo spretnosti, ki jih morajo imeti oblikovalci in razvijalci?

Medtem ko obstaja nekaj prekrivanja med administrativnimi obveznostmi, ki jih imajo spletni oblikovalci in razvijalci, se njihovi spretnosti, ki se nanašajo na delovna mesta, zelo razlikujejo:

Kakšne veščine potrebujejo spletni razvijalci?

Spletni razvijalci so lastniki tehnične strani spletnega mesta, kar pomeni, da morajo te kode dobro teči.

Kot smo že omenili, obstajajo različni deli spletnega mesta, za katere so razvijalci morda odgovorni za programiranje. Zaradi tega naslednji seznam spretnosti ne velja za vsi ki želi postati spletni razvijalec.

Poskrbite, da boste ugotovili, na katero skladbo želite iti, da boste lahko obvladali pravi nabor spretnosti:

HTMLOsnovni jezik za označevanje, ki razvijalcem omogoča oblikovanje besedila za spletne brskalnike (sprednji del).
CSSOsnovni jezik tabele slogov, ki razvijalcem omogoča oblikovanje elementov na spletni strani (sprednji del).
JavaScriptOsnovni skriptni jezik, ki razvijalcem omogoča, da spletno stran iz nekega statičnega pretvorijo v nekaj interaktivnega (sprednji del).
PHPNapredni programski jezik na strani strežnika, s katerim razvijalci sodelujejo prek vmesnika ukazne vrstice (CLI), da kodirajo jedro spletnega mesta (back-end).
CSS predprocesorji, kot sta SASS ali LESSOrodje, ki omogoča kodiranje s CSS bolj učinkovito.
Okviri JavaScript, kot je jQueryOrodje, ki poenostavi, kaj morajo razvijalci storiti, da izvedejo kodo JavaScript.
CSS in JavaScript knjižniceVnaprej kodirani viri, ki jih lahko razvijalci prihranijo čas za pisanje vsake komponente ali interakcije od začetka.
GitPlatforma za nadzor različic, ki razvijalcem olajša delo in upravljanje različnih iteracij spletnega mesta.

Poleg programskih znanj, bi spletni razvijalci imeli tudi koristi od:

  • Dobro vodenje projektov in časa
  • Odziven spletni dizajn
  • Optimizacija iskalnikov (SEO)
  • Reševanje problemov (še posebej koristno za odpravljanje napak)
  • Spretnosti komuniciranja in sodelovanja

Kakšne veščine potrebujejo spletni oblikovalci?

Spletni oblikovalci so lastniki vse povezave z vmesnikom spletnega mesta. Kljub temu morajo njihovi sklopi spretnosti preseči osnovne koncepte oblikovanja ali teorijo barv.

Upoštevajte, da če se odločite za katero koli skladbo UX ali UI, boste potrebovali širši nabor spretnosti. Torej, ne pozabite ugotoviti, kakšen oblikovalec želite biti, da boste lahko na začetku našli pravi spretnost:

Blagovna znamkaTudi če ne razvijate blagovne znamke (na primer logotipov) za stranke, je še vedno koristno razumeti “zakaj” za blagovno znamko podjetja in kako to vpliva na oblikovanje in sporočila.
Teorija barvNi dovolj, da so barvne palete estetske. Barve pomenijo različne stvari v psihološkem in kulturnem smislu in to je treba upoštevati.
Postavitev / oblikaKo se zasloni manjšajo, je postavitev spletnega mesta postala pomemben dejavnik v procesu oblikovanja.
Preslikava potovanja uporabnikovSpletni oblikovalci morajo imeti možnost, da vizualizirajo ciljne poti, ki jih bodo kupci zavzeli, da bi ga izdelali (UI / UX design).
Razvoj tokaVse to je namen uporabnikov in razumevanje, kako različne miselne misli uporabnike poganjajo k različnim dejanjem. Zasnova mora upoštevati te različne tokove (UI / UX design).
Čustvena zasnovaEmpatija igra veliko vlogo v procesu spletnega oblikovanja – za oblikovalce vseh vrst. Brez tega boste oblikovali napačno osebo.
Odziven dizajnMedtem ko bodo platforme, kot je WordPress, za vas vzele nekaj dela, kot tudi spletni razvijalci, je pomembno razmisliti, kako vaše izbire oblikovanja vplivajo na uporabnike na različnih napravah in brskalnikih.
Interaktivna zasnovaTa segment se osredotoča na to, kako povečati klik in sodelovanje s ključnimi elementi spletnega mesta.

Poleg tega bi spletni oblikovalci imeli korist od teh znanj:

  • Dobro vodenje projektov in časa
  • Najboljše prakse za spletno dostopnost
  • HTML in CSS kodiranje
  • Optimizacija iskalnikov
  • Optimizacija stopnje konverzije
  • Komunikacija s strankami
  • Skupinsko sodelovanje

Katera orodja uporabljajo oblikovalci in razvijalci?

Ker se spletni razvijalci in oblikovalci osredotočajo na popolnoma različne dele spletnega mesta, se orodja, ki jih uporabljajo za opravljanje dela, ne prekrivajo veliko..

Kakšne vrste orodij uporabljajo spletni razvijalci?

Poleg tega, da lahko upravljajo jezike kodiranja, bi morali spletni razvijalci obvladati naslednja orodja:

Orodja za spletne razvijalcePrimeri
Integrirano razvojno okolje (IDE)Visual Studio

Atom

Platforma za nadzor različicGitHub
Orodja za razvijalce brskalnikaChrome DevTools

Firefox DevTools

Spletno gostovanje, nadzorna plošča in FTPBluehost
Sistem za upravljanje vsebinWordPress

Joomla

Drupal

Orodja za testiranje spletnih straniSvetilnik

Selen

Pingdom

Orodje za sledenje in upravljanjeJira

Kakšna orodja uporabljajo spletni oblikovalci?

Orodja za spletno oblikovanjePrimeri
Programska oprema in orodja za spletno oblikovanjePhotoshop

Skica

Viri za fotografijoRazpnite

iStock

Orodja za optimizacijo slike (stiskanje / spreminjanje velikosti)ResizeImage.net

TinyPNG

Orodja za žične okvirjeBalzamik

MockFlow

Programska oprema za prototipiranjeAdobe XD

InVision

Kakšne vrste orodij bi morali uporabljati spletni oblikovalci in razvijalci?

Ker oblikovalci in razvijalci tesno sodelujejo, je pomembno, da si delijo določen nabor orodij za lažjo komunikacijo in predajo. Na primer:

Orodja za oblikovalce in razvijalcePrimeri
Orodje za sodelovanje oblikovalca in razvijalcaFigma

InVision

Programska oprema za upravljanje projektovSkupinsko delo

Trello

Programska oprema za klepet ekipeSkype

Ohlapnost

Koliko v povprečju zaslužijo spletni oblikovalci in spletni razvijalci?

Obstajajo številni dejavniki, ki vplivajo na to, koliko lahko zaslužite kot spletni oblikovalec ali spletni razvijalec. Tako kot kakšen oblikovalec ali razvijalec ste, v kakšnih podjetjih delate, pa tudi, koliko izkušenj imate.

VirPlača spletnega oblikovalcaPlača za spletne razvijalce
Steklena vrata52.691 dolarjev68.524 dolarjev
PayScale49.707 USD59.229 dolarjev
ZipRecruiter60.116 dolarjev74.678 dolarjev
Skupna povprečna plača54.178 dolarjev67.477 dolarjev

Opomba:

Čeprav se lahko zdi, da spletni oblikovalci bistveno manj, ne pozabite, da gre za povprečje splet oblikovalci. Pričakujete lahko več zaslužka, če se specializirate za UX ali UI design ali če najdete posebno donosno nišo.

Kje se lahko naučite spletnega oblikovanja in spletnega razvoja?

Obstajata dva različna pristopa, da se izobražujete o spletnem oblikovanju ali spletnem razvoju.

Možnost 1: Pridobite diplomo ali certifikat

Za spletne razvijalce

Številni spletni razvijalci vstopijo na to področje z diplomo iz računalništva ali programiranja.

Za to zagotavljajo vrhunske tehnološke šole, kot sta Stanford in MIT v ZDA. Vendar pa obstajajo tudi bolj dostopne in priročne možnosti.

Univerza Colorado State, na primer, ponuja spletna potrdila za računalniško programiranje in razvoj spletnih aplikacij.

Univerza Southern New Hampshire je še ena šola, ki ponuja spletne programe – za stopnje vseh ravni – informacijske tehnologije.

Če niste prepričani, kje želite trenirati, poglejte Coursera. Tam lahko najdete univerzitetne tečaje, ki ustrezajo vašim potrebam.

Za spletne oblikovalce

Stopnja in program, ki ga izberete za vse, sta odvisna od tega, kaj načrtujete za svojo kariero. Na primer:

Če bi se raje strogo osredotočili na spletno oblikovanje, potem ima umetniški inštitut Akademija za umetnostno univerzo morda najboljša možnost.

Če pa želite popolnoma razumeti, kako deluje splet, hkrati pa postanete mojster oblikovanja, boste ugotovili, da številne šole ponujajo kombinirane diplome, kot sta digitalni medij in program za spletno tehnologijo Univerze Marylanda.

Obstajajo tudi cenejše in bolj priročne možnosti spletnih programov, ki omogočajo izbiro med najrazličnejšimi stopnjami in certifikati s področja spletnega oblikovanja ali računalništva. Univerza Full Sail in univerza Franklin sta le nekaj teh.

Nasvet za profesionalce: Upoštevajte, da vam diploma ali potrdilo ne bo prineslo novih strank – za nobeno od teh polj. Za njihovo prikazovanje boste potrebovali zelo trdno portfeljsko mesto, zato se čim prej osredotočite na njegovo izdelavo.

Možnost 2: Izobražite se

Za spletne razvijalce

Če nameravate delati zase in ne potrebujete ali želite, da vas zaposli agencija, morda ne boste potrebovali diplome ali potrdila.

To ne pomeni, da lahko sami začnete s spletnim razvojnim podjetjem, brez kakršnega koli usposabljanja. Boste morali porabiti čas za učenje kodiranja.

Na spletu je veliko brezplačnih virov, kjer se lahko naučite kodirati – nekateri od njih ponujajo certifikate, ko zaključite usposabljanje.

Prav tako se morate naročiti na spletni dnevnik ali spletno mesto, ki redno izdeluje nasvete in vaje za razvoj spletnih strani. Začnete lahko z zaznamki spletnega mesta WebsiteSetup.org.

Obstaja tudi več formalnih možnosti, kot je obiskovanje (plačanih) tečajev prek spletnih mest, kot sta EdX in Udemy.

Za spletne oblikovalce

Da bi postali celovit spletni oblikovalec, se morate naučiti veliko, zato je najbolje, da uporabite celovit, a raznolik pristop.

Za začetek se naročite na platforme, kot so Dribbble in Behance. Če želite biti v koraku s konkurenco, morate biti seznanjeni s tem, kako oblikujejo in kaj je trenutno na vrhunskem dizajnu.

Drugič, pojdite skozi vse vaje, ki jih ponuja vaša najprimernejša programska oprema za oblikovanje. Photoshop in Sketch imata fantastičen nabor vaj, s pomočjo katerih boste začeli.

Nato se naročite na bloge in YouTube kanale, ki so specializirani za nasvete in vaje za spletno oblikovanje. Smashing Magazine in WebDesignerDepot redno objavljata novo vsebino za oblikovalce na vseh ravneh.

Bolj kot lahko gledate spletno mesto, ki je oblikovano v realnem času (naj bo to v videoposnetku ali s posnetki zaslona), bolje se boste sami naučili veščine.

Na spletu je na voljo več brezplačnih virov, kjer se lahko naučite spletnega oblikovanja. Morate le najti vir, ki najbolje odmeva z vami.

Če želite obvladati določeno veščino, ne pozabite preveriti plačanih tečajev na najboljših platformah za e-učenje, kot so Alison, EdX ali Skillshare.

Spletni oblikovalec v primerjavi s spletnim razvijalcem: katera je prava pot za vas?

Upoštevajte, da usposabljanje spletnega oblikovanja in razvoja ni smeh, še posebej, če želite zaslužiti preko povprečne plače vrstnikov.

Preden vlagate čas ali denar v katero koli področje, ugotovite, kaj vas navdušuje.

Vam je všeč ideja o pisanju kode za kulisami, ki sporoča, kako dobro ali slabo deluje spletno mesto?

Ali pa bi raje oblikovali vizualni izgled spletnega mesta in bolj aktivno oblikovali uporabniško izkušnjo?

Seveda, medtem ko o tem govorimo kot o razvoju spletnega in spletnega oblikovanja, je resnica:

Brez drugega ne more obstajati. Dve polovici sta eno.

Tudi če se odločite, da je spletni dizajn za vas ali obratno, je pomembno, da razumete, kaj gre za razvoj spletnega razvijalca, in tudi, da boste sodelovali pri razvoju brezhibnih rešitev za stranke.

Torej, boljše kot boste razumeli, kako se vaša kreativna vizija prevaja v kodo ali obratno, bolj učinkovito in učinkovito lahko ustvarite spletna mesta.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map