Inimestel on täna lihtne veebisaite vaadata ja mõelda: “Igaüks saab selle üles ehitada”. Tänu sisuhaldussüsteemidele nagu WordPress, aga ka eelkodeeritud teemadele ja pistikprogrammidele saavad mõned inimesed seda teha.
Kuid tõsiasi on see, et veebisaidi loomiseks, mida inimesed soovivad külastada, sealt osta, tellida ja nii edasi, on vaja tugevat kodeerimist ja asjatundlikku kujundamise oskust..
See muudab veebidisainerid ja veebiarendajad sellel päeval asendamatuks.
Kui kaalute veebisaitide loomist elatiseks, on oluline välja mõelda, milliseid neist rollidest soovite täita. See muudab teie karjääritee, koolituse ja positsioneerimise palju lihtsamaks.
Näiteks:
- Kas soovite kirjutada koodi, mille tulemuseks on selline suure jõudlusega funktsionaalsus ja uuenduslikud funktsioonid, mis muudavad veebisaitide edukaks?
- Või eelistaksite kujundada ilusaid ja kasutajasõbralikke teid, mis viiksid sihtrühma otse otsitava lahenduse juurde?
Need on asjad, mida peate võimaluste kaalumisel arvestama.
Täna uurime veebidisainerite ja veebiarendajate peamisi erinevusi ning anname vastused üldistele küsimustele selle kohta, mida igaüks teeb:
- Mis vahe on sellel, mida veebidisainerid teevad ja mida veebiarendajad teevad?
- Kas on erinevaid disainereid ja arendajaid??
- Millised oskuste komplektid peaksid disaineritel ja arendajatel olema?
- Milliseid tööriistu disainerid ja arendajad kasutavad?
- Kui suur on veebidisainerite ja veebiarendajate keskmine sissetulek?
- Kust saate õppida veebidisaini ja veebiarendust?
- Otsustamine kahe tee vahel
Contents
- 1 Mis vahe on sellel, mida veebidisainerid teevad ja mida veebiarendajad teevad?
- 2 Kas on erinevaid veebidisainerid ja arendajad??
- 3 Millised oskuste komplektid peaksid disaineritel ja arendajatel olema?
- 4 Milliseid tööriistu kasutavad disainerid ja arendajad?
- 5 Kui palju keskmiselt teenivad veebidisainerid ja veebiarendajad?
- 6 Kust saate õppida veebidisaini ja veebiarendust?
- 7 Veebidisainer vs veebiarendaja: milline on teie jaoks õige tee?
Mis vahe on sellel, mida veebidisainerid teevad ja mida veebiarendajad teevad?
Lihtsamalt öeldes:
- Veebidisainerid otsustavad veebisaidi üldise ilme.
- Veebiarendajad muudavad selle visiooni täielikult toimivaks veebisaidiks.
Kuid täpsemalt:
Mida teevad veebiarendajad??
Veebiarendajad võtavad kõik loodud elemendid – saidi struktuuri, kujunduse maketid ja prototüübid ning ka koopia – ja muudavad selle koodiks.
Kuigi veebiarendajad tavaliselt disainilahendusi ei tee, teevad nad kogu protsessi vältel tihedat koostööd veebidisaineritega.
See koostöö võib alata veebidisaini protsessi alguses, pannes arendaja nõustaja kohale. Pärast seda, kui veebidisainer on mõelnud, kuidas nad soovivad veebisaidi välja näha ja töötada, hindab arendaja seejärel, kas kavandatavat saab tehniliselt ja kulutõhusalt programmeerida või mitte.
Veebiarendajad ja -kujundajad teevad hiljem koostööd ka siis, kui disainerid loovutavad kodeeritavad kliendi poolt heaks kiidetud kavandid ja redline’i (lehe loomise spetsifikatsioonid).
Mida teevad veebidisainerid?
Nagu veebiarendajatel, pole ka veebidisaineritel oma ülesande või veebisaidi osa, mille eest nad vastutavad.
Jah, veebidisainerite ülesandeks on kujundada digitaalsed liidesed, mis on nii ahvatlevad kui ka tõhusad, et kutsuda külastajaid üles teisendama (nt midagi ostma või midagi tellima).
Kuid suur osa veebidisaini protsessist viib need ka uurimise ja katsetamise valdkondadesse. Niisiis, tavaliselt ei piisa lihtsalt teadmisest, kuidas valida esteetiliselt meeldiv värvipalett.
Veebidisainerid peavad suutma kujundada kohandatud kogemusi, mis vastavad lõppkasutajate vajadustele ja motivatsioonidele. Samuti peavad nad seda tasakaalustama ja mõistma, kuidas nende kujundusotsused veebisaidi kodeerimist mõjutavad.
See tähendab sageli enne veebisaidi lõpliku kujundusele pühendumist ulatusliku uurimis- ja kavandamisprotsessi läbimist.
Kas on erinevaid veebidisainerid ja arendajad??
Nii nagu on erinevaid inimesi ja ettevõtteid, kes vajavad veebisaite, on ka nende loomiseks erinevaid veebiarendajaid ja -kujundajaid.
Milliseid veebiarendajaid seal on?
Tagavara arendajad | Esiosa arendajad | Täisstardiga arendajad |
|
|
|
Milliseid veebidisainereid seal on?
Veebidisainerid | UX disainerid | KÜ disainerid | UX / UI disainerid |
|
|
|
|
Millised oskuste komplektid peaksid disaineritel ja arendajatel olema?
Ehkki veebidisainerite ja arendajate haldusvastutus on mingil määral kattuv, erinevad nende töökohaspetsiifilised oskused:
Milliseid oskusi veebiarendajad vajavad?
Veebiarendajatele kuulub veebisaidi tehniline külg, mis tähendab, et neil peab olema sujuv kood.
Nagu me juba mainisime, on veebisaidil siiski erinevaid osi, mille arendajad võivad programmeerimise eest vastutada. Seetõttu järgmine oskuste loetelu ei kehti igaüks kes soovib saada veebiarendajaks.
Mõelge kindlasti välja, millisele rajale soovite minna, et saaksite omandada vajalikud oskused:
HTML | Põhiline märgistuskeel, mis võimaldab arendajatel veebibrauserite jaoks teksti stiili kujundada (kasutajaliides). |
CSS | Põhiline stiililehe keel, mis võimaldab arendajatel veebilehe elemente vormindada (esiotsa). |
JavaScript | Põhiline skriptikeel, mis võimaldab arendajatel muuta veebilehe staatilisest interaktiivseks (esiotsa). |
PHP | Täiustatud serveripoolne programmeerimiskeel, millega arendajad töötavad käsuribaliidese (CLI) kaudu veebisaidi tuuma kodeerimiseks (taust). |
CSS eeltöötlejad nagu SASS või LESS | Tööriist, mis muudab CSS-iga kodeerimise tõhusamaks. |
JavaScripti raamistikud nagu jQuery | Tööriist, mis lihtsustab seda, mida arendajad peavad JavaScripti koodi täitmiseks tegema. |
CSS ja JavaScripti teegid | Eelkodeeritud ressursid, mida arendajad saavad kasutada, et säästa aega iga komponendi või interaktsiooni kirjutamisel nullist. |
Git | Versioonikontrolli platvorm, mis teeb arendajatel hõlpsaks veebisaidi mitmesuguste iteratsioonide kasutamise ja haldamise. |
Lisaks programmeerimisoskustele saavad veebiarendajad kasu ka järgmistest:
- Hea projekti- ja ajajuhtimine
- Vastuvõtlik veebidisain
- Otsingumootori optimeerimine (SEO)
- Probleemide lahendamine (eriti kasulik silumiseks)
- Suhtlemis- ja koostööoskused
Milliseid oskusi vajavad veebidisainerid?
Veebidisaineritele kuulub kõik, mis on seotud veebisaidi liidesega. Sellegipoolest peavad nende oskuste komplektid minema kaugemale disaini põhikontseptsioonidest või värviteooriast.
Pidage meeles, et kui otsustate kasutada mõnda UX- või UI-rada, vajate laiemat oskuste komplekti. Nii et veenduge, et mõtleksite välja, milline disainer soovite olla, et saaksite get-go-st lahti õige oskuste komplekti:
Bränding | Isegi kui te ei arenda klientide jaoks brändinguid (näiteks logosid), on siiski kasulik mõista ettevõtte kaubamärgi taga olevat põhjust ja miks see mõjutab kujundust ja sõnumsidet. |
Värviteooria | Sellest ei piisa, kui värvipaletid on esteetiliselt meeldivad. Värvid tähendavad psühholoogiliselt ja kultuuriliselt erinevaid asju ja sellega tuleb arvestada. |
Paigutus / vorming | Ekraanide väiksemaks kasvades on veebisaidi paigutus kujundamise protsessis oluliseks teguriks muutunud. |
Kasutaja teekonna kaardistamine | Veebidisainerid peavad olema võimelised visuaalselt tutvustama seda, millist teed kliendid selle väljatöötamiseks kasutavad (UI / UX disain). |
Lehtri arendamine | See kõik seisneb kasutaja kavatsuses ja mõistmises, kuidas erinevad mõtteviisid ajendavad kasutajaid erinevaid toiminguid tegema. Kujundus peaks arvestama nende erinevate lehtritega (UI / UX disain). |
Emotsioonide kujundamine | Empaatia etendab suurt rolli veebidisainiprotsessis – igat tüüpi disaineritele. Ilma selleta saate kujundada vale inimese. |
Vastuvõtlik disain | Ehkki sellised platvormid nagu WordPress võtavad osa teie tööst ära nagu veebiarendajad, on oluline kaaluda, kuidas mõjutavad teie kujundusvalikud erinevate seadmete ja brauserite kasutajaid. |
Koostoime kujundamine | Selles segmendis keskendutakse sellele, kuidas suurendada veebisaidi võtmeelementidega klikkimist ja seotust. |
Lisaks oleks veebidisaineritele kasu järgmistest oskustest:
- Hea projekti- ja ajajuhtimine
- Veebi juurdepääsetavuse parimad tavad
- HTML ja CSS kodeerimine
- Otsingumootori optimeerimine
- Konversioonimäära optimeerimine
- Kliendisuhtlus
- Meeskonna koostöö
Milliseid tööriistu kasutavad disainerid ja arendajad?
Kuna veebiarendajad ja -kujundajad keskenduvad veebisaidi täiesti erinevatele osadele, pole töö tegemiseks kasutatavate tööriistade osas palju kattumist.
Milliseid tööriistu veebiarendajad kasutavad?
Lisaks kodeerimiskeeltega manipuleerimisele peaksid veebiarendajad valdama ka järgmisi tööriistu:
Veebiarendaja tööriistad | Näited |
Integreeritud arenduskeskkond (IDE) | Visuaalstuudio |
Versioonikontrolli platvorm | GitHub |
Brauseri arendaja tööriistad | Chrome DevTools |
Veebimajutus, juhtpaneel ja FTP | Sinine vaim |
Sisuhaldussüsteem | WordPress Joomla Drupal |
Veebisaidi testimise tööriistad | Tuletorn |
Väljaannete jälgimise ja haldamise tööriist | Jira |
Milliseid tööriistu veebidisainerid kasutavad?
Veebidisainerite tööriistad | Näited |
Veebidisaini tarkvara ja tööriistad | Photoshop |
Fotograafia ressursid | Unsplash |
Kujutise optimeerimise (pakkimise / suuruse muutmise) tööriistad | ResizeImage.net |
Traatraamimisriistad | Balsamiq |
Prototüüpimise tarkvara | Adobe XD |
Milliseid vahendeid peaksid kasutama nii veebidisainerid kui ka arendajad?
Kuna disainerid ja arendajad teevad tihedat koostööd, on oluline, et nad jagaksid teatavat tööriistakomplekti, mis hõlbustaks suhtlemist ja edastamist. Näiteks:
Kujundaja-arendaja tööriistad | Näited |
Kujundaja-arendaja koostöö tööriist | Figma |
Projektijuhtimise tarkvara | Meeskonnatöö |
Meeskonnavestluse tarkvara | Skype |
Kui palju keskmiselt teenivad veebidisainerid ja veebiarendajad?
Kui palju võite veebidisainerina või veebiarendajana teenida, mõjutavad mitmed toetavad tegurid. Nagu see, milline disainer või arendaja olete, millistes ettevõtetes töötate, samuti see, kui palju kogemusi teil on.
Allikas | Veebidisainerite palk | Veebiarendaja palk |
Klaasuks | 52 691 dollarit | 68 524 dollarit |
PayScale | 49 707 dollarit | 59 229 dollarit |
ZipRecruiter | 60 136 dollarit | 74 678 dollarit |
Keskmine keskmine palk | 54 178 dollarit | 67 477 dollarit |
Märge:
Ehkki võib tunduda, et veebidisainerid teenivad oluliselt vähem, pidage meeles, et need on keskmised võrk disainerid. Võite oodata rohkem teenimist, kui olete spetsialiseerunud UX-i või UI-kujundusele või kui leiate eriti tulusa niši.
Kust saate õppida veebidisaini ja veebiarendust?
Veebidisaini või veebiarenduse alal hariduse saamiseks on kaks erinevat lähenemisviisi.
1. võimalus: saada kraad või tunnistus
Veebiarendajatele
Paljud veebiarendajad sisenevad väljale arvutiteaduse või programmeerimisega.
Tipptehnoloogiakoolid, nagu Stanford ja MIT USA-s, pakuvad selleks kraadiõppeid. Siiski on ka soodsamaid ja mugavamaid võimalusi.
Näiteks Colorado osariigi ülikool pakub veebipõhiseid sertifikaate arvutiprogrammide koostamisel ja veebirakenduste arendamisel.
Lõuna-New Hampshire’i ülikool on veel üks kool, mis pakub infotehnoloogia veebiprogramme – kõigil astmetel -.
Kui te pole kindel, kuhu soovite treenida, vaadake Coursera. Sealt leiate teie vajadustele vastavad ülikoolikursused.
Veebidisaineritele
Aste ja programm, mille valite kõik sisestamiseks, sõltub sellest, mida te oma karjääri jaoks ette näete. Näiteks:
Kui eelistaksite keskenduda ainult veebidisainile, meeldib selline kunstiinstituut Kunstiakadeemia võib olla parim valik.
Kui soovite aga täielikku arusaamist veebi toimimisest, saades samal ajal disaini meistriks, leiate, et paljud koolid pakuvad kombineeritud kraadi, näiteks Marylandi ülikooli digitaalse meedia ja veebitehnoloogia programm.
Samuti on odavamaid ja mugavamaid veebiprogrammide võimalusi, mis võimaldavad teil valida mitmesuguste kraadi ja sertifikaatide hulgast veebidisaini või arvutiteaduse alal. Full Sail University ja Franklini ülikool on neist vaid paar.
Pro näpunäide: Pidage meeles, et ainuüksi kraad või tunnistus ei anna teile uusi kliente – kummagi välja jaoks. Nende kuvamiseks on teil vaja kindlat portfelli saiti, nii et keskenduge selle loomisele nii kiiresti kui võimalik.
2. võimalus: koolitage ennast
Veebiarendajatele
Kui kavatsete enda heaks töötada ja te ei vaja ega soovi, et agentuur teid palkaks, siis ei pruugi teil vaja kraadi või tunnistust.
See ei tähenda, et saaksite käivitada oma veebiarendusettevõtte ilma koolituseta. Peate kulutama aega koodide õpetamiseks.
Veebis on palju tasuta ressursse, kus saate õppida koodi kodeerima – mõned neist pakuvad koolituse lõpetamisel sertifikaate.
Peaksite tellima ka ajaveebi või veebisaidi, kus regulaarselt antakse veebiarenduse näpunäiteid ja õpetusi. Võite alustada veebisaidi WebsiteSetup.org järjehoidjate lisamisega.
Ka ametlikumaid võimalusi on näiteks (tasuliste) kursuste korraldamine selliste veebisaitide kaudu nagu EdX ja Udemy.
Veebidisaineritele
Täielikuks veebidisaineriks saamiseks on vaja palju õppida, nii et kõige parem on kasutada kõikehõlmavat, kuid mitmekesist lähenemisviisi.
Alustuseks tellige selliseid platvorme nagu Dribbble ja Behance. Konkurentsiga sammu pidamiseks peate olema kursis, kuidas nad kavandavad ja mis on praegu disaini tipptasemel.
Teiseks, lugege läbi kõik eelistatud kujundustarkvara pakutavad õpetused. Photoshopil ja Sketchil on fantastiline õpetuste komplekt, mis aitavad teil alustada.
Seejärel tellige ajaveebid ja YouTube’i kanalid, mis on spetsialiseerunud veebikujunduse näpunäidetele ja õpetustele. Smashing Magazine ja WebDesignerDepot avaldavad regulaarselt disainerite jaoks uut sisu kõikidel tasanditel.
Mida rohkem saate veebisaiti reaalajas kujundada (olgu see siis videol või ekraanipiltidega), seda paremini saate selle oskuse ise õppida.
Internetis on palju tasuta ressursse, kus saate veebidisaini õppida. Peate lihtsalt leidma ressursi, mis sobib teiega kõige paremini.
Ja kui soovite omandada kindla oskuse, ärge unustage vaadata tasulisi kursusi e-õppe platvormidel nagu Alison, EdX või Skillshare.
Veebidisainer vs veebiarendaja: milline on teie jaoks õige tee?
Pidage meeles, et veebidisaini ja arenduskoolitus pole naeruväärne, eriti kui soovite teenida eakaaslaste keskmisest palgast rohkem.
Enne kui investeerite mõlemale väljale aega või raha, mõelge välja, mis just teid erutab.
Kas teile meeldib idee kirjutada kulisside taha kood, mis annab teada, kui hästi või halvasti veebisait töötab?
Või eelistaksite kujundada veebisaidi visuaalset välimust ja aktiivsemalt kujundada kasutajakogemust?
Muidugi, kui me räägime sellest kui veebiarendusest või veebidisainist, on tõde:
Kumbki ei saa eksisteerida ilma teiseta. Nad on kaks poolt üheks tervikuks.
Isegi kui otsustate, et veebidisain on teie jaoks või vastupidi, on oluline mõista nii veebiarendajaks saamist kui ka seda, kuidas hakkate käsikäes töötama, et klientidele veatuid lahendusi välja töötada.
Seega, mida paremini mõistate, kuidas teie loov visioon tõlgib koodiks või vastupidi, seda tõhusamalt ja tulemuslikumalt saate veebisaite üles ehitada.