Nybörjarguide: hur man lär sig webbdesign hemma

om du är fast besluten att lära dig webbdesign på egen hand är du på rätt plats.

det är sant att webbdesign kan vara ganska komplex och skrämmande, men med utvecklingen inom teknik och internetpenetration har den vuxit till episka proportioner. Det är inte förvånande att bli webbdesigner har blivit en populär trend i den nuvarande generationen.

i den här artikeln kommer jag att gå igenom lärande webbdesign med resurser och tips. För nybörjare som vill ta in den här vägen kan du tjäna den här artikeln som en guide.

Steg 1: Bestäm dig och planera

att lära sig webbdesign är en långsiktig uppgift som är full av utmaningar. Du måste utmana dig själv på allvar. Bestäm dig just nu och gör planer baserade på de inlärningsguider som vi introducerar i den här artikeln. Kom ihåg att du kommer att göra det på egen hand om du börjar lära dig webbdesign genom övning. Så var redo!

steg 2: få en grundläggande förståelse för webbdesign

”Hur kan jag börja lära mig webbdesign?”Det här är frågan i ditt sinne. För att noggrant lära dig webbdesign bör du förstå svaren på minst följande 2 frågor:

Vad är webbdesign?

människor missförstår ofta betydelsen av webbdesign.

Tja, vad exakt är webbdesign?

Visual + interaction = webbdesign

webbdesign handlar om att lösa problem. Det handlar om alla aspekter av en webbplats – konsten, färdigheter, vetenskap, och teknik för att bygga utseende och funktionalitet på en webbplats, liksom hur användarna interagerar med webbsidor.

många unga designers missförstår ofta begreppet webbdesign med utvecklingen.

kom ihåg: webbdesign handlar om design, inte om kodning och front-end eller back-end utveckling.

naturligtvis är det bättre om du känner till några kodningsspråk (HTML, CSS, Java, etc.), men du bör inte få dig djupt in i front-end eller back-end utveckling om du vill vara en fokuserad Webbdesigner. Det är inte kärnan i webbdesign.

vad är webbdesignprocessen?

webbdesign är inte en enkel uppgift. Det är ganska utmanande men ändå intressant att göra en tom sida till en komplett webbplats. Hur kan du göra det?

du måste följa de viktigaste faserna i webbdesignprocessen. De är:

ställa in ett mål

Bestäm vilken typ av webbplats du ska designa. Är det för e-handel, ett företag, marknadsföring av nya produkter eller ett aktivitetsprojekt?

om du inte har någon aning, börja med en blogg. För nya elever är att bygga en blogg ett bättre val än att skapa andra typer av utarbetade webbplatser.

skapa ett schema

skapa en tidslinje för att utforma sidorna. Tilldela uppgifter till alla som är involverade i webbdesignprojektet.

skapa en webbplatskarta och wireframing

Brainstorm. Förvandla ideer till en wireframe med en penna eller wireframing verktyg. Du måste översätta dina tankar till något konkret så att du kan validera dem tidigt.

skapa innehåll

Lägg till innehåll med designelement, bilder, kopior och interaktioner. Detta är den fas där du lägger alla dina design-och utvecklingsfärdigheter att använda. Du kommer att konvertera en tom sida till en färdig webbplats i denna fas.

testning

testa din webbplats och samla användbar feedback. Gör det tills du maximerar kvaliteten på användarupplevelsen och var sedan redo att starta.

starta

gör din webbplats tillgänglig för besökare och förbättra den baserat på den feedback som samlats in.

du kan få en mer omfattande förståelse för webbdesignprocessen genom att gå igenom denna 43-minuters Webbdesignkurs.

steg 3: Börja lära

när du har ställt in dig själv och förstått grunderna för webbdesign kan du börja gå igenom praktiska inlärningsresurser och tips.

webbdesign innebär både visuellt utseende och funktionell design. Det betyder att du måste lära dig 2 huvud saker:

Hur gör du en webbplats ser bra ut?
Hur gör du en webbplats fungerar bra?

du måste lära dig att designa gränssnitt (typografi, navigering, bilder, utrymme, animationer, färger etc.), hur man kodar dem på ett webbutvecklingsspråk (HTML, CSS, Python, SQL, Ruby eller JavaScript), samt optimerar din webbplats för sökmotorer.

Läs webbdesign lärande böcker

ett av de bästa sätten att lära sig webbdesign är genom att läsa böcker. Här är 5 av de bästa webbdesign böcker som är användbara för dem som vill lära sig webbdesign på egen hand.

HTML och CSS: Design och bygga webbplatser
lärande webbdesign: En Nybörjarguide
Låt mig inte tänka: En sunt förnuft inställning till webb användbarhet
lärande webbdesign
designa med webbstandarder

Läs webbdesign bloggar

om du inte är en bokmal och hitta Läsa en mödosam uppgift, kan du följa några bästa webbdesign bloggar för att hålla din hjärna matas. Använd bloggar som ett alternativ och prenumerera på dina favorit för att undvika att missa något.

Smashing Magazine
Mockplus blogg
Webdesigner Depot
Webdesignledger
WEBBDESIGNBIBLIOTEK
Hacking UI
1stwebdesigner
webappers

lär dig med PDF-innehåll

något riktigt användbart innehåll finns tillgängligt i pdf-format för Gratis nedladdning. Du kan använda den för att lära dig webbdesign steg för steg. Det här är några exempel som är värda din tid.

webbdesign – handbok
lärande webbdesign tredje upplagan – semantisk forskare
webbdesign 101 – MIT
Bygg din egen webbplats på rätt sätt med HTML & CSS – X-filer
en komplett Guide till webbdesign.pdf-Online Christian Library

lär dig av proffs

följ webbdesigners du strävar efter att lära av på sociala medier som Twitter, Dribbble, Behance, Github och andra plattformar där de är aktiva. Läs deras inlägg, klicka på Gilla-knappen för dem som du uppskattar, och kommentera om du vill lägga till en punkt eller ställa en fråga . Om du har tur kan du hitta dig själv en mentor i en online-community eller grupp. Men stör inte dem och ta deras hjälp för givet.

webbdesigners du kan följa:

Ethan Marcotte
Chris Coyier
Ethan Marcotte
Jeffrey Zeldman
Luke Wroblewski

Lär av webbdesign video tutorials

det finns massor av Youtube-videor tillgängliga online. Minska din tid på att titta på roliga saker och använd Youtube för att lära dig webbdesign. Här rekommenderar jag 5 av de mest populära videohandledningarna. Njut av att titta.

en nybörjare webbdesign handledning för 2018-Del 1 av 2

Webbutvecklingshandledning för nybörjare 2018 / 2019-hur man gör en webbplats

webbdesign handledning för nybörjare

HTML CSS handledning för nybörjare – Webbutveckling Tutorials för nybörjare

den kompletta HTML och CSS webbdesign Tutorials för nybörjare

lär dig av onlinekurser

gratis onlinekurser kan vara en av de bästa resurserna. Du kan också diskutera med andra elever.

Class central

lär dig webbutveckling med gratis onlinekurser och MOOC från Johns Hopkins University, University of Michigan, KU Leuven University, University of California, Berkeley och andra toppuniversiteter runt om i världen.

Coursera

en bra webbplats för nybörjare att lära sig webbdesign. Du kan välja en kurs från ditt önskade universitet och se hur många som lär sig det. Med de presenterade uppgifterna har du många val när du väljer en kurs.

den listar många resurser för att bygga dina designfärdigheter och främja din karriär. Du kan lära dig ämnen steg för steg med olika nivåer av i steg av svårigheter.

W3Schools

användbar för att lära sig grundläggande kodningsspråk som HTML och CSS.

Google Code University

lär dig hur du kodar från Google-utvecklare.

kod Avengers

jag gillar särskilt denna inlärningswebbplats eftersom det är precis som ett stort äventyr som låter dig delta i kodningsutmaningsprogram och bugjakt.

fler platser för webbdesign online kurser：

trädkoja
Lynda
Udemy
Coursera
webbdesign.tutsplus

lär dig HTML-grunderna och CSS

du kan fråga, varför ska jag lära mig HTML? Generellt är det bra att använda en webbdesignapp som Dreamweaver. Men för närvarande är de flesta webbplatser lyhörda HTML5-baserade, och CSS är huden på en webbplats. Modern webbdesign är inte möjlig utan CSS. Att lära sig HTML-grunderna och CSS hjälper dig att utvecklas i webbdesign.

resurser för att lära sig HTML och CSS：

30 dagar att lära sig HTML och CSS
En nybörjarguide till HTML & CSS
var inte rädd för Internet
8 bästa gratis responsiva CSS-webbplatsmallar

du kan också gå med i CodePen-communityn. Detta är en öppen källkodsgemenskap som låter dig redigera kodavsnitt och dela dem med andra.

lär dig JavaScript

förutom HTML och CSS är JavaScript ett viktigt språk på webben som du kan lära dig. Det är ett verktyg som låter dig skapa avancerade användarinteraktioner som parallaxeffekter och kraftfulla webbapplikationer.

resurser för att lära dig Javascript:

32 av de bästa ställena att lära sig JavaScript för webbutveckling nybörjare
topp 37 JavaScript böcker för nybörjare och erfarna programmerare i 2019

lär dig mer om webbdesignelement

om du är bra på observation, kommer du att finna att de flesta av de tilltalande moderna webbplatser har en bra arrangemang av de grundläggande webbplats element såsom:

1 msk typografi

Typografi är nyckeln till utmärkt webbdesign. Det säkerställer läsbarhet av innehåll och påverkar användarupplevelsen direkt. Typografi är en viktig aspekt av alla moderna webbplatser, eftersom det erbjuder både estetik och funktionalitet till sina besökare.

resurser för att lära sig webbtypografi:

17 bästa typografi design webbplatser & Tutorials
30 kreativa webbplatser med underbara typografi & färgscheman

2）animering och transformationer

övergångar och transformationer kommer att ge förbättrade användarinteraktioner till besökare på din webbplats. Ett av de bästa sätten att skapa enkla animationer är CSS-övergångar och transformationer. Dessutom är parallax-rullningseffekter och horisontell rullning bra val för webbplatser.

3 msk färgschema

färgkombinationerna på en webbplats återspeglar en webbdesigners estetiska preferens/stil och påverkar direkt betraktarens uppfattning. Du måste lära dig att använda färg i UI-Design klokt för att skapa ett perfekt användargränssnitt.

4 teckensnitt i Brasilien

personliga teckensnitt kan vara roliga eller uttrycksfulla men är inte alltid praktiska. Om du vill att en webbplats ska vara läsbar och professionell, välj det lämpligaste teckensnittet för den. Kontrollera 20 av de bästa Google Web Fonts för utmärkt webbdesign. De är fria att använda!

5 msk Layout

webblayoutdesign fokuserar på skärningspunkten mellan teknik och konst. Webblayoutdesign hänvisar till kombinationen av visuella element som text och bilder för att få en sida att se vacker och lätt att navigera. Det är en viktig form av visuell kommunikation och en integrerad del av webbdesign. Här är 9 av de bästa webbplats Layout exempel och ideer.

6 bilder från Brasilien

bilder ger människor ett visuellt intryck som är mer intensivt än text. De kan öka chanserna att locka användarnas uppmärksamhet.

7 msk responsiv design

responsiv webbdesign är en samling tekniker för att bygga webbplatser som fungerar på flera skärmstorlekar. Lär dig det med den här 47-minuters CSS-kursen.

lär dig grunderna i wireframing/prototyping

Wireframing/prototyping är ett viktigt steg för att lägga grunden för din webbplats i hela webbdesign och utvecklingsprocessen. Det låter dig brainstorma, göra en ritning och få en klar uppfattning om webbplatsens struktur.

blanda inte ihop de olika termerna. Gå igenom de grundläggande UI / UX-Designkoncepten: skillnader mellan Wireframe, prototyp och Mockup

lär dig webbdesignverktyg

Photoshop – UI design tool

det kan användas för att skapa och förbättra fotografier, illustrationer, 3D-konstverk, designwebbplatser och mobilappar; redigera videor, simulera verkliga målningar och mer. Du kan lära dig att använda genom någon av de 22 bästa gratis steg för steg Adobe Photoshop Tutorials för nybörjare.

Dreamweaver – webbutvecklingsverktyg

det kan användas för att skapa dynamiska webbsidor för flera plattformar och webbläsare. ”Dreamweaver gör det möjligt för sina användare att designa, koda och hantera webbplatser samt mobilt innehåll. Dreamweaver är ett IDE-verktyg (Integrated Development Environment).”(Wikipedia). Börja med nybörjarguiden till Dreamweaver.

Mockplus – prototypverktyg

Mockplus är ett av de bästa prototypverktygen för webbdesigners att skapa en interaktiv webbmockup. Du kan dra och släppa komponenter för att bygga en webbplats och förhandsgranska den i HTML eller andra format. Du behöver bara 10 minuter för att starta prototyper gratis.

lär dig med en webbplatsbyggare

att börja med en webbplatsbyggare kan snabbt hjälpa dig att förstå de bästa metoderna för att bygga och designa webbplatser. Med de förkonstruerade mallarna och användargränssnittet kan du helt enkelt anpassa element eller lägga till kodavsnitt för att skapa en webbplats som besökarna beundrar.

webbplatsbyggare, du kan prova:

webbhotell recension
Wix
Konstantkontakt
SITE123
Jimdo
WordPress

lär dig SEO

det det är bra att ha en SEO-specialist för att hantera sökmotorns saker. Men designen är ganska kopplad till SEO eftersom innehållet på din webbplats läses av sökmotorer och spelar en roll i rankningen. Om du vill designa en SEO-optimerad webbplats är det ett måste att känna till grunderna i SEO. Åtminstone bör du veta om metabeskrivningar på sidor och element.

lär dig designtrender

designtrender förändras snabbt. Du måste vara medveten om de senaste designtrenderna och webbutvecklingsteknologierna för att designa en modern webbplats. Du kan helt enkelt gå igenom de 10 bästa Webbdesigntrenderna och exemplen 2019 för inspiration.

steg 4: Börja med en wireframe

starta webbdesignprocessen med en wireframe. Wireframing hjälper en webbdesigners i brainstorming och validera sina tankar tidigt. Börja wireframing med 10 praktiska Tips för att skissa dina Wireframes.

Steg 5: Använd det du har lärt dig att designa en webbplats

nu är det dags att testa det du har lärt dig i steg 3. Du måste lära dig webbdesign genom att göra det. Då vet du vad du förstår och vad du inte gör. fortsätt sedan lära dig och fortsätt.

steg 6: be om feedback och gör förbättringar

om du har skapat en blogg eller någon annan webbplats bör du bjuda in människor till den. Försök att få så mycket feedback som du sedan kan göra förbättringar.

FAQ för att lära sig webbdesign Brasilien

hur lång tid tar det att lära sig webbdesign?

webbdesigninlärning är en kontinuerlig process, men den kan läras på månader. Vanligtvis tar det dig 5 månader att lära dig HTML, CSS och grunderna i JavaScript. Du måste också spendera tid på designverktyg som Photoshop, Sketch och Mockplus.

dessutom ska du förstå webbstandarder, designprinciper, UX/UI-design, kompatibilitet mellan webbläsare och lyhördhet. Att lära sig alla dessa tar dig 3 till 4 månader.

och det viktigaste är att du är på väg att komma in i området för webbdesign efter alla dessa lektioner. Designen förändras, tekniken förändras så du måste fortsätta lära dig kontinuerligt.

kan jag bli Webbdesigner utan examen?

du kan bli Webbdesigner utan examen. För att vara webbdesigner är en examen inte ett måste, det du måste ha är ett intresse för programmering, kunskap om visuell design och kodning på ett språk för webbutveckling, liksom andra färdigheter i webbdesign. Men en examen kan öka dina chanser att bli anställd i de flesta fall.

vad kan jag göra efter att ha tagit en webbdesignkurs?

när du har slutfört en webbdesignkurs kan du ta upp ett levande projekt, sedan bli anställd i ett webbdesignföretag eller vara frilansare och leta efter projekt och kunder själv.

har webbdesign en framtid?

vi lever i en digital värld som är full av webbplatser. Framtiden är ganska lovande.

enligt Creative Group 2019 Salary Guide är front-end webbutvecklare ett av de högst betalda jobben inom kreativ och marknadsföring, tillsammans med UX-designers, användarupplevelseforskare, copywriters etc. Enligt Glassdoor får webbutvecklare betalt mellan $41.6 k-78.3 k per år och enligt PayScale erbjuds de $16.4 k – 34.6 k per år. Den genomsnittliga webbdesignerlönen är cirka 49 693 dollar.

är webbdesign lätt?

det kan verka enkelt i början eftersom du kan lära dig grunderna i HTML & CSS om några månader. Men när du avancerar i denna bransch, du kan finna det mer utmanande. Du måste kontinuerligt lära dig ny teknik för att hålla jämna steg med alla förändringar. Men om du är intresserad av att bygga webbplatser och webbapplikationer, då webbdesign kan vara lätt för dig.

slutsats

om du vill lära dig webbdesign på egen hand har ovanstående information allt du behöver för att börja. Sluta slösa bort din tid på Facebook eller Twitter ”letar efter svar”. Även om du kan bygga en designgemenskap på dessa plattformar kan du inte vara Webbdesigner genom att spendera tid mållöst. Så, hunker ner och börja lära. Ge aldrig upp lärande och lycka till dig!