Gjør webdesignere kode? Mange webdesignere har stilt seg spørsmålene jeg gjør: hva slags webdesigner er jeg? Hvor er nettdesignkraften min? I wireframes, arbeidsflytene, interaksjonen? Skal jeg lære å kode?
Må jeg kunne konvertere designene mine til frontend-kode? Alternativt, fortsetter jeg å lage lagdelte Photoshop-design som deretter konverteres (av noen andre) til frontend-kode? Det hele koker ned til... Er det en effektiv arbeidsflyt, eller kan den være annerledes, kanskje bedre?
Akkurat tilbake i tid.
Webdesign som felt har eksistert siden utgivelsen av Netscape 1.0 (Mosaic) i 1995. Designet og byggingen av en internettside har modnet de siste 20 årene. Den gang laget du dine egne nettsider med for eksempel Microsoft FrontPage og TextEdit. DreamWeaver kom senere. Det var banebrytende... Du gjorde alt selv, fra ideen, designen til HTML.
Modent felt
Nå? Mulighetene for å designe og kode en nettside er utvidet og forbedret. Mange ulike webdisipliner har dukket opp; det er ikke lenger slik at én person leverer en nettside. Spesielt ikke med de komplekse, profesjonelle nettsidene. Fra Visuell design, UX, CSS, fra innhold til SEO – det er en spesialist der ute for hver komponent. Vi har også bedre programmer til rådighet, og beste praksis er lett tilgjengelig.
Design og bygging av internettløsninger har virkelig blitt et modent felt, men har ennå ikke vokst ut.
Det har dukket opp mange webdisipliner der spesialiteten fremgår av tittelen deres. Begrepet "webdesigner", derimot, er åpent for flere tolkninger. For én person fokuserer en webdesigner kun på å forme front-end (look-and-feel). For den andre, noen som også konverterer designene sine til HTML / CSS, eller til og med hele front-end og back-end tar seg av.
Koding: ja eller nei?
Jeg har ofte prøvd å gjøre koding til min egen, men jeg kan ikke skille begrepene klasse, tag, container, div og span, enn si hvilke parametere som hører til. Jeg snubler alltid over den bratte læringskurven for å gi en ryddig og korrekt kode.
Jeg kan selvfølgelig raskt og ganske enkelt sette sammen noe med litt HTML og CSS. Så håper jeg at det fungerer på forskjellige enheter... Det er greit for en presentasjon, men jeg vil sannsynligvis aldri kunne (jeg tror de fleste designere ikke gjør det) levere kvalitetskodearbeid. Det er allerede en stor utfordring for en designer å skille seg ut fra konkurrentene.
[su_pullquote]Jeg er typen webdesigner som har bestemt meg for ikke å kode fordi jeg ønsker å fokusere på den visuelle presentasjonen og/eller brukervennligheten til et nettsted.[/su_pullquote]
Spesialisering
Jeg er en type webdesigner som har bestemt meg for ikke å kode fordi jeg ønsker å fokusere på visuell presentasjon og/eller brukervennlighet. Det er ikke noe galt med det. Dette kalles spesialisering.’ Ærlig talt, fra et teknisk perspektiv er programmering mye vanskeligere; et design er vakkert eller ikke vakkert, en skrivefeil i koden er "drepende" ... Så du må velge.
Hvis du vil være en profesjonell designer, må du få frem de beste designferdighetene i deg selv. I de fleste tilfeller vil dette ta mye av tiden din, og du må også lære nye ferdigheter. Hvis du leter etter en enklere løsning, kan du alltid finne en pålitelig webdesignfirma i New York som vil være klar til å møte alle dine behov. Endelig endrer designtrender seg kontinuerlig, og teknisk fremgang står aldri stille. Mange av dere blir bedt om å følge med – mer enn nok til å teste designkvalitetene til det ytterste. Enn si om du vil (fortsette å) kode.
«Sjelden fyr».
Forvirring av begreper og fordommer har lenge spilt en stor rolle i å diskutere om en webdesigner skal kode eller ikke. En designer blir ofte sett på som en «rar fyr» som snakker vagt om viktigheten av «farger» og «fonter.» Han regnes absolutt ikke som «hel» så snart det viser seg at han ikke kan kode.
Koder webdesignere?
Er det et lys i horisonten for designere som meg? Vil frontend-koding være fullstendig WYSIWYG i lang tid? Ettersom Postscript-programmering for lenge siden har blitt erstattet av WYSIWYG som jobber med Adobe Illustrator (visste du at Adobes Illustrator opprinnelig ble utviklet som en fremviser for å se din håndskrevne Postscript-kode?!
Og at du først jobbet i disposisjon og bare kunne forhåndsvise ?!)). Tidligere kunne du ikke gå rundt å kode (gjøre det selv eller ansette selv). Det var et nødvendig onde. Men dette er ikke lenger nødvendig – profesjonelle dra-og-slipp-applikasjoner er tilgjengelige. Som webdesigner trenger du ikke lenger omfattende kunnskap om koding. Med riktig programvare kan du lage vakre, funksjonelle og responsive nettsteder.
Dra-og-slipp
Som designer er du ikke lenger bundet til å produsere statiske wireframes og mockups. Du kan produsere grensesnittkode gjennom dra-og-slipp. Du kan bruke skrivebordsprogrammer som Adobe Muse og "ekstrakt"-verktøyet i Adobe Dreamweaver for å ta seg av mange frontend-kodingsoppgaver. Flere tiltak tilbyr også nettbaserte løsninger, som f.eks Elegant Temaer med dra-og-slipp-nettstedbyggeren. Og holder du deg innenfor en mal for for eksempel WordPress, er koden stort sett skjult for deg.
Og webutviklere trenger ikke å klage fordi det skaper ren, W3C-kompatibel HTML/CSS som absolutt ikke er dårligere enn det mange utviklere skriver selv. Den er basert på Twitters Bootstrap-rammeverk. Og nei, du sitter ikke fast i et bestemt program fordi koden generert av Webflow, Macaw eller Webydo kan eksporteres og brukes etter behov innenfor en ekstern utviklingsplattform.
Ikke mer kode!
Jeg vet det: et vågalt utsagn... Men det jeg virkelig ønsker som designer er å forstå nettsiden. Ikke nødvendigvis gjennom koding. Dette er basert på to grunnleggende ideer:
Jeg ønsker å tilby mine kunder et forutsigbart resultat og prosess. Som frilansdesigner har jeg ikke alltid mulighet til å ansette en (dyr) utvikler til ditt prosjekt. Og min klient venter ikke på å komme inn mellom to parter. Som designer ønsker du å ta vare på oversettelse fra design til kode. Det er det det handler om – enten du kan kode eller ikke. Det er derfor profesjonelle applikasjoner er verdt å undersøke.
Mer kontroll over arbeidet mitt. Som designer vil du ha kontroll over kreasjonene dine. Dessverre går mange endringer ofte tapt i oversettelse fra design til kode. Oversettelsen fra PSD til responsiv HTML/CSS er ikke 1-2. Bygger du siden selv vil du ha kontroll over kvaliteten på hele prosjektet (kurs), og du vil bedre kunne forutse endringer.
Se dypere enn skjermen din.
Fungerer helt uten en oppfatningen av kode – ettersom vi nå koder Postscript med Adobe Illustrator ubemerket – er vi ennå ikke så langt. Den (semi) manuelle oversettelsen fra design til (front-end) kode vil fortsatt være nødvendig. WYSIWYG-applikasjonene er nå sammensatt av to visninger: en 'kodevisning' og 'dra-og-slipp-visning.' Men utviklingen går raskt. Snart vil vi vite at noe fungerer eller ikke fungerer, men ikke så mye hvorfor. Og det vil absolutt ikke vare i 20 år. Eller er det ønsketenkning? Eller er det ille?
[su_pullquote]Lær de riktige konseptene slik at du kan presentere designideene dine godt til utviklere.[/su_pullquote]
Inntil da må du som webdesigner i det minste holde deg åpen for andre uunnværlige disipliner. Hvis du ignorerer internetts tekniske konsept fullstendig og ignorerer byggesteinene i webutvikling, vil det gå dårlig med deg. Du må ha din grunnleggende kunnskap om å kode din egen for å forstå hvordan utviklere tenker og hva de trenger. Lær de riktige konseptene slik at du kan presentere designideene dine godt til utviklere.
Grunnleggende kunnskap om utviklingsprosessen
Grunnleggende kunnskap om utviklingsprosessen, bruk av forskjellige programmeringsspråk og begrensninger på designet gjør deg til en bedre designer. Jo bedre du kan anslå hva som er teknisk realistisk, jo mindre tid har du, og da er du ikke prisgitt en utvikler.
Dessuten, som en profesjonell i den kreative sektoren, er du ivrig etter å lære. For hvis nysgjerrigheten din tørker opp, blir du fanget opp.
Å være nettdesigner hørtes ideelt ut: Jeg ville være i stand til å lage vakre ting for internett og bruke alle mine kreative safter til typografisammenkoblinger, fargeskjemaer og å gi nettsteder som visse Je ne sais quois. Samtidig var jeg imidlertid bekymret for at jeg ikke ville ha det som trengs for å være webdesigner. Uten historie med grafisk design eller designtrening i det hele tatt, lurte jeg på hvem som ville stole på meg med estetikken til nettstedet deres.
Og da jeg hadde tenkt på webutvikler, tenkte jeg: "Dette er det jeg skal gjøre. Jeg kommer til å tjene massevis av penger og har all makt i verden til å bygge fantastiske nettsteder og nettapper. Men hva om dette er kjedelig?"
Men etter hvert som jeg lærte HTML, Java og CSS, møtte flere designere og utviklere, og begynte å jobbe med min freelance nettsteder, skjønte jeg at jeg hadde alt feil. Det er ikke det at du ikke trenger å velge mellom webdesign og utvikling. Poenget er at ideen min om forskjellene mellom webdesign og webutvikling var ganske ute av kontakt. Dette er blogginnlegget som jeg skulle ønske jeg kunne lese da jeg først dyppet tåa i teknisk farvann.
Webdesignere eller webutviklere?
Ok, så mot slutten av dette innlegget kommer du til å ha:
- En oversikt over de største mytene om designere og utviklere, slik at du kan ta en informert beslutning om hvilken vei som er riktig for deg,
- En omfattende infografisk oversikt NØYAKTIG av ferdighetene og verktøyene som brukes av webdesignere og utviklere;
- En oversikt over de grunnleggende ferdighetene som alle teknikere trenger,
- Et rammeverk for å finne ut hvilken vei som passer best til din personlighet,
Men jeg vil slippe katten ut av sekken før jeg dykker inn. Sannheten er at det ikke spiller noen rolle om du velger å begynne med webdesign eller webutvikling! Å få digitale ferdigheter vil gjøre deg i stand til å tjene mer penger og ha noen av de mest etterspurte ferdighetene, uavhengig av om de faller inn i kategorien webdesign eller webutvikling.
Denne veiledningen er basert på generelle personlighetstrekk og en oversikt over daglige gjøremål. Hvis noe av det virker forenklet, er det fordi jeg vil gjøre det superenkelt for deg å ta en avgjørelse. I virkeligheten, ikke sant? Det er mye overlapping mellom webdesignere og webutviklere, og det er ikke noe riktig eller galt utgangspunkt!
Bli kvitt mytene om kodere
Før du kan bestemme deg for hva slags karriere du ønsker, må du sørge for at du vet hva webdesignere og utviklere gjør.
Hvis du er som meg, har du blitt sosialisert til å definere "nettdesigner" og "webutvikler" på måter som ikke representerer hvordan det faktisk er å være det, og du har aldri snakket med en virkelig person webdesigner eller utvikler.
Mine største misoppfatninger om designere og utviklere handlet om hvor mye penger de tjener, hvor bratt læringskurven er og hva slags arbeid de gjør. Jeg tok feil når jeg trodde på mytene som:
Å lære å være programmerer er vanskeligere enn å lære å være designer (eller omvendt).
Noen mennesker antar at fordi utvikling involverer programmering på høyere nivå, vil det være vanskeligere å lære sammenlignet med design. Andre ser på design som vanskeligere fordi de tror det krever mer medfødt (i stedet for innlært) kreativitet.
Når du starter fra bunnen av, er enhver ny ferdighet en utfordring. Nettutvikling og webdesign er ikke iboende mer eller mindre utfordrende – dine styrker og svakheter vil diktere veien til minst motstand for deg.
Utviklere tjener mer enn $$$.
Hvis du ser på den gjennomsnittlige webutviklerlønnen, ser det ved første øyekast ut at en webutviklerlønn er mye mer enn en webdesignerlønn:
- Webdesigner: 66,000 XNUMX dollar.
- Nettutviklere: $87,000 XNUMX
*Hentet lønnssøk for U.S.A.
Men hvis du begynner å se etter mer spesifikke områder av en webdesigners lønn, vil du se at de to er konkurransedyktige:
- Designer av interaksjon: $93,000 XNUMX
- Mobildesign: $92,000 XNUMX
- User Experience Designers: $92,000 XNUMX
*Hentet lønnssøk for U.S.A.
Det er sant at gjennomsnittslønnen til en nettutvikler er høyere, men dette er ikke noe du trenger å bekymre deg for som nybegynner. Enten du begynner å lære hvordan du blir en webutvikler eller webdesigner, kommer du sannsynligvis ikke til å være en senior fullstack-utvikler (og tjene en veldig topp lønn) i løpet av et par måneder, da det vanligvis krever noen år med erfaring.
Og dessuten tjener webdesignere mye penger. Siden begge er lukrative alternativer, er det bedre å velge det som gjør deg lykkeligere enn det du tror vil betale mer.
Webdesignere har ikke en kode.
Webdesignere, derimot, skriver HTML- og CSS-kode. Si for eksempel at de trenger en jevn rulleside – noen designere (vi kaller dem enhjørninger!) kan kode det uavhengig.
Det er nå noen designere der ute som ikke koder, spesielt printdesignere og noen digitale grafiske designere. Likevel kan de fleste WEB-designere gjøre designene sine om til fungerende nettsteder ved hjelp av HTML og CSS. Den beste måten å tjene gode penger på, og for å kunne levere det kunder og arbeidsgivere ønsker mest, er å være en pakke med magisk design og koding.
Webdesignere som kan kode, spesielt de med ferdigheter på neste nivå som Sass og JavaScript, er etterspurt. Vi kaller dem enhjørninger.