L\u00e5t oss nu se om det \u00e4r v\u00e4rt anstr\u00e4ngningen att l\u00e4ra sig.<\/p>\n
Vad beh\u00f6ver du f\u00f6r att bli webbdesigner?<\/h2>\n
Innan du oroar dig f\u00f6r hur mycket en webbdesigner tj\u00e4nar, hur \u00e4r det med jobbkraven? Om du inte n\u00e5r upp till dem, kommer du inte att kunna komma in i branschen helt enkelt.<\/p>\n
Innan du ans\u00f6ker till ditt f\u00f6rsta webbdesignjobb, var beredd med dessa k\u00e4rnf\u00e4rdigheter.<\/p>\n
F\u00f6r det f\u00f6rsta: utbildning. Det \u00e4r inte absolut n\u00f6dv\u00e4ndigt att ha en examen, och arbetsgivare anst\u00e4ller alltmer baserat enbart p\u00e5 erfarenhet och talang. \u00c4nd\u00e5 tar det en chansning, s\u00e5 f\u00f6rv\u00e4nta dig \u00e5tminstone att beh\u00f6va en medarbetares examen i design, datorteknik eller andra relaterade f\u00e4rdigheter. En kandidatexamen skulle vara \u00e4nnu b\u00e4ttre. Kolla in v\u00e5r guide med det b\u00e4sta\u00a0webbdesign onlinekurser<\/a>.<\/p>\n Med eller utan examen beh\u00f6ver du erfarenhet, och du b\u00f6r skapa en portf\u00f6lj f\u00f6r att visa upp ditt tidigare arbete. En bra portf\u00f6lj<\/a>\u00a0kan p\u00e5 egen hand f\u00e5 dig anst\u00e4lld.<\/p>\n Sist, f\u00f6r att bli webbdesigner, beh\u00f6ver du ett brett utbud av f\u00e4rdigheter, lite tekniska kunskaper och lite kreativitet.<\/p>\n Som webbdesigner varierar dina uppgifter beroende p\u00e5 hur l\u00e5ngt du \u00e4r i ett projekt. Du kan spendera en hel arbetsdag p\u00e5 att f\u00f6rfina skisser och tr\u00e5dramar f\u00f6r en klient eller andra som kodar hela utkast i HTML.<\/p>\n B\u00f6rja med att l\u00e4ra dig branschens verktyg. Den traditionella Adobe-sviten (Photoshop, InDesign, XD, Dreamweaver) \u00e4r vad m\u00e5nga webbdesigners fortfarande h\u00e5ller fast vid. Det finns dock gott om billigare alternativ d\u00e4r ute. Dessa inkluderar Sketch, Figma, InVision Studio, GIMP, UXPin och m\u00e5nga fler.<\/p>\n Det \u00e4r viktigt att plocka upp n\u00e5gra kodspr\u00e5k ocks\u00e5. HTML, CSS och JavaScript \u00e4r ett m\u00e5ste.\u00a0Ramar<\/a>\u00a0och bibliotek som Bootstrap \u00e4r ocks\u00e5 v\u00e4rda att titta p\u00e5. Dessutom kan du v\u00e4lja att l\u00e4ra dig spr\u00e5k som\u00a0PHP<\/a>, Python eller Ruby.<\/p>\n Det \u00e4r bra att k\u00e4nna till verktygen, men\u00a0vad g\u00f6r webbdesigners med dem<\/a>?<\/p>\n De flesta projekt f\u00f6ljer en liknande process.<\/p>\n F\u00f6r det f\u00f6rsta: Konceptfasen. Det \u00e4r h\u00e4r kommunikationsf\u00e4rdigheter kommer in i tiden. Du kommer att arbeta med andra f\u00f6r att komma fram till ett webbplatskoncept, riktlinjer f\u00f6r projekt \/ varum\u00e4rke och tidsfrister. Detta \u00e4r bara att beskriva projektets omfattning och studsa id\u00e9er runt.<\/p>\n Sen b\u00f6rjar det riktiga arbetet. Du kommer att skissa p\u00e5 webbplatsdesigner och g\u00f6ra tr\u00e5dramar tills du begr\u00e4nsar en mer konkret id\u00e9. Du kan g\u00f6ra en webbplatskarta f\u00f6r att b\u00e4ttre f\u00f6rst\u00e5 hur allt kommer att l\u00e4ggas ut.<\/p>\n Sedan: Mockups. Det h\u00e4r \u00e4r mer djupg\u00e5ende id\u00e9er om hur den faktiska webbplatsen kommer att se ut, \u00e4ven om du fortfarande f\u00e5r massor av klientinmatning. H\u00e4r kommer du att f\u00f6r\u00e4ndra f\u00e4rgers<\/a> positionering, typografi<\/a> och andra designelement f\u00f6r perfektion.<\/p>\n N\u00e4r du har en fungerande webbplats med utvecklarnas hj\u00e4lp \u00e4r det dags att g\u00f6ra testning, f\u00f6ljt av lansering. Se till att allt fungerar som det ska och att inget utel\u00e4mnades. Det \u00e4r den vanliga processen f\u00f6r att skapa webbplatser.<\/p>\n \u00c4ven om det finns flera faktorer som kommer att avg\u00f6ra vilken typ av l\u00f6n du kan f\u00f6rv\u00e4nta dig att tj\u00e4na – m\u00e4ngden erfarenhet, skicklighet eller plattform – \u00e4r det bra att k\u00e4nna till genomsnittsl\u00f6nen f\u00f6r de flesta designers.<\/p>\n Detta ger dig en uppfattning om vad du kan f\u00f6rv\u00e4nta dig att g\u00f6ra n\u00e4r du har etablerat dig. Du kan ocks\u00e5 j\u00e4mf\u00f6ra det med genomsnittsl\u00f6nerna f\u00f6r andra jobb du \u00e4r intresserad av och se vilken som betalar b\u00e4st. Till exempel kan en\u00a0webbutvecklarens l\u00f6n<\/a>\u00a0tenderar att variera fr\u00e5n $ 60k-$ 75k \/ \u00e5r.<\/p>\n Hur skiljer sig en webbdesignl\u00f6n fr\u00e5n?<\/p>\n Om man s\u00e4tter ihop all denna data skulle den genomsnittliga \u00e5rsl\u00f6nen f\u00f6r en webbdesigner vara cirka $ 57k.<\/p>\n Dessa webbplatser \u00e4r samlingar av sj\u00e4lvrapporterade l\u00f6ner fr\u00e5n designers runt om i v\u00e4rlden. Det \u00e4r inte lika officiellt som data som samlas in av regeringen, men du kan anta att det \u00e4r ganska korrekt med viss felmarginal.<\/p>\n J\u00e4mf\u00f6rt med vad erfarna webbutvecklare tj\u00e4nar \u00e4r den l\u00f6nen inte bra. Men medan branschen v\u00e4rderar webbdesign mindre \u00e4n utveckling<\/a>, du kommer inte att tj\u00e4na stora slantar f\u00f6r ditt arbete. Du b\u00f6r kunna tj\u00e4na en levande l\u00f6n n\u00e4r du har en stadig inkomst.<\/p>\n Det \u00e4r ocks\u00e5 ett mycket v\u00e4lbetalt jobb inom bildkonst – du kommer att tj\u00e4na mer \u00e4n grafiska formgivare, konstn\u00e4rer, illustrat\u00f6rer eller fotografer.<\/p>\n Webbdesign och\u00a0UI \/ UX-design<\/a>\u00a0g\u00e5r hand i hand. De flesta designers vet tillr\u00e4ckligt om anv\u00e4ndargr\u00e4nssnitt f\u00f6r att komma f\u00f6rbi, men det \u00e4r ett tillr\u00e4ckligt invecklat jobb att du kan v\u00e4lja att fokusera p\u00e5 det som en karri\u00e4r. T\u00e4nk p\u00e5 UI \/ UX-design som en specialiserad form av webbdesign.<\/p>\n Anv\u00e4ndargr\u00e4nssnitt eller anv\u00e4ndargr\u00e4nssnitt skapar designers webbplatsgr\u00e4nssnitt. Det \u00e4r de som full\u00e4ndar det exakta avst\u00e5ndet, layouten och interaktionerna p\u00e5 en webbplats. Medan webbdesigners arbetar p\u00e5 den stora bilden, v\u00e4ljer f\u00e4rger eller allm\u00e4n layout av element, hanterar UI-designers de minsta detaljerna.<\/p>\n I genomsnitt detta och du f\u00e5r en UI designerl\u00f6n p\u00e5 $ 79k \/ \u00e5r.<\/p>\n Sedan finns det UX-designers. Medan UI-designers f\u00e5r dessa detaljer att se b\u00e4ttre ut, \u00e4r det UX-designerns jobb att f\u00e5 det att k\u00e4nnas b\u00e4ttre. De ser till att det k\u00e4nns bra att navigera p\u00e5 webbplatsen och animationer utl\u00f6ses i precis r\u00e4tt \u00f6gonblick f\u00f6r en perfekt upplevelse.<\/p>\n Utbudet h\u00e4r varierar ganska mycket, men i genomsnitt kan du tj\u00e4na $ 87k \/ \u00e5r.<\/p>\n Slutligen finns det UI \/ UX-designers tillsammans. Dessa tv\u00e5 jobb har mycket \u00f6verlappning, s\u00e5 m\u00e5nga designers v\u00e4ljer att specialisera sig p\u00e5 b\u00e5da.<\/p>\n I genomsnitt g\u00f6r detta $ 89k \/ \u00e5r f\u00f6r UI \/ UX-designers.<\/p>\n Som du kan se tj\u00e4nar UI \/ UX-designers lite mer \u00e4n webbdesigners.<\/p>\n Detta beror sannolikt p\u00e5 att det \u00e4r ett mer specialiserat jobb som kr\u00e4ver mer erfarenhet och eftersom det \u00e4r mer eftertraktat i st\u00f6rre projekt. Varje projekt, stort som litet, beh\u00f6ver en webbdesigner. Men det \u00e4r de st\u00f6rre, b\u00e4ttre betalande jobben som kommer att anst\u00e4lla flera designers av olika specialiteter.<\/p>\n Erfarenhetsniv\u00e5 \u00e4r en annan faktor som kommer att ha stor inverkan p\u00e5 hur mycket du tj\u00e4nar som\u00a0webbdesigner<\/a>. Mer erfarenhet inneb\u00e4r en b\u00e4ttre l\u00f6n.<\/p>\n Som junior har du mindre \u00e4n tre \u00e5rs erfarenhet. Du b\u00f6r veta generellt hur webbdesign fungerar, och kanske ha ett projekt eller tv\u00e5 under b\u00e4ltet, men utsl\u00e4ppsr\u00e4tter kommer att g\u00f6ras f\u00f6r att hj\u00e4lpa dig att anpassa dig till f\u00f6retaget.<\/p>\n Sammantaget tj\u00e4nar juniordesigners cirka $ 44k \/ \u00e5r, mycket mindre \u00e4n genomsnittet f\u00f6r designers som helhet.<\/p>\n Seniorer, \u00e5 andra sidan, har i allm\u00e4nhet \u00f6ver 5 \u00e5rs erfarenhet. Du b\u00f6r veta vad du g\u00f6r d\u00e5 och har arbetat med m\u00e5nga projekt tidigare. Detta kommer med bonusen av en mycket h\u00f6gre l\u00f6n.<\/p>\n Det \u00e4r $ 72k \/ \u00e5r f\u00f6r seniora webbdesigners, n\u00e4stan $ 30k mer \u00e4n f\u00f6r juniorer.<\/p>\n Som f\u00f6rv\u00e4ntat tj\u00e4nar juniorer lite mindre \u00e4n den genomsnittliga webbdesignl\u00f6nen och seniorer tj\u00e4nar lite mer. Det \u00e4r inte en explosion av extra inkomst, men du kan definitivt f\u00f6rv\u00e4nta dig att tj\u00e4na b\u00e4ttre pengar n\u00e4r du har tagit dig in i branschen.<\/p>\n Junior- och ledande befattningar \u00e4r exklusiva f\u00f6r avl\u00f6nade befattningar inom f\u00f6retag. M\u00e5nga potentiella designers v\u00e4ljer att bli frilansare ist\u00e4llet, hitta kunder och ta sig an projekt p\u00e5 eget initiativ. Hur mycket kan du f\u00f6rv\u00e4nta dig att tj\u00e4na d\u00e5?<\/p>\n Det finns inte mycket data eftersom m\u00e5nga frilansare inte rapporterar sina l\u00f6ner, och inkomstintervallet kan vara ganska varierande. Men framg\u00e5ngsrik frilansare<\/a>\u00a0till synes g\u00f6ra mer \u00e4n junior designers, tj\u00e4na $68k \/ \u00e5r.<\/p>\n Om du utm\u00e4rker dig p\u00e5 att spika kunder kan din l\u00f6n faktiskt vara ganska bra. Det \u00e4r definitivt inte lika p\u00e5litligt som ett avl\u00f6nat jobb, men m\u00e5nga m\u00e4nniskor har lyckats leva p\u00e5 frilansande.<\/p>\n WordPress webbdesigners har en unik upps\u00e4ttning f\u00e4rdigheter f\u00f6r att b\u00e4ttre arbeta med den popul\u00e4ra plattformen. Du kan arbeta med HTML och CSS f\u00f6r att designa webbplatser inom WordPress gr\u00e4nssnitt, eller till och med plocka upp lite\u00a0Javascript och PHP<\/a>\u00a0att bli temadesigner. S\u00e5 h\u00e4r mycket tj\u00e4nar du p\u00e5 att g\u00f6ra det.<\/p>\n Detta inneb\u00e4r att WordPress-designers tj\u00e4nar cirka $ 51k \/ \u00e5r.<\/p>\n WordPress webbdesign och utveckling \u00e4r ett n\u00e5got \u00f6verm\u00e4ttat omr\u00e5de. Det \u00e4r en av de enklaste plattformarna att komma ig\u00e5ng med, s\u00e4rskilt f\u00f6r frilansare. Men det betyder mycket konkurrens. F\u00f6rv\u00e4nta dig inte att tj\u00e4na massor om du inte \u00e4r exceptionell p\u00e5 design och sj\u00e4lvmarknadsf\u00f6ring.<\/p>\n Man skulle kunna tro att n\u00e5gon som kunde hantera alla aspekter av webbdesign skulle vara en s\u00e4llsynt och v\u00e4l v\u00e4rderad vara. Det kr\u00e4vs mycket skicklighet f\u00f6r att vara en webbdesigner som ocks\u00e5 kan koda, eller en programmerare som ocks\u00e5 kan designa. De \u00e4r till och med k\u00e4nda som ”enh\u00f6rningar” i webbutvecklingsgemenskapen p\u00e5 grund av hur s\u00e4llsynta de \u00e4r. Men \u00e4r l\u00f6nen v\u00e4rd anstr\u00e4ngningen?<\/p>\n L\u00f6nerna som listas h\u00e4r var mycket lika, s\u00e5 du kan anta en genomsnittlig l\u00f6n p\u00e5 $ 58k \/ \u00e5r.<\/p>\n Hybriddesigners och utvecklare tj\u00e4nar definitivt \u00f6ver genomsnittlig l\u00f6n, men f\u00f6r dubbelt s\u00e5 mycket arbete f\u00e5r du inte dubbelt s\u00e5 mycket l\u00f6n. Om du tycker om att g\u00f6ra sm\u00e5 webbplatser sj\u00e4lv kan detta vara ett jobb v\u00e4rt att fullf\u00f6lja, men f\u00f6r det mesta kommer dina extra tillg\u00e5ngar att g\u00e5 oanv\u00e4nda.<\/p>\n M\u00e5nga m\u00e4nniskor f\u00f6redrar att anst\u00e4lla separata designers och utvecklare \u00e4nd\u00e5. Och p\u00e5 st\u00f6rre projekt finns det inte en chans att du kan hantera allt sj\u00e4lv.<\/p>\n \u00c4ven om det kan hj\u00e4lpa dig som designer att veta hur utvecklare hanterar saker, och det l\u00e5ter dig ocks\u00e5 implementera dina egna id\u00e9er snabbare, \u00e4r det f\u00f6rmodligen b\u00e4ttre att h\u00e5lla sig till den ena eller den andra.<\/p>\n Trots det \u00e4r det mycket \u00f6nskv\u00e4rt att ha en viss kodningsf\u00f6rm\u00e5ga med frontend-spr\u00e5k, som Javascript, CSS och HTML, och kan \u00f6ka dina chanser att bli anst\u00e4lld.<\/p>\n Webbdesigners tenderar tyv\u00e4rr att g\u00f6ra mindre \u00e4n sina programmering<\/a>\u00a0Motsvarigheter. Men hur stor \u00e4r skillnaden?<\/p>\n I genomsnitt webbutvecklare<\/a>\u00a0g\u00f6r 60k-75k per \u00e5r, medan webbdesigners bara tj\u00e4nar cirka $ 57k \/ \u00e5r. Diskrepansen h\u00e4r \u00e4r ganska stor.<\/p>\n Dessutom finns det andra faktorer att titta p\u00e5. Juniorutvecklare tj\u00e4nar i genomsnitt $ 55k \/ \u00e5r, medan seniorer tj\u00e4nar $ 92k \/ \u00e5r. Det kan j\u00e4mf\u00f6ras med $ 44k \/ \u00e5r och $ 72k \/ \u00e5r p\u00e5 exakt samma erfarenhetsniv\u00e5 f\u00f6r designers. Utvecklare b\u00f6rjar tj\u00e4na mer och \u00f6kar i int\u00e4kter snabbare.<\/p>\n Sist g\u00f6r frilansande webbutvecklare $ 72k- $ 75k \/ \u00e5r, medan frilansdesigners bara tj\u00e4nar $ 68k \/ \u00e5r.<\/p>\n B\u00e5da \u00e4r lika n\u00f6dv\u00e4ndiga f\u00f6r att skapa en framg\u00e5ngsrik webbplats, s\u00e5 varf\u00f6r diskrepansen? Tyv\u00e4rr betalar m\u00e5nga kreativa jobb bara inte bra och designarbete tenderar att vara underv\u00e4rderat. F\u00f6r att vara r\u00e4ttvis m\u00e5ste utvecklare beh\u00e4rska flera komplicerade programmeringsspr\u00e5k<\/a>\u00a0och l\u00e4r dig att till\u00e4mpa dem. Men b\u00e5da jobben kr\u00e4ver verkligen mycket skicklighet.<\/p>\n Det betyder inte att webbdesigners inte tj\u00e4nar n\u00e5gonting alls<\/strong>. Du kan fortfarande tj\u00e4na mycket pengar, s\u00e4rskilt om du dyker in i h\u00f6gre betalande f\u00e4lt som UI \/ UX-design eller mobilapplikationsdesign.<\/p>\n Om du skulle vara glad att g\u00f6ra n\u00e5got av jobben kan det vara v\u00e4rt att forts\u00e4tta utvecklingen bara f\u00f6r den h\u00f6gre l\u00f6nen. Men designers \u00e4r lika n\u00f6dv\u00e4ndiga, och om det \u00e4r jobbet du vill g\u00f6ra finns det ingen anledning att ge upp det.<\/p>\n Att veta att utvecklare tj\u00e4nar mer pengar kanske du fr\u00e5gar: \u00e4r webbdesign den karri\u00e4r jag vill forts\u00e4tta?<\/p>\n Medan webbutvecklare i allm\u00e4nhet tj\u00e4nar mer i genomsnitt, \u00e4r det ingen anledning att sudda ut din dr\u00f6mkarri\u00e4r<\/a>\u00a0f\u00f6r n\u00e5got potentiellt of\u00f6renligt. Dessa tv\u00e5 g\u00f6r mycket olika saker i processen att skapa webbplatser.<\/p>\n Utvecklare arbetar med komplexa programmeringsspr\u00e5k f\u00f6r att skapa f\u00f6rnuftiga implementeringar av en design, medan designers tar ett mer visuellt tillv\u00e4gag\u00e5ngss\u00e4tt och fokuserar p\u00e5 att skapa funktionell sk\u00f6nhet. Designers g\u00f6r planeringen, och utvecklare tar hand om att g\u00f6ra.<\/p>\n M\u00e5nga av de f\u00e4rdigheter som kr\u00e4vs f\u00f6r att bli designer eller utvecklare \u00f6verlappar varandra, men mycket av det du g\u00f6r dagligen \u00e4r helt annorlunda. Om du \u00e4r mer bekv\u00e4m med planering och visuellt l\u00e4rande, stora bilder \u00f6ver sm\u00e5 detaljer, skulle ett webbdesigneryrke vara perfekt f\u00f6r dig.<\/p>\n Om du \u00e4r missn\u00f6jd med l\u00f6nen, \u00f6verv\u00e4g att specialisera dig. En jack-of-all-trades webbdesigner \u00e4r vanlig, inte s\u00e5 mycket en skicklig UX-designer eller mobildesigner. Det finns pengar att tj\u00e4na genom att begr\u00e4nsa och full\u00e4nda din kompetens.<\/p>\n\n
En webbdesigners dagliga uppgifter<\/h3>\n
Den genomsnittliga l\u00f6nen f\u00f6r en webbdesigner<\/h2>\n
\n
![\"Genomsnittlig](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Average-web-designer-salary.jpeg\")
Webbdesign kontra UI-design j\u00e4mf\u00f6rt med UX-designl\u00f6ner<\/h3>\n
\n
\n
\n
![\"UI](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/UI-UX-designer-salary.jpeg\")
Webbdesign l\u00f6ner efter erfarenhet<\/h3>\n
\n
![\"Junior](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Junior-web-designer-salary-1.jpeg\")
\n
![\"Senior](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Senior-web-designer-salary.jpeg\")
Frilansande webbdesignl\u00f6ner<\/h3>\n
![\"Frilansande](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Freelance-web-designer-salary.jpeg\")
\n
WordPress webbdesigner l\u00f6n<\/h3>\n
\n
![\"WordPress](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/WordPress-web-designer-salary.jpeg\")
Hybrid designer-utvecklare l\u00f6n<\/h3>\n
\n
![\"Hybriddesigner](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Hybrid-designer-developer-salary.jpeg\")
Webbdesigner kontra webbutvecklare l\u00f6n<\/h3>\n
Ska du vara webbdesigner?<\/h2>\n