Från författaren: många nybörjare vet inte var de ska börja lära sig webbdesign. Det stora och fruktansvärda Internet är fullt av en mängd olika material som ofta är förvirrande. De flesta människor har också ett inslag av tvivel om sin talang och rädsla för att misslyckas. Särskilt om deras bekantskap med grafik begränsades till konstlektioner i grundskolan.

Idag kommer jag att berätta för dig hur du blir en webbdesigner och inte går vilse i en enorm mängd information. Om du har tro på dig själv och en önskan att lära dig, då är den här artikeln för dig!

Grottmänniskor gjorde grottmålningar, forntida egyptier ritade hieroglyfer och vi lever i webbdesignens tidevarv. Vad är det? Jag kommer att försöka förklara "på fingrarna" och packa i den här artikeln det minsta du bara behöver räkna ut innan du flyttar in i det här området.

Webbdesign är...

Vi förstår alla intuitivt att webbdesign handlar om att förvandla informationen på skärmen till något estetiskt tilltalande och igenkännbart. Det är utbyte av idéer med andra människor. Uttryck för din individualitet. Grafisk formulering av webbplatsens huvudsakliga mål och syften, dess koncept. I allmänhet är detta något mångfacetterat och vid första anblicken mycket komplext. Speciellt om du:

87-årig farfar;

inte har relevant erfarenhet och/eller utbildning;

du kan inte rita;

äger inte en dator.

Om åtminstone en av punkterna ovan inte handlar om dig, då har du en riktig chans att bli webbdesigner! Men seriöst, för en person som brinner för det han älskar finns det inga hinder. Utbildning i webbdesign kan ske både självständigt och med hjälp av specialiserad litteratur, lektioner, internetresurser, betalda och gratis videokurser.

Krav på webbdesigner

Det är upp till webbdesignern hur exakt företagets webbplats, blogg eller annan resurs kommer att uppfattas av användaren. Hur enkelt och snabbt han kommer att förstå innehållet på sidorna, navigera i navigeringen, hitta den information han behöver och utföra den eller den åtgärden. Till exempel att lägga en beställning på en tjänst eller produkt.

Därför är huvuduppgifterna för en webbdesignspecialist:

uppmärksamma användaren på företagets fördelar;

lyfta fram viktig information om produkten, tjänsten, företaget;

det är logiskt att leda besökaren att köpa eller utföra en annan åtgärd.

Verktygen för en webbdesigner i denna svåra kamp för en klient bör vara de lämpliga delarna av webbplatsens struktur: knappar, bilder, videor, länkar, textblock.

Var ska man börja självstudier? 5 steg till framgång

1. Lär dig de externa aspekterna av webbdesign. Lärande och självutbildning bör börja med att titta på andra verk för inspiration. Se arbetet från stora studior, kända designers, analysera webbplatser med hög trafik.
Vilka typsnitt använder de? Hur väljs färgpaletten? Funktioner i huvudblocken, titlar, bilder, knappar? Alla dessa subtiliteter måste uppmärksammas.

2. Följ ditt inre intresse. Lyssna på dig själv och försök förstå vad som gläder dig i det här eller det arbetet, vad som är mest intressant för dig.

Prova och experimentera tills du har en vision om vad exakt du vill göra. Detta kan vara webbdesign, varumärkes- och logotypdesign, identitet eller företagsidentitet, design av mobilapplikationer etc.

3. Lär dig grunderna i teckning och komposition. För att göra detta är det absolut inte nödvändigt att registrera sig på en konstskola, sitta i en publik med samma nybörjare och försöka rita en boll eller en vas. Det räcker för att du ska kunna skissa. Låt din hand vänja sig vid pennan. För att göra detta, ha tålamod och kopiera från foton, bilder, videohandledningar.

För att klara det här steget, glöm ämnet du ritar. Tänk bara på dess proportioner och placering i rymden.

Om du inte tror på din egen styrka, googla på biografin om konstnärerna Matisse, Paul Gauguin, Moses, Adolphe Bouguereau, som först började måla i vuxen ålder.

4. Lär dig hur du använder Photoshop-verktyg, lär dig grunderna i CSS och HTML, principerna för adaptiv layout. Du bör inte omedelbart jaga efter många program, i processen att lära dig webbdesign kommer du att förstå vilken specifik kunskap du saknar.

5. Hitta praktiska tillämpningar för dina kunskaper. Skapa din egen hemsida eller blogg. Gör en portfölj och placera den på specialiserade frilansbörser.

För att få ett eget arbete är det inte nödvändigt att slutföra riktiga projekt. Du kan göra egna skisser av webbplatser, applikationsgränssnitt, logotyper för lokala företag.

Gör övningar från böcker eller lektioner som finns på Internet. I det inledande skedet, för att lära dig webbdesign, kan du till och med låna andras idéer och modifiera dem.

Var trendig och utvecklas. Även om du har åtminstone en enorm talang som artist, behöver du fortfarande kunna sådant som raster- och vektorgrafik, CMYK och RGB, principerna för adaptiv, platt och materialdesign, Photoshop-verktyg.

Genom att ägna minst 1-2 timmar om dagen åt att lära dig dessa saker kommer du att få tag på och nå en viss nivå, vilket gör att du kan bli en högt betald specialist inom webbdesign. Var du ska börja lära dig - från en oberoende studie av grunderna i rit- och grafiska program eller omfattande utbildningar - det är upp till dig, beroende på dina ambitioner och motivation.

När det finns ett intresse för webbdesign är det väldigt enkelt att lära sig. Du kan oändligt titta på hemsidor och bloggar, läsa intervjuer med designers och lyssna på föreläsningar på youtube, utan att tröttna på det alls.

Kom dock ihåg att webbdesign är ett område som inte bara kan studeras teoretiskt. Ju mer verklig upplevelse, desto bättre.

Den moderna marknaden sätter sin prägel på yrket "webbdesigner". Under de senaste åren har det funnits en trend mot en minimalistisk, förenklad webbplatsstruktur, utan exotiska typsnitt, "volanger", skuggor etc. På toppen av populariteten finns det också stor typografi, fullbreddsbakgrundsbilder, och platt design (platt stil).

I följande artiklar kommer jag att berätta mer om moderna designtrender. På detta kommer jag att säga adjö. Prenumerera på våra blogguppdateringar för att hålla dig à jour med alla händelser och nyheter i webbdesigners och utvecklares miljö. Lär dig, utvecklas och du kommer att lyckas!

Vill du lära dig att bli webbdesigner själv? Eller kanske du redan har några av dina egna mönster eller till och med, och vill ta dina kunskaper till en ny avancerad nivå? Då går du i rätt riktning just nu, eftersom ämnet för artikeln är "Var ska du börja webbdesign" och i den kommer vi att ta en detaljerad titt på alla nödvändiga steg för att förbereda en webbdesigner och hjälpa dig att bli en webbdesigner designer på egen hand med lite flit och kreativitet.

En artikel kan naturligtvis inte berätta hur du blir webbdesigner och berätta om alla färdigheter, nödvändiga verktyg och tekniker som du behöver behärska på vägen till ditt drömjobb. Om du tror att vägen kommer att vara enkel och snabb, då måste jag göra dig upprörd. Att arbeta som webbdesigner är en ständig självförbättring, utveckling och jakt på nya trender och tendenser. Men trots alla yrkessvårigheter är det att lära sig och få ny kunskap som är en av de roligaste aspekterna av detta arbete.

Först en liten lyrisk utvikning för designers som av misstag vandrade för att läsa den här artikeln. " Jag gör webbdesign", du sa förmodligen den här frasen till någon mer än en gång och upplevde kall rädsla när du fick svar något i stil med:" Häftigt! Och lära mig hur man gör det? Hur blir man webbdesigner från grunden?» Många antar bara att de klickar, drar ett par ikoner på skärmen och designen är klar. Men så är tyvärr inte fallet. Så nästa gång någon frågar dig hur man designar webbplatser, bara visa dem den här artikeln.

Välkommen, mina damer och herrar, till MotoCMS nybörjarguide för designers. Ta tag i dina möss och gör dig bekväm vid ditt tangentbord, det här inlägget lovar att bli långt. Kaffebryggning är valfritt, men ändå värt det.

Vem är den här webbdesignartikeln till för?

Den här artikeln är för alla som undrar "Hur blir man själv webbdesigner?". Det kommer också att vara användbart för personer som vill börja skapa webbsidor och har lite erfarenhet av design och . Allt kommer att vara mycket tillgängligt och steg för steg. Artikeln är designad för att du inte har någon speciell konstnärlig eller teknisk utbildning, inga kodningskunskaper alls och erfarenhet av webbdesignbranschen.

Krav för nybörjare webbdesigners

"Minikraven" för personer som funderar på att bli webbdesigner och vill skapa sin första webbplats är ganska enkla. Om du vet vad mappar är, grafiska textfiler, kan du börja.

Men även om det är enkelt att komma igång är det en verklig konst att skapa en riktigt bra webbplats. Det finns många färdigheter som du behöver lära dig. Du kommer att behöva lära dig om färgteori, grafisk elementhierarki, typsnitt och den övergripande organisationen av webbplatsen.

Du kommer också att behöva kunskap om de viktigaste kodningsspråken, nämligen HTML och CSS, vi ska prata om det också.

Då kanske du vill lära dig grundläggande JavaScript-programmering och ta reda på hur du använder den för att hantera olika delar av din webbplats. Och desperata trummisar som vill gräva ännu längre kan dyka ner i systemen innehållshantering, sökmotoroptimering och marknadsföring.

Men du ska inte skynda dig till allt på en gång, färdigheter kommer med erfarenhet och nödvändighet, jag kommer bara att försöka styra dig i rätt riktning. Och om du har läst upp till den här delen av artikeln, då kan jag lugnt säga "Välkommen till webbdesignens underbara värld, nybörjare. Var beredd att förstöra saker upprepade gånger och glöm inte att ha kul!"

Hur man använder denna webbdesignguide för nybörjare

Läs det! Detta kommer att räcka för att du ska komma igång. Gör din första, troligen klumpiga sajt. Kom tillbaka och läs igen. Åtgärda dina misstag. Upprepa.
Nej, du vill nog inte läsa allt på en gång. Det finns många andra resurser, många olika tillvägagångssätt som kan användas. Det är okej, men jag rekommenderar ändå att läsa lite och försöka gå igenom de första stegen.

Design i webbläsaren för nybörjare

Du vet förmodligen att de flesta designers först använder grafiska redaktörer, och först sedan ger de sina projekt till kodaren för layout. Photoshop är det mest använda verktyget, men designers använder även program som t.ex Skiss, GIMP, inkscape och Illustratör.

Utan tvekan måste du prova några av dem och använda de verktyg som fungerar bäst för dig. Men om du vill skapa webbplatser, försök att omedelbart göra det i deras naturliga livsmiljö - i webbläsaren! Helst - gör detta i flera webbläsare - eftersom folk inte ser webbplatser i Photoshop och ser dem som du gör genom ett grafikredigeringsgränssnitt.

Det webbläsarbaserade arbetsflödet har ett antal andra fördelar:

1) Du ser precis vad du får.Även professionella mockups förmedlar inte de interaktiva eller animerade delarna av webbplatser. Genom att skapa en webbläsarbaserad design kommer du att kunna se exakt hur det fungerar.

Detta gäller särskilt när det kommer till responsiv design. (För den oinitierade är en responsiv eller responsiv design en som återges korrekt på olika skärmar och enheter, oavsett om det är mobil, surfplatta eller PC.)

2) Webbläsarbaserad design kan göra dig till en bättre designer. När du själv kan hela processen kommer du att kunna förstå vad som fungerar och hur, och varna dig för många misstag. Mardrömmen för en designer (eller layoutdesigner som måste göra detta) som arbetar i, säg, Photoshop, är hans ytterligare "stretching" på en live-webbplats.

Hur som helst, här är några resurser som kan vara till hjälp när du arbetar med fotoredigerare.

Design i webbläsaren kan förändra ditt sätt att arbeta på många sätt och uppmuntra dig att lära dig nya saker om HTML och CSS. I grund och botten, ju mer du bråkar med den smutsiga koden, desto bättre kommer du att förstå hur webbplatser fungerar. Det kommer inte att göra dig till en fantastisk designer; men det är en bra början.

Färdigheter du behöver för att bli webbdesigner

Om du vill bli en professionell webbdesigner på egen hand behöver du några speciella färdigheter. I det här avsnittet kommer vi att svara på frågan ”Hur blir jag själv webbdesigner?” och även fokusera på de färdigheter som krävs för att faktiskt designa och bygga en webbplats. Naturligtvis kommer du också att behöva affärs- och kommunikationsförmåga, men det är en lite annan historia. Så för att bli webbdesigner på egen hand behöver du veta följande.

UX / UI design

Användarupplevelseorienterad design eller UX-design är hur användargränssnittet som helhet kommer att se ut och fungera. Det är en process, det är en filosofi och det är mycket arbete. En riktigt bra sajt kan bara skapas genom att veta vilken väg besökaren tar på den, och hur hans beteende förändras beroende på förändringen i grafiska element.

Mer information om detta finns i artikeln ”Vad är UX/UI-design egentligen? »

Estetiska färdigheter

Estetik är en komplex sak. Det verkar som att ett bra färgschema för vissa människor kan se konstigt ut för andra. Typsnitt som ser "precis rätt ut" för dig på den här platsen kanske inte gillar kunden alls. Det verkar väldigt, väldigt subjektivt, men ändå har var och en av dessa aspekter sina egna regler, som vi kommer att prata om nu.

Teckensnittskombination och typografi

Internet är text. Det här är ord. Och dessa ord måste se fantastiska ut. Typografi handlar dock om mer än att bara välja rätt typsnitt. Detta är först och främst användarvänlighet. Det är nödvändigt att korrekt välja och kombinera storlekar, typer och stilar av teckensnitt i designen för att skapa en grafisk hierarki i designen.

För att ta dig "från A till Ö" föreslår jag att du tittar på Emil Ruders bok "Typografi". Läsningen kan vara ganska lång, så för dem som omedelbart vill börja öva finns det en kort video om ämnet, liksom (detta är om du redan har hittat ett bra exempel på text och skulle vilja identifiera dess typsnitt).

Efter att du har lärt dig reglerna för typografi kan du prova några typsnitt för ditt projekt. Det finns faktiskt många bra gratis typsnitt på webben, så titta runt.

Många, inklusive mig själv, väljer sina typsnitt från . Google-fonter kan "bäddas in" på webbplatsen och det är ganska bekvämt. Dessutom kan du använda färdiga teckensnittskombinationer:

Andra liknande exempel finns på nätet.

Om du vill skapa dina egna Google-teckensnittspar, prova "Web Font Combiner". Detta är ett verktyg som låter dig snabbt se teckensnittskombinationer i realtid genom att ändra teckensnitt, storlek, färg, linjebredd.

Om Google Fonts inte räcker kan du titta på WebDesignerDepot, Fonts-online och andra webbplatser.

Färglära och färgscheman

Färgteori har lite att göra med de tekniska namnen på färger. Om din klient efterfrågar fuchsia, men verkligen vill ha en varm rosa, är valet ditt. Färgteori studerar först och främst förhållandet mellan färgkombinationer och känslorna hos den som uppfattar det. Detta är verklig vetenskap.
För att förstå grunderna i färgteori finns det flera utmärkta publikationer:

Av de nödvändiga verktygen - Adobe Color CC

Kom ihåg att färgläran är nära besläktad med typografi. Till exempel, om färgen på texten är för nära färgen på den valda bakgrunden, blir den svår att läsa och besökare kommer sannolikt att helt enkelt gå förbi den här delen av webbplatsen, eller till och med lämna den.

Sammansättning och allmän organisation

Hur blir man webbdesigner utan att veta grunderna i komposition? Aldrig! För mig är den här delen kanske den viktigaste. När allt kommer omkring kan du plocka upp vackra typsnitt, ett utmärkt färgschema och sedan helt enkelt bråka med det korrekta arrangemanget av block, hierarki och proportioner och få "den mest äckliga maträtten med utmärkta produkter."

Det finns flera användbara publikationer om detta ämne, varefter det kommer från första (eller nästan från första) gången.

• Använd det gyllene snittet och treregeln i webbdesign

Webbdesign trender

Du kan prata oändligt om trender inom webbdesign. Vilken roll spelar de? Med största sannolikhet har alla kunder, innan de kommer till dig, redan tittat på flera exempel på coola modesajter, och kanske till och med läst ett par artiklar med webbdesigntrender. Att känna till mode och populära designelement är helt enkelt nödvändigt för att förstå vad de efterfrågar och för att ha något att erbjuda dem.

Eftersom webbdesigntrender ständigt förändras är det ingen mening att nämna några specifika publikationer som exempel. Här kan jag bara råda dig att hålla ett öga på hemsidor för webbdesigners, här är några bra exempel:

• abduzeedo.com
• behance.net
• noupe.com
• webbdesignerwall.com
• flickr.com
• wwwards.com

Hur man blir en webbdesigner: HTML och CSS

HTML det är "Hypertext Markup Language". Varje webbplats du någonsin har tittat på är baserad på HTML. HTML är det språk med vilket din webbläsare förstår att webbplatsen innehåller text, en bild, en länk, en video eller andra element. Din webbläsare översätter sedan koden till det du ser på skärmen.

Ett annat språk som med enkla ord gör sajten vacker heter css, vilket betyder "Cascading Style Sheets". CSS talar om för webbläsaren vilket typsnitt som finns i texten och vilka färger som används. CSS, i enkla termer, definierar utseendet och känslan på din webbplats (knappar, stilar, färger, animationer).

Att lära sig dessa språk på egen hand, eller åtminstone få en grundläggande förståelse för hur de fungerar, är ganska enkelt. Dessa är de enklaste datorspråken. Men de är också ganska omfattande och kan användas i många varianter för att skapa fantastiska mönster.

När du väl känner till grunderna finns det ett otroligt antal sajter där du kan lära dig mer om hur du blir webbdesigner och lär dig programmeringsspråk på egen hand.

Häller ut live

Är du redo att lägga ut din webbplats på Internet? Har du ett domännamn (till exempel: mywebsite.com) och hosting (utrymme på en dator som är permanent ansluten till Internet eller online-hosting köpt från tredjepartsleverantörer)? Ladda upp dina filer till ditt webbhotell, luta dig tillbaka, koppla av och...

Vad du ska göra efter lanseringen av webbplatsen

Rätta misstag och avsluta det du glömt

"Ah, ja, det är det... jag ville definitivt fixa det."– Det händer alla. Det är nästan oundvikligt att fel dyker upp efter att någon webbplats har startat. Och ju större sidan är, desto mer sannolikt är det att du har missat ett misstag eller glömt något. För din bekvämlighet, här är en ganska detaljerad checklista:

Samla in feedback

Du kan inte förbättra dig om du inte vet var du gjorde misstag. Tid och erfarenhet kan lära dig detta, men andra kan lära dig snabbare.
När du försöker bli en webbdesigner från grunden och lära dig på egen hand, uppmuntrar jag dig att gå med i gemenskaper för att få kontakt med andra designers som kan hjälpa dig och ge dig professionella råd.

Hur man blir webbdesigner - sammanfattning

Artikeln blev ganska lång, men det skulle vara svårt att få ihop allt detta med färre ord, så jag vill gratulera alla som läst till slutet och uppriktigt tacka för ert tålamod. Om du vill lära dig mer om webbdesignutbildning, eller om specifika verktyg och strategier för att arbeta, skriv det i kommentarerna, så kommer vi definitivt att skapa mer användbart material om ämnet. Lycka till allihopa!

Och om du är redo att testa dina kunskaper på ett liveprojekt och du behöver ett bra värdskap - som en bonus kan du köpa värd för ett år från vår partner Inmotion för endast $1.

Webbplatsutveckling lockar många, men de flesta vågar inte jobba tätt inom detta område på grund av många anledningar, varav den främsta kanske kan kallas bristen på relevant kunskap. Men, detta är inte ett problem alls, huvudsaken är att det finns en vilja att lära sig.

Det är inte så svårt att bemästra webbdesign från grunden, men kunskapen du får kommer att vara användbar för dig i många fall. Detta är inte bara ett sätt att öka nivån på dina intäkter (webbdesigners är alltid efterfrågade), utan också en möjlighet till självförverkligande.

Så var börjar man lära sig grunderna i webbdesign och layout? Först och främst måste du behärska arbetet med grafiska redaktörer väl. Dessutom pratar vi om både raster- och vektorgrafik. De vanligaste grafikprogrampaketen är Adobe Photoshop, Adobe Illustrator, CorelDRAW och Corel Paintshop.

Naturligtvis är det bäst att behärska alla listade webbdesignprogram och kunna arbeta med dem, men Adobe-produkter används oftast. Därför, om du har begränsad tid för träning, är det bättre att börja arbeta med dem direkt.

Webbdesign för nybörjare kommer att vara effektivare för att bemästra om du omedelbart kan tillämpa den teoretiska kunskapen i praktiken. För att göra detta kan du både experimentera med självständigt skapande av element och mallar, och arbeta med andras källor. Det finns många sajter på Internet där du kan ladda ner gratis grafiska källor, och dessutom av ganska hög kvalitet.

Om dina kunskaper i engelska är på en bra nivå kan du använda dig av webbdesignlektioner från utländska sajter. Det finns många engelskspråkiga resurser som representerar professionella grupper av användare av Photoshop och andra Adobe-produkter. På sådana webbplatser kan du hitta både användbara tips och en beskrivning av icke-standardiserade programfunktioner.

Modern webbdesign är inte bara att designa och skapa utseendet på en webbplats i en grafisk form, utan också dess layout med HTML och CSS.

Den färdiga designmallen måste uppfylla vissa standarder och bearbetas korrekt av alla vanliga webbläsare. Det är därför det inte rekommenderas att utveckla en design enbart baserad på Flash-teknik - trots de breda möjligheterna är den för "tungvikt", har sårbarheter, och om det inte finns någon speciell plug-in i användarens webbläsare gör den det helt enkelt inte visas i den.

Layoutspråken förbättras och utvecklas ständigt, samma HTML5 låter dig nu implementera på webbplatsen de funktioner som tidigare bara kunde erhållas med Flash eller olika plugins.

Webbdesign för nybörjare kan läras med:

• information från tematiska webbplatser och forum;
• självständigt upprepa lektioner och råd från engelskspråkiga webbplatser;
• köpa böcker om webbdesign;
• förbättra din professionella nivå genom konstant träning.

Det är säkert att säga att alla kan behärska grunderna i webbdesign, det räcker med att bara anstränga sig lite, ha lusten och avsätta din egen tid för detta.

Innan du börjar en karriär som designer har nästan varje nybörjare många frågor som inte har några svar på grund av bristande erfarenhet. Vilken kunskap en webbdesigner ska ha, vilka program behöver behärskas, hur mycket tid att studera, hur man skaffar yrkeskunskaper, var och hur man söker efter en kund, hur man lämnar över det färdiga arbetet - jag försökte svara på dessa och några andra angelägna frågor i den här artikeln.

1. Vilken kunskap behöver en webbdesigner
I allmänhet skulle jag till att börja med råda dig att läsa någon vettig. Till att börja med behöver du bara scrolla genom det diagonalt och stanna vid de ögonblick som är tydliga. I det inledande skedet är det viktigt att förstå "vad som ligger på vilken hylla", vad är den allmänna teoretiska strukturen. Och senare, vänd dig gradvis till henne för mer detaljerade förklaringar om en specifik fråga med en djupare studie och förståelse av materialet. Det vill säga, i själva verket borde det vara en sådan fungerande lärobok, som alltid ska finnas till hands.

I synnerhet krävs grundläggande kunskaper om och webbdesign, . Särskild uppmärksamhet bör ägnas åt ett sådant koncept som en "webbplats", det och principerna för existens på Internet. Förresten, på min sida hittar du mycket teoretiskt material som hjälper dig att få nödvändiga grundläggande kunskaper.

Ett annat område att vara medveten om är . Även om du inte ska skapa din egen, måste du ändå förstå hur sajten är uppbyggd. Detta hjälper dig att undvika att göra misstag i skapandet. Grunderna i programmering är valfria. Och det skulle också vara bra att förstå, eftersom de flesta webbplatser fungerar på denna plattform.

2. Vilka program behöver behärskas
I den här frågan håller jag mig till minimalism. Jag tror uppriktigt att för att göra en normal design räcker det att veta . Detta program bör dock inte behärskas på nybörjarnivå. Och så måste du lägga tid på att studera det. Alla andra program är valfria. För layout räcker det med en vanlig anteckningsbok.

3. Hur mycket tid att ägna åt träning
I allmänhet, i denna fråga, är allt väldigt individuellt. Det var i två steg för mig. Först lärde jag mig att använda Photoshop och jag började bli avancerade. Tidsmässigt tog det kanske tre eller fyra månader. Efter det dök tanken upp att det är det, nu är jag designer och kan göra hemsidor. Jag försökte göra en webbdesign och jag lyckades inte alls. Allt såg väldigt mediokert och klumpigt ut.

Sedan slutade jag försöka göra någonting och började bara studera andra designers arbete. Jag bokstavligen med ett förstoringsglas tittade på hur sajterna jag gillade gjordes, sorterade isär dem. Längs vägen fortsatte jag att studera tutorials, men inte riktigt ansträngande. Och efter en månad av att titta på det, hade jag verkligen ett kvalitativt språng och jag gjorde på något sätt lätt två enkla sajter, varav den ena köptes direkt.

Så vi kan säga att efter cirka 4-5 månaders träning uppstår redan ganska starka designfärdigheter och en adekvat förståelse för själva designprocessen. Men självklart, under förutsättning att du under hela den här tiden verkligen gör din egen självutbildning, tränar, pluggar teori, provar.

4. Hur man bäst skaffar sig praktiska färdigheter
Jag råder dig definitivt att börja med att kopiera de webbplatser du gillar. Men bara som ett träningspass! Uppfinn inte hjulet på nytt. Försök bara att göra detsamma. Jag försäkrar dig, det kommer att bli helt annorlunda än på originalet. Och nästa steg, jag skulle råda dig att ta ett gratis tema eller mall av hög kvalitet och förstå koden ordentligt. För att försöka hantera designelement. Denna tolkade kod kan sedan användas som grund för framtida design.

5. Saker att ta hand om i förväg
Du måste ta hand om två saker. Först bör du definitivt skaffa ett onlinekonto för att ta emot pengar för att betala för dina tjänster. Nu är detta inte ett problem – det finns många plånböcker och konton online. Och för det andra bör du definitivt placera din . Tja och därefter. Om det inte finns några färdiga verk, gör arbetet själv och lägg det i din portfölj.

6. Hur man bestämmer priserna
Mitt råd till dig, se till att bestämma dina priser innan du kommunicerar med kunder. Det finns inget värre när en kund knackar på din dörr, och du tvingas svara något otydligt, på frågan om hur mycket det kostar. Ännu bättre, ha en sida med priser för dina olika tjänster. Bekvämt för både dig och kunden. Och ändå, aldrig överbelasta, åtminstone till en början. Medan du är nybörjare är det bättre att priset är tio procent lägre än sådana allmänt accepterade priser.

7. Hur man söker efter en kund
Till att börja med, försumma inte de traditionella sätten att söka av kunden. Du kan registrera dig på alla typer av populära frilansbörser och skapa din egen sida där med beskrivning av tjänster och exempel på arbete. I princip finns det en möjlighet att du hittar en kund där. Även om jag tror att det kan ta lång tid. För att de först och främst vänder sig till toppfrilansare. Men jag kommer inte att hävda.

Men det finns, tror jag, mer effektiva sätt. Var uppmärksam på SEO-forum. De är mobila killar och de behöver alltid några målsidor, sploggar eller PPS-flöden. Därför är de ganska intresserade av designtjänster. Nästan alla större forum har en "Design"-sektion. Studera detta avsnitt noggrant, se vilka verk som säljs där, till vilka priser. Gör något liknande och lägg ut det till försäljning där. Jag gjorde just det på den tiden.

I princip, om du anstränger dig och visar fantasi, är det inte så svårt att leta efter en kund. Till exempel hade jag en gång idén att göra omdesigner av fungerande webbplatser på Internet som har en helt värdelös design. Och sedan erbjuda ägarna att köpa en ny design, om de gillar det, förstås. Det viktigaste är att inte luta dig tillbaka och inte vänta på att en rad kunder ska ställa upp för dig. Till en början måste du arbeta hårt i sökningen.

8. Hur man kommunicerar med kunden
Och slutligen har du en potentiell kund som är intresserad av dina tjänster. Försök i detta skede att så detaljerat som möjligt ta reda på vad kunden vill se som resultat. Jag ber alltid kunden att visa de sajter på Internet som han gillar. Och fråga också om vad han definitivt inte skulle vilja se. Och ändå, underskatta aldrig villkoren för beställningen, oavsett hur gärna du vill! Det är bättre att slänga in ett par dagar för försäkring och lämna över arbetet tidigare än att irritera kunden genom att tänja på tidsfristerna.

9. Vad är orderuppfyllelsemekanismen
Min interaktion med kunderna var som följer. Först får jag referensvillkoren (TOR) från kunden. Sedan, under en tid (vanligtvis från tre dagar eller mer, beroende på komplexiteten), gör jag jobbet och förser kunden med en webbplatslayout i jpeg. Dessa är vanligtvis huvudsidan, inläggssidan och hjälpsidan. Ibland räcker det med huvudsidan, men detta måste avtalas med kunden i förväg.

Om uppdragsgivaren har godkänt layouten, då börjar jag typsätta. I det här skedet kan du ta en förskottsbetalning, men det brukar jag inte göra. Jag föredrar att arbete betalas när det är klart. Om inte annat för att det är väldigt stimulerande att slutföra beställningen. Efter att sidan är upplagd och testad ger jag klienten ett arkiv över den färdiga sidan med installationsinstruktioner (om det är WordPress). Därefter betalar uppdragsgivaren för utfört arbete.

Ibland frågar de om du på något sätt behöver försäkra dig mot att du kommer att kastas på pengar. I princip ingen är immun mot detta. Därför, till att börja med, titta på historien om din klients existens på Internet. Vilka sajter har han, var bor han, vad är hans rykte, hur tillgänglig är han. Om kunden är tveksam, vägra och ta inga risker. Om du fortfarande kastas efter pengar, försök att ta det lugnare. Du fick åtminstone bara kostnaden för en beställning, men nu vet du säkert att du inte längre kommer att arbeta med den här klienten.

10. Hur du håller dig i god form
När du har de grundläggande färdigheterna i att skapa design, försök att gradvis utöka din tekniska arsenal. Försök att följa alla innovationer inom webbdesignbranschen och implementera snabbt nya funktioner i din design. Nu finns det många manualer och tutorials, med hjälp av vilka det är mycket lätt att bemästra alla innovationer. Detta bidrar för det första till din professionella tillväxt, och för det andra kommer det att göra din design modern och mer konkurrenskraftig.

Redaktörens val

Lär dig webbdesign från grunden - en steg-för-steg-guide för nybörjare (tio steg)

Många unga vill koppla ihop sitt framtida yrke med webbutveckling. Naturligtvis vill inte alla vara programmerare, några av dem är ganska nöjda med webbdesign.

Att lära sig detta yrke från grunden är inte en lätt uppgift, för förutom arbetsförmåga måste du vara en kreativ person, åtminstone ha lite kunskap om koden (känna till CSS och ), kunna kommunicera med kunden i samma språk osv.

Innan du börjar bekanta dig med grunderna i yrket, ett antal frågor uppstår, och svaren på dem måste du själv söka. Detta är inte lätt att göra på grund av brist på erfarenhet, material från Internet blir inte alltid användbart, och ibland tvärtom lägger de bara till nya frågor, och inte alla har en erfaren vän.

Låt oss ta reda på var du ska börja lära dig webbdesign, vilken kunskap du behöver för kreativitet, var och i vilken ordning du ska få den, hur mycket tid du ska ägna åt praktiska övningar, hur man får den första upplevelsen och beställningen ... och med många relaterade frågor.

Innehåll:

Steg ett - Ta reda på varför du vill göra det

Å ena sidan är detta en enkel fråga, eftersom de flesta vill göra webbdesign på grund av den goda lönen.

Att bygga webbsidor är en mycket lönsam verksamhet, och det är inte alltid lätt att hitta en erfaren, och viktigast av allt, intelligent utvecklare på eftermiddagen med eld.

Även om det finns många fall när en person vill göra exakt det, men utan kunskap om att skapa en webbplatsgrafikmotor, är det inte lätt att programmera det.

Och den tredje vanliga anledningen till att människor blir intresserade av webbdesign är attraktionen till de sköna konsterna.

Och detta område kan fungera som ett utmärkt sätt att förverkliga sina talanger i praktiken och dra ekonomiska fördelar av detta.

Viktig! Oavsett vilket syfte du bekantar dig med webbdesign, kom ihåg att både lärande och arbete ska vara intressant, göras med lust och ge nöje, men inte förvandlas till en rutin.

Eftersom grafikern är ungt yrke, dess exakta definition finns ännu inte, och många experter tolkar konceptet på sitt eget sätt.

Om den här personen tidigare var tvungen att göra sidorna vackra och tilltalande för ögat, nu är det nödvändigt att ha kompetensen hos en kodare, förstå marknadsföring och ha en förståelse för SEO-kampanj.

Utan unika lösningar, originella idéer och ett individuellt kreativt förhållningssätt kan uppgiften inte lösas.

Webbdesignerär en teknisk konstnär som arbetar med utseendet och känslan av laddningsoptimering av webbsidor och webbapplikationer.

Dessa personers uppgifter inkluderar:

• arbeta med sidans logiska struktur- så att allt är klart för alla nybörjare, han kunde hitta det han letade efter för första gången, alla viktiga länkar borde vara i sikte;
• utveckling av det mest rationella sättet att presentera innehåll- förmågan att intressera besökaren, få honom att stanna längre på resursen, bläddra igenom sidorna på webbplatsen;
• grafisk design– var vilka element kommer att placeras, vilka knappar och inskriptioner kommer att vara efter klicket, hur interaktionen med klienten går till, hur och vad kommer att förändras under besökarens arbete, zoomning, etc.

Så vi fick kort reda på varför folk vill ta itu med den grafiska delen av sajterna.

För framtida programmerare är det tillräckligt att bekanta sig med grunderna i visuell design av webbresurser, åtminstone ytligt behärska grafiska redaktörer, malllayout.

De som är angelägna om att ägna många år av sina liv åt att skapa gränssnittet för internetsidor och få rätt yrke måste först arbeta hårt, och den här artikeln är tillägnad dem.

Steg två - välj den riktning för webbdesign som du vill prova själv

Internettekniken utvecklas snabbt och med dem ökar också kraven på utvecklare. Till en början var en vacker estetisk och ljus sida konstnärens uppgift.

Idag skiljer de så många som sju riktningar i deras design, och dessa är bara de viktigaste.

Hård

Gammal som att bygga själv typ av siddesign enkel, perfekt för nybörjare.

Summan av kardemumman är att alla resurselement placeras i virtuella tabellceller med fasta storlekar, som ställs in av designern.

En sådan sida kommer att se exakt likadan ut på alla enheter, oavsett plattform och skärmstorlek.

Och detta betyder inte att en sådan resurs är bakåt, eftersom en erfaren utvecklare som använder en stel design kan skapa en vackert designad webbplats, och i det här fallet tar det några minuter att korrigera något.

Flexibel

Även tabellform, men bredden på cellerna i den virtuella tabellen är inte strikt specificerad, utan beror på skärmstorleken (bildförhållande, upplösning). Objekt kommer att försöka fylla hela utrymmet i cellen och ändra dess storlek. Huvuddraget i en sådan lösning– förbättra bekvämligheten med visuell uppfattning av data tack vare dynamiskt ändrade visningsparametrar. Det finns inga tomma platser utan innehåll på sådana sidor.

Utmaningarna med denna design är:

• ingen garanti för att resursen på de gamla "fyrkantiga" och enorma widescreenskärmarna visas korrekt utan att innehållet sträcker sig eller krymper;
• Alla webbläsare fungerar inte bra med bearbetning av så kallade flexibla celler, och webbläsare skapade på olika motorer gör detta på sitt eget sätt;
• det tar mycket tid att anpassa sig och föra projektet till det ideala.

Kombinerad

Kombinera de två tidigare metoderna: om bildskärmens dimensioner (dess bildförhållande) skiljer sig mycket från visningsparametrarna som användes när webbplatsen skapades, tillämpas en flexibel design, annars används båda cellerna, beroende på tillgängligheten av ledigt utrymme i dem.

Text

Det används när du designar ensidiga resurser och webbplatser, som representerar småföretag och företag i det globala digitala nätverket. En egenskap hos denna design är den praktiska frånvaron av grafiska element, vilket har en positiv effekt på sidladdningshastigheten. Att leka med typsnitt, textfärger och bra textplacering hjälper till att göra projektet attraktivt.

Utskrift

Mest efterfrågas i utvecklingen av företags- och marknadsföringsresurser där känslomässigt innehåll kommer först. Designern bör vara så kreativ som möjligt och kreativt välja pixelbilder för siddesign.

Nackdelen med utskriftsdesign är en minskning av webbplatsens laddningshastighet på grund av närvaron, som regel, av en riklig mängd rasterritningar, och även i hög upplösning.

gränssnitt

Till honom vänder sig mest erfarna hantverkare. Deras uppgift är att tillfredsställa alla användarförfrågningar, vanligtvis genom att minimera programkoden, optimera grafiska element och skapa ett bekvämt navigeringssystem med menyer längst upp på sidan. Sådana resurser laddas snabbt, de är lätta att arbeta med både från en dator och från mobila enheter.

.

Dynamisk

De mest tidskrävande, komplexa designalternativen för webbsidor. Denna typ av design består i att placera dynamiskt innehåll på sidan (animationer, skript, rörliga och ändrande element, bredbildsvideor).

För att genomföra planerna kommer du att behöva svettas mycket, och för att besökaren ska bli nöjd och allt ska fungera som det är tänkt behöver du inte bara behärska grafiska redaktörer, utan också optimeringsförmåga, som vill vänta länge dags för uppkomsten av en färgglad tredimensionell knapp. Men en välutvecklad resurs lockar alltid med sin skönhet, originalitet och konstnärliga lösningar, oavsett innehåll.

Steg tre – ta reda på vilka webbdesignprogram som är trendiga just nu

Innan du laddar ner böcker på en viss grafisk redaktör måste du tydligt förstå de element som används i den grafiska designen av webbplatser: former, färger, former, spelet mellan ljus och skugga, linjer - det här är de grundläggande elementen från vilka helheten komposition skapas.

I alla fall, kunskap om kaskadtabeller och hypertextmarkering behövs nästan i första hand.

Designern kommer också att behöva kunskap inom området datoranimation, populär, SEO och kanske tredimensionell modellering.

Uppmärksamhet! Förutom svårigheten att bemästra, måste applikationen också köpas för fullvärdig drift, även om det i träningssyfte är möjligt att fuska genom att kringgå skyddet av programmet.

Den sistnämnda är övervuxen med funktionalitet som efterfrågas i dussintals områden, och killarna ägnar sig inte mycket åt mångfalden av möjligheter när det gäller webbdesign.

Sketch är en annan sak - den är skärpt för att rita grafiska gränssnitt från grunden, har inte ett enda överflödigt element, är lättare att lära sig och går lätt om Photoshop när det gäller grundläggande indikatorer.

Se till att välja den mest bekväma som stöder syntax och markering: , Sublime , Axure RP .

Steg fyra - Utforska användbara böcker för blivande webbdesigners

Internet är bra eftersom det låter dig få böcker gratis, som du för ett dussin år sedan skulle behöva köpa eller leta efter likasinnade.

Med populariseringen av webbdesignyrket har antalet böcker om ämnet ökat. Utan mentor och lärare är en bok det bästa sättet att få kunskap.

Att lära sig webbdesign från grunden bör börja med litteraturen där grundläggande begrepp, teori och små praktiska uppgifter ges:

Huvudelementen är:

Logotyp- upptar som regel den centrala delen av sidan och skiljer resursen från andra;

Navigationselement- placerad överst på sidan horisontellt, mindre ofta - vertikalt och innehåller länkar till huvudsektionerna;

Huvudblocket där innehållet placeras- upptar huvuddelen av skärmen, texten åtföljs alltid av figurer, tabeller, diagram, animationer etc.

Modulärt rutnät

Innan du utvecklar ett projektschema måste du själv förstå konceptet med ett modulärt rutnät. Det är ett sätt att distribuera information i kolumner, det är ramverket för den framtida sajten.

Att använda ett modulärt rutnät kommer avsevärt att förenkla ytterligare layout, ta dig tid att lära känna henne.

Steg sex - onlineutbildningar

• delta i seminarier och utbildningar;
• deltagande i onlineutbildning (på distans).

Välj rätt klasser baserat på din kunskap, erfarenhet och i vilken riktning du realiserar din kreativa potential. Under kursen är det charmigt att konsolidera teorin i praktiken.

1 Webbdesignkurser för nybörjare

Mer erfarna utvecklare som talar engelska, borde definitivt bekanta sig med västerländska kollegors kurser. Liksom i fallet med böcker brukade västerländska tekniska konstnärer praktisera ny teknik och lösningar inom området, och för det andra kan konceptet för arbete bland utländska designers vara ganska annorlunda, och det är alltid användbart att lära av någon annans erfarenhet. Människor får mer valuta för pengarna från kurser än från dussintals böcker de läser. med hänsyn till praktiska färdigheter.

Steg sju - Hitta likasinnade

I ditt arbetsliv är det viktigt att kommunicera med människor som gör det du gör.

Så du kan inte bara få vänner utan också dela erfarenheter, kunskaper, råd, ge assistans och utvärdera projekt ett efter ett.

Sund konkurrens- motorn för framsteg, den låter dig utvecklas, sträva efter att göra bättre än en vän, för att tillföra något nytt till projektet. Och när du lär dig webbdesign från grunden måste du definitivt kommunicera med mer erfarna utvecklare.

Steg åtta – Följ trender och trender

För att vara redo för vad som helst när du arbetar med en kund i ett område där det inte går en dag utan nya produkter, måste du ständigt övervaka ny utveckling, lösningar och teknologier.

De förändras till det bättre och optimerar laddningen av resursen och ökar sidans känslomässiga attraktionskraft.

Det enklaste sättet att besöka resurser, där erfarna och inte så erfarna designers visar upp sina verk:

Steg nio – prova dig fram på ett frilansutbyte

Du kan arbeta som teknisk konstnär både på egen hand och för vilket företag som helst. För nybörjare är det bättre att få erfarenhet av frilansutbyten:

Vi jobbar till en början billigt: vi tar emot billiga beställningar och jobbar länge och hårt för att uppfylla dem tills kunden är nöjd.

Framgångsrika projekt är erfarenhet inte bara av design, utan också i kommunikation med olika kunder, påfyllning av en fortfarande tom portfölj med verk.

Var mer uppmärksam på att fylla i profilen och priserna för arbete.

Enkla, men påtänkta layouter kan säljas med utgångspunkt i liknande projekt som erbjuds till försäljning.

Viktig! Ställ gärna frågor, intressera dig för vilka sajter kunden gillar mest, så att det finns något att navigera. Du ska inte stressa och arbeta med brister eller underskatta deadlines och sedan få kunden att vänta och vara nervös.

Steg tio - Förvandla webbdesign från en hobby till ett yrke

Webbplatsdesign startas vanligtvis av studenter och ungdomar, för vilka denna aktivitet blir en hobby.

De ägnar helger och kvällar åt sin favoritaffär, och när de får lite erfarenhet och hobbyn ger den första inkomsten, funderar de allvarligt på att byta yrke.

Det är bara att sluta jobbet och gå till gratis bröd eller ersätta ditt nuvarande jobb med en bekväm stol på kontoret vid datorn många är rädda.

Här påverkar bristen på erfarenhet, och de låga chanserna att hitta en kund eller skaffa stamkunder, och ingen garanterar stabil intjäning vid arbete och relevanta forum.

Ris. 15 – Med tiden bör webbdesign bli ett yrke

Och ändå, om ockupationen av att utveckla grafiska gränssnitt för webbplatser lockar, är det definitivt värt att förvandla det till huvudyrket, och det är inte nödvändigt att fördröja det.

Med tiden kommer kunskap, erfarenhet och permanenta order.

Och om du vill ha mer stabilitet, var uppmärksam på att arbeta på kontoret bland likasinnade med möjlighet att arbeta på distans då och då.

Huvudsaken är att sträva efter att bli bättre, hela tiden utvecklas och njuta av det du gör!