Lav webdesignere kode? Mange webdesignere har stillet sig selv de spørgsmål, jeg gør: hvilken slags webdesigner er jeg? Hvor er min webdesignkraft? I wireframes, arbejdsgangene, interaktionen? Skal jeg lære at kode?
Skal jeg kunne konvertere mine designs til frontend-kode? Alternativt, fortsætter jeg med at skabe lagdelte Photoshop-designs, der derefter konverteres (af en anden) til frontend-kode? Det hele bunder i... Er det en effektiv arbejdsgang, eller kan den være anderledes, måske bedre?
Lige tilbage i tiden.
Webdesign som felt har eksisteret siden udgivelsen af Netscape 1.0 (Mosaic) i 1995. Designet og opbygningen af en internetside er blevet modnet i de sidste 20 år. Dengang lavede man sine egne websider med for eksempel Microsoft FrontPage og TextEdit. DreamWeaver kom senere. Det var banebrydende... Du gjorde alt selv, lige fra idéen, designet til HTML.
Modent felt
Nu? Mulighederne for at designe og kode en hjemmeside er blevet udvidet og forbedret. Mange forskellige webdiscipliner er dukket op; det er ikke længere sådan, at én person leverer en hjemmeside. Især ikke med de komplekse, professionelle hjemmesider. Fra Visuelt design, UX, CSS, fra indhold til SEO – der er en specialist derude for hver komponent. Vi har også bedre programmer til vores rådighed, og bedste praksis er let tilgængelig.
At designe og bygge internetløsninger er faktisk blevet et modent felt, men det er endnu ikke vokset ud.
Der er opstået mange webdiscipliner, hvor specialet fremgår af deres titel. Udtrykket 'webdesigner' er på den anden side åben for flere fortolkninger. For én person fokuserer en webdesigner kun på at forme front-end (look-and-feel). For den anden tager nogen, der også konverterer sine designs til HTML / CSS, eller endda hele front-end og back-end sig af.
Kodning: ja eller nej?
Jeg har ofte forsøgt at gøre kodning til min egen, men jeg kan ikke adskille termer som klasse, tag, container, div og span, endsige hvilke parametre der hører til. Jeg snubler altid over den stejle indlæringskurve for at give en pæn og korrekt kode.
Jeg kan selvfølgelig hurtigt og ret nemt sammensætte noget med noget HTML og CSS. Så håber jeg, at det virker på forskellige enheder... Det er fint til en præsentation, men jeg vil nok aldrig være i stand til (det tror jeg, de fleste designere ikke gør) at levere kvalitetskodearbejde. Det er allerede en stor udfordring for en designer at skille sig ud fra konkurrenterne.
[su_pullquote]Jeg er typen webdesigner, der har besluttet ikke at kode, fordi jeg vil fokusere på den visuelle præsentation og/eller brugervenligheden af et websted.[/su_pullquote]
specialisering
Jeg er typen webdesigner, der har besluttet ikke at kode, fordi jeg gerne vil fokusere på visuel præsentation og/eller brugervenlighed. Det er der ikke noget galt med. Det kaldes specialisering.' Helt ærligt, fra et teknisk perspektiv er programmering meget vanskeligere; et design er smukt eller ikke smukt, en tastefejl i koden 'dræber' … Så du skal vælge.
Hvis du vil være en professionel designer, bliver du nødt til at få de bedste designevner frem i dig selv. I de fleste tilfælde vil dette tage meget af din tid, og du bliver også nødt til at lære nye færdigheder. Hvis du leder efter en mere enkel løsning, kan du altid finde en pålideligt webdesignfirma i New York som vil være klar til at opfylde alle dine behov. Endelig ændrer designtendenserne sig konstant, og den tekniske udvikling står aldrig stille. Mange af jer bliver bedt om at følge med – mere end nok til at teste jeres designkvaliteter til det yderste. Endsige hvis du vil (fortsætte med) at kode.
Den 'sjældne fyr.'
Forvirring af begreber og fordomme har længe spillet en stor rolle i diskussionen om, hvorvidt en webdesigner skal kode eller ej. En designer ses ofte som en 'mærkelig fyr', der taler vagt om vigtigheden af 'farver' og 'skrifttyper'. Han bliver bestemt ikke betragtet som "hel", så snart det viser sig, at han ikke kan kode.
Koder webdesignere?
Er der et lys i horisonten for designere som mig? Vil frontend-kodning være fuldstændig WYSIWYG i lang tid? Da Postscript-programmering for længst er blevet erstattet af WYSIWYG, der arbejder med Adobe Illustrator (vidste du, at Adobes Illustrator oprindeligt blev udviklet som en fremviser til at se din håndskrevne Postscript-kode?!
Og at du først arbejdede i hovedtræk og kun kunne forhåndsvise ?!)). Tidligere kunne man ikke gå rundt og kode (gøre det selv eller ansætte sig selv). Det var et nødvendigt onde. Men dette er ikke længere nødvendigt – professionelle træk-og-slip-applikationer er tilgængelige. Som webdesigner har du ikke brug for omfattende viden om kodning længere. Med den rigtige software kan du skabe smukke, funktionelle og responsive hjemmesider.
Træk-og-slip
Som designer er du ikke længere forpligtet til at fremstille statiske wireframes og mockups. Du kan producere frontend-kode ved at trække-og-slip. Du kan bruge desktop-programmer som Adobe Muse og 'udtræk'-værktøjet i Adobe Dreamweaver til at tage sig af mange front-end-kodningsopgaver. Flere tiltag tilbyder også online løsninger, som f.eks Elegant Temaer med deres træk og slip site builder. Og holder du dig inden for en skabelon til eksempelvis WordPress, er koden stort set skjult for dig.
Og webudviklere behøver ikke at klage, fordi det skaber ren, W3C-kompatibel HTML/CSS, der bestemt ikke er ringere end, hvad mange udviklere selv skriver. Den er baseret på Twitters Bootstrap-ramme. Og nej, du sidder ikke fast i en bestemt applikation, fordi koden genereret af Webflow, Macaw eller Webydo kan eksporteres og bruges efter behov inden for en ekstern udviklingsplatform.
Ikke mere kode!
Jeg ved det: et vovet udsagn... Men det, jeg virkelig ønsker som designer, er at forstå hjemmesiden. Ikke nødvendigvis gennem kodning. Dette er baseret på to grundlæggende ideer:
Jeg vil gerne tilbyde mine kunder et forudsigeligt resultat og forløb. Som freelance designer har jeg ikke altid mulighed for at hyre en (dyr) udvikler til dit projekt. Og min klient venter ikke på at komme ind mellem to parter. Som designer vil du gerne tage dig af oversættelse fra design til kode. Det er det, det handler om – uanset om du kan kode eller ej. Derfor er professionelle applikationer værd at undersøge.
Mere kontrol over mit arbejde. Som designer vil du gerne have kontrol over dine kreationer. Desværre går mange ændringer ofte tabt i oversættelse fra design til kode. Oversættelsen fra PSD til responsiv HTML/CSS er ikke 1-2. Bygger du siden selv, har du styr på kvaliteten af hele projektet (forløbet), og du vil bedre kunne forudse ændringer.
Se dybere end din skærm.
Arbejder helt uden en begreb af kode – da vi nu koder Postscript med Adobe Illustrator ubemærket – er vi ikke så langt endnu. Den (semi) manuelle oversættelse fra design til (front-end) kode vil stadig være nødvendig. WYSIWYG-applikationerne er nu sammensat af to visninger: en 'kodevisning' og 'træk-og-slip-visningen.' Men udviklingen går stærkt. Snart vil vi vide, at noget virker eller ikke virker, men ikke så meget hvorfor. Og det holder bestemt ikke 20 år. Eller er det ønsketænkning? Eller er det slemt?
[su_pullquote]Lær de rigtige koncepter, så du kan formidle dine designideer godt til udviklere.[/su_pullquote]
Indtil da skal du som webdesigner i det mindste holde dig åben over for andre uundværlige discipliner. Hvis du fuldstændig ignorerer internettets tekniske koncept og ignorerer byggestenene i webudvikling, går det galt med dig. Du skal have din grundlæggende viden om at kode din egen for at forstå, hvordan udviklere tænker, og hvad de har brug for. Lær de rigtige koncepter, så du kan præsentere dine designideer godt for udviklere.
Grundlæggende viden om udviklingsprocessen
Grundlæggende viden om udviklingsprocessen, brug af forskellige programmeringssprog og begrænsninger på dit design gør dig til en bedre designer. Jo bedre du kan vurdere, hvad der er teknisk realistisk, jo mindre tid har du, og så er du ikke prisgivet en udvikler.
Desuden er du som professionel i den kreative sektor ivrig efter at lære. For hvis din nysgerrighed tørrer op, bliver du fanget.
At være webdesigner lød ideelt: Jeg ville være i stand til at skabe smukke ting til internettet og bruge alle mine kreative safter til typografi-parringer, farveskemaer og give websteder, som visse Je ne sais quois. Samtidig var jeg dog bekymret for, at jeg ikke ville have det, der kræves for at være webdesigner. Uden nogen historie med grafisk design eller nogen form for designuddannelse overhovedet, spekulerede jeg på, hvem der ville stole på mig med æstetikken på deres hjemmeside.
Og da jeg havde tænkt på web-dev, tænkte jeg: "Det er det, jeg skal gøre. Jeg kommer til at tjene et væld af penge og har al magten i verden til at bygge fantastiske websteder og webapps. Men hvad hvis det her er kedeligt?”
Men efterhånden som jeg lærte HTML, Java & CSS, mødte flere designere og udviklere og begyndte at arbejde på mit freelance hjemmesider, indså jeg, at jeg havde det hele forkert. Det er ikke sådan, at du ikke skal vælge mellem webdesign og udvikling. Pointen er, at min idé om forskellene mellem webdesign og webudvikling var ret ude af kontakt. Dette er det blogindlæg, som jeg ville ønske, jeg kunne læse, da jeg første gang dyppede min tå i teknisk vand.
Webdesignere eller webudviklere?
Okay, så i slutningen af dette indlæg vil du have:
- En gennemgang af de største myter om designere og udviklere, så du kan træffe en informeret beslutning om, hvilken vej der er den rigtige for dig,
- En omfattende infografisk opdeling PRÆCIS af de færdigheder og værktøjer, der bruges af webdesignere og udviklere;
- En opdeling af de grundlæggende færdigheder, som alle teknikere har brug for,
- En ramme til at finde ud af, hvilken vej der passer bedst til din personlighed,
Men jeg vil gerne slippe katten ud af sækken, inden jeg dykker i. Sandheden er, at det er lige meget, om du vælger at starte med webdesign eller webudvikling! At få digitale færdigheder vil gøre dig i stand til at tjene flere penge og have nogle af de mest efterspurgte færdigheder, uanset om de falder ind under kategorien webdesign eller webudvikling.
Denne guide er baseret på generelle personlighedskarakteristika og en synopsis af daglige opgaver. Hvis noget af det virker forsimplet, er det fordi, jeg vil gøre det super enkelt for dig at træffe en beslutning. I virkeligheden, hva'? Der er meget overlap mellem webdesignere og webudviklere, og der er ikke noget rigtigt eller forkert udgangspunkt!
Slip af med myterne om kodere
Før du kan beslutte, hvilken slags karriere du ønsker, skal du sikre dig, at du ved, hvad webdesignere og udviklere laver.
Hvis du er ligesom mig, er du blevet socialiseret til at definere "webdesigner" og "webudvikler" på måder, der ikke repræsenterer, hvordan det faktisk er at være det, og du har aldrig talt med en virkelig person webdesigner eller udvikler.
Mine største misforståelser om designere og udviklere handlede om, hvor mange penge de tjener, hvor stejl indlæringskurven er, og hvilken slags arbejde de udfører. Det var forkert at tro på myterne om, at:
At lære at være programmør er sværere end at lære at være designer (eller omvendt).
Nogle mennesker antager, at fordi udvikling involverer programmering på højere niveau, vil det være sværere at lære sammenlignet med design. Andre ser design som sværere, fordi de tror, det kræver mere medfødt (frem for indlært) kreativitet.
Når du starter fra bunden, er enhver ny færdighed en udfordring. Webudvikling og webdesign er ikke i sagens natur mere eller mindre udfordrende – dine styrker og svagheder vil diktere vejen til mindst modstand til dig.
Udviklere tjener mere end $$$.
Hvis du ser på den gennemsnitlige webudviklerløn, ser det ved første øjekast ud, at en webudviklerløn er meget mere end en webdesignerløn:
- Webdesigner: 66,000 dollars.
- Webudviklere: $87,000
*Hentet lønsøgning til USA
Men hvis du begynder at lede efter mere specifikke områder af en webdesigners løn, vil du se, at de to er konkurrencedygtige:
- Designer af interaktion: $93,000
- Mobildesign: $92,000
- User Experience Designers: $92,000
*Hentet lønsøgning til USA
Det er rigtigt, at gennemsnitslønnen for en webudvikler er højere, men det er ikke noget, du skal bekymre dig om som nybegynder. Uanset om du begynder at lære at blive webudvikler eller webdesigner, kommer du sandsynligvis ikke til at være senior fuldstackudvikler (og tjene en meget høj løn) om et par måneder, da det normalt kræver et par år med erfaring.
Og desuden tjener webdesignere mange penge. Da begge er lukrative muligheder, er det bedre at vælge, hvad der gør dig gladere, end hvad du tror vil betale mere.
Webdesignere har ikke en kode.
Webdesignere, på den anden side, skriver HTML og CSS-kode. Sig for eksempel, at de har brug for et jævnt rullende websted - nogle designere (vi kalder dem enhjørninger!) kan kode det uafhængigt.
Der er nu nogle designere derude, som ikke koder, især printdesignere og nogle digitale grafiske designere. Alligevel kan de fleste WEB-designere omdanne deres design til fungerende hjemmesider ved hjælp af HTML og CSS. Den bedste måde at tjene gode penge på og være i stand til at levere det, som kunder og arbejdsgivere ønsker allermest, er at være en pakke med magisk design og kodning.
Webdesignere, der kan kode, især dem med færdigheder på næste niveau som Sass og JavaScript, er meget efterspurgte. Vi kalder dem enhjørninger.