hvis du er fast bestemt på å lære webdesign på egen hånd, er du på rett sted.
det er sant at webdesign kan være ganske komplisert og skremmende, men med utviklingen i teknologi og internett penetrasjon, har det vokst til episke proporsjoner. Det er ikke overraskende at å bli en webdesigner har blitt en populær trend i dagens generasjon.
i denne artikkelen vil jeg lede deg gjennom å lære webdesign med ressurser og tips. For nybegynnere som ønsker å ta inn i denne banen, kan du tjene denne artikkelen som en guide.
Trinn 1: Bestem deg og lage planer
Læring webdesign er en langsiktig oppgave som er full av utfordringer. Du må utfordre deg selv på alvor. Gjør opp tankene dine akkurat nå og lage planer basert på lærings guider som vi introduserer i denne artikkelen. Husk at du vil gjøre det på egen hånd hvis du begynner å lære webdesign gjennom praksis. Så vær klar!
Trinn 2: Få en grunnleggende forståelse av webdesign
«Hvordan kan jeg begynne å lære webdesign?»Dette er spørsmålet i tankene dine. For å grundig lære webdesign, bør du forstå svarene på minst følgende 2 spørsmål:
hva er webdesign?
folk misforstår ofte betydningen av webdesign.
hva er egentlig webdesign?
Visuell + interaksjon = webdesign
Webdesign handler om å løse problemer. Det involverer alle aspekter av et nettsted – kunsten, ferdighetene, vitenskapen og teknologien for å bygge utseendet og funksjonaliteten til et nettsted, samt hvordan brukerne samhandler med nettsider.
mange unge designere misforstår ofte begrepet webdesign med det for utvikling.
husk: webdesign handler om design, ikke om koding og front-end eller back-end utvikling.
selvfølgelig er det bedre hvis du kjenner noen kodende språk (HTML, CSS, Java, etc.), men du bør ikke komme deg dypt inn i front-end eller back-end utvikling hvis du vil være en fokusert webdesigner. Det er ikke kjernen i webdesign.
hva er webdesignprosessen?
Webdesign er ikke en enkel oppgave. Det er ganske utfordrende, men interessant å lage en tom side til et komplett nettsted. Hvordan kan du gjøre det?
du må følge de store fasene av webdesign prosessen. De er:
- Angi et mål
Bestem hvilken type nettsted du vil designe. Er det for e-handel, en bedrift, ny produktmarkedsføring eller et aktivitetsprosjekt?
hvis du ikke har noen anelse, så start med en blogg. For nye elever er å bygge en blogg et bedre valg enn å lage andre typer forseggjort nettsted.
- Lage en tidsplan
Lag en tidslinje for utforming av sidene. Tilordne oppgaver til alle som er involvert i webdesignprosjektet.
- Opprette Et Områdekart og wireframing
Brainstorm. Gjør ideer til en wireframe med en penn eller wireframing verktøy. Du må oversette tankene dine til noe håndgripelig, slik at du kan validere dem tidlig.
- Opprette Innhold
Legg til innhold med designelementer, visuelle effekter, kopier og interaksjoner. Dette er den fasen hvor du setter alle dine design og utvikling ferdigheter til å bruke. Du vil konvertere en tom side til en ferdig nettside i denne fasen.
- Testing
Test nettstedet ditt og samle nyttig tilbakemelding. Gjør det til du maksimerer kvaliteten på brukeropplevelsen, så vær klar til å starte.
- Lansering
Gjør nettstedet ditt tilgjengelig for besøkende og forbedre det basert på tilbakemeldingene som samles inn.
Du kan få en mer omfattende forståelse av webdesignprosessen ved å gå gjennom dette 43-minutters Webdesignkurset.
Trinn 3: Begynn å lære
når du setter deg opp og forstår grunnleggende av webdesign, kan du begynne å gå gjennom praktiske læringsressurser og tips.
Webdesign innebærer både visuelt utseende og funksjonell design. Det betyr at du trenger å lære 2 viktigste ting:
- Hvordan lage en nettside ser bra ut?
- hvordan gjør du et nettsted fungerer bra?
du må lære å designe grensesnitt (typografi, navigasjon, bilder, plass, animasjoner, farger, etc.), hvordan kode dem i et webutviklingsspråk (HTML, CSS, Python, SQL, Ruby eller JavaScript), samt optimalisere nettstedet ditt for søkemotorer.
Les webdesign lærebøker
En av de beste måtene å lære webdesign er gjennom å lese bøker. Her er 5 av de beste webdesign bøkene som er nyttige for de som ønsker å lære webdesign på egen hånd.
- HTML og CSS: Design Og Bygg Nettsteder
- Lær Webdesign: En Nybegynnerguide
- Ikke Få Meg Til Å Tenke: En Sunn Fornuft Tilnærming Til Web Brukervennlighet
- Læring webdesign
- Design Med Webstandarder
Les webdesign blogger
Hvis du ikke er en bokorm og finner å lese en kjedelig oppgave, kan du følge noen beste webdesign blogger for å holde hjernen din matet. Bruk blogger som et alternativ og abonnere på dine favoritt seg å unngå glipp av noe.
- Knusende Magasin
- Mockplus blogg
- Webdesigner Depot
- WEBDESIGNER BIBLIOTEK
- Hacking UI
- 1.webdesigner
- webappers
Lær Med Pdf-Innhold
noe virkelig nyttig innhold er tilgjengelig I Pdf-Format For Gratis Nedlasting. Du kan bruke den til å lære webdesign trinnvis. Dette er noen eksempler verdt tiden din.
- Webdesign – håndbok
- Læring Webdesign Tredje Utgave – Semantic Scholar
- Webdesign 101-MIT
- Bygg Ditt Eget Nettsted På Riktig Måte VED HJELP AV HTML & CSS-X-Files
- En Komplett Guide Til Webdesign.pdf-Online Christian Library
Lær av fagfolk
Følg webdesignere du ønsker å lære av på sosiale medier som Twitter, Dribbble, Behance, Github, og andre plattformer der de er aktive. Les deres innlegg, klikk på like-knappen for de som du setter pris på, og kommentere hvis du ønsker å legge til et punkt eller stille et spørsmål . Hvis du er heldig, kan du finne deg selv en mentor i et nettsamfunn eller en gruppe. Men ikke forstyrr dem og ta deres hjelp for gitt.
Webdesignere du kan følge:
- Ethan Marcotte
- Chris Coyier
- Ethan Marcotte
- Jeffrey Zeldman
- Luke Wroblewski
Lær av webdesign video tutorials
Det er mange Youtube-videoer tilgjengelig på nettet. Reduser tiden din på å se morsomme ting og bruk Youtube for å lære webdesign. Her anbefaler jeg 5 av de mest populære videoopplæringene. Nyt å se på.
- En Nybegynners Webdesign Opplæring for 2018-Del 1 av 2
- Webutvikling Tutorial For Nybegynnere 2018 / 2019-hvordan lage et nettsted
- Webdesign Tutorial For Nybegynnere
- HTML CSS Tutorial For Nybegynnere-Webutvikling Tutorials For Nybegynnere
- Den Komplette HTML Og CSS Webdesign Tutorials For Nybegynnere
Lær av online kurs
Gratis online kurs kan være en av de beste ressursene. Du kan også diskutere med andre elever.
- Class central
Lær Webutvikling med Gratis online kurs og MOOCs fra Johns Hopkins University, University Of Michigan, KU Leuven University, University Of California, Berkeley og andre toppuniversiteter rundt om i verden.
- Coursera
et flott nettsted for nybegynnere å lære webdesign. Du kan velge et kurs fra ønsket universitet og se hvor mange som lærer det. Med dataene som presenteres, har du mange valg mens du velger et kurs.
- Edx
det viser mange ressurser for å bygge designferdighetene dine og fremme karrieren din. Du kan lære emner trinnvis med varierende nivåer av i trinn av vanskeligheter.
- W3Schools
Nyttig for å lære grunnleggende koding språk SOM HTML og CSS.
- Google Code University
Lær hvordan du koder Fra google-utviklere.
- Kode Avengers
jeg liker spesielt denne læringswebsiden fordi det er akkurat som et stort eventyr som lar deg delta i kodingsutfordringsprogrammer og bugjakt.
Flere steder for webdesign online kurs：
- Treehouse
- Lynda
- Udemy
- Coursera
- Webdesign.tutsplus
Lær HTML grunnleggende og CSS
Du kan stille spørsmål, hvorfor skal jeg lære HTML? Generelt er det bra å bruke en webdesignapp som Dreamweaver. Men for tiden er de fleste nettsteder responsive HTML5-baserte, OG CSS er huden på et nettsted. Moderne webdesign er ikke mulig uten CSS. Lære HTML grunnleggende OG CSS vil hjelpe deg fremgang i webdesign.
Ressurser for Å lære HTML og CSS：
- 30 Dager For Å Lære HTML OG CSS
- En Nybegynners Guide TIL HTML & CSS
- Frykt Ikke Internett
- 8 Beste Gratis Responsive CSS Nettsted Maler
Du kan også bli Med CodePen Samfunnet. Dette er et åpen kildekode-fellesskap som lar deg redigere kodebiter og dele dem med andre.
Lær JavaScript
Foruten HTML og CSS Er JavaScript et viktig språk på nettet som du kan lære. Det er et verktøy som lar deg lage avanserte brukerinteraksjoner som parallax effekter og kraftige webapplikasjoner.
Ressurser For Å lære Javascript:
- 32 Av De Beste Stedene Å Lære JavaScript For Webutvikling Nybegynnere
- Topp 37 JavaScript Bøker for Nybegynnere og Erfarne Programmerere i 2019
Lær om webdesignelementer
Hvis du er god til observasjon, vil du finne at de fleste tiltalende moderne nettsteder har et godt arrangement av de grunnleggende nettsideelementene som:
1） Typografi
Typografi er nøkkelen til utmerket webdesign. Det sikrer lesbarhet av innhold og påvirker brukeropplevelsen direkte. Typografi er et viktig aspekt av alle moderne nettsteder, da det tilbyr både estetikk og funksjonalitet til sine besøkende.
Ressurser for å lære webtypografi:
- 17 Beste Typografi Design Nettsteder & Guider
- 30 Kreative Nettsteder Med Nydelig Typografi & Fargevalg
2）Animasjon og transformasjoner
Overganger og transformasjoner vil gi forbedrede brukerinteraksjoner til besøkende på nettstedet ditt. EN av de beste måtene å lage enkle animasjoner ER CSS overganger og transformasjoner. I tillegg er parallax rulleeffekter og horisontal rulle gode valg for nettsteder.
3）Fargevalg
fargekombinasjonene på et nettsted gjenspeiler den estetiske preferansen/stilen til en webdesigner og påvirker seerens oppfatning direkte. Du må lære Å Bruke Farge I UI-Design Klokt for Å Skape Et Perfekt UI-Grensesnitt.
4）
Personlige skrifter kan være morsomme eller uttrykksfulle, men er ikke alltid praktiske. Hvis du vil at et nettsted skal være lesbart og profesjonelt, velg den mest passende skrifttypen for den. Sjekk 20 Av De Beste Google Web Fonts For Utmerket Webdesign. De er gratis å bruke!
5）Layout
weblayoutdesign fokuserer på skjæringspunktet mellom teknologi og kunst. Web layout design refererer til kombinasjonen av visuelle elementer som tekst og bilder for å gjøre en side ser vakker og lett å navigere. Det er en viktig form for visuell kommunikasjon og en integrert del av webdesign. Her er 9 Av De Beste Nettstedet Layout Eksempler og Ideer.
6）Grafikk
Bilder gir folk et visuelt inntrykk som er mer intens enn tekst. De kan øke sjansene for å tiltrekke seg brukerens oppmerksomhet.
7）Responsiv design
Responsiv webdesign er en samling teknikker for å bygge nettsteder som fungerer på flere skjermstørrelser. Lær det med dette 47-minutters CSS-Kurset.
Lær det grunnleggende om wireframing/prototyping
Wireframing/prototyping er et viktig skritt for å legge grunnlaget for nettstedet ditt i hele webdesign og utviklingsprosessen. Det lar deg brainstormere, lage en blåkopi og få en klar ide om strukturen på nettstedet.
ikke forveksle de forskjellige begrepene. Gå Gjennom De Grunnleggende UI/UX – Designkonseptene: Forskjeller Mellom Wireframe, Prototype Og Mockup
Lær webdesignverktøy
Photoshop-UI design tool
Den kan brukes til å lage og forbedre fotografier, illustrasjoner, 3d-kunstverk, designwebsteder og mobilapper; redigere videoer, simulere virkelige malerier; og mer. Du kan lære å bruke gjennom noen av de 22 Beste Gratis Trinnvis Adobe Photoshop Tutorials For Nybegynnere.
Dreamweaver – webutviklingsverktøy
Det kan brukes til å lage dynamiske nettsider for flere plattformer og nettlesere. «Dreamweaver gjør det mulig for brukerne å designe, kode og administrere nettsteder, samt mobilinnhold. Dreamweaver er Et INTEGRERT Utviklingsmiljø (IDE) verktøy.»(Wikipedia). Begynn Med Nybegynnerens guide Til Dreamweaver.
mockplus-prototyping tool
Mockplus er en av de beste prototyping verktøy for webdesignere å lage en interaktiv web mockup. Du kan dra og slippe komponenter for å bygge et nettsted, og forhåndsvise DET I HTML eller andre formater. Du trenger bare 10 Minutter For å Starte Prototyping gratis.
Lær med en nettsidebygger
Å Starte med en nettsidebygger kan raskt hjelpe deg med å forstå de beste praksisene for å bygge og designe nettsteder. Med forhåndsdesignede maler og UI-sett kan du enkelt tilpasse elementer eller legge til kodebiter for å lage et nettsted som besøkende beundrer.
Nettstedbyggere, du kan prøve:
- Web Host Review
- Wix
- ConstantContact
- SITE123
- Jimdo
- WordPress
Lær SEO
Det er godt å ha en seo spesialist for å håndtere søkemotor ting. Men designet er ganske forbundet MED SEO fordi innholdet på nettstedet ditt leses av søkemotorer og spiller en rolle i rangering. Hvis DU vil designe ET SEO-optimalisert nettsted, er det et must å vite det grunnleggende OM SEO. I det minste bør du vite om meta beskrivelser på sider og elementer.
Lær Designtrender
Designtrender endrer seg raskt. Du må være klar over de nyeste designtrendene og webutviklingsteknologiene for å designe et moderne nettsted. Du kan bare gå gjennom Topp 10 Må-Vite Webdesign Trender og Eksempler i 2019 for inspirasjon.
Trinn 4: Start med en wireframe
Start webdesignprosessen med en wireframe. Wireframing hjelper en webdesignere i brainstorming og validere sine tanker tidlig. Start wireframing med 10 Praktiske Tips for Å Skissere Wireframes.
Trinn 5: Bruk det du har lært til å designe et nettsted
nå er tiden du tester det du har lært I Trinn 3. Du må lære webdesign ved å gjøre det. Da vil du vite hva du forstår og hva du ikke gjør. så fortsett å lære og fortsett å gå.
Trinn 6: Be om tilbakemelding og gjør forbedringer
hvis du har opprettet en blogg eller et annet nettsted, bør du invitere folk til det. Prøv å få så mye tilbakemelding som du kan gjøre forbedringer.
VANLIGE SPØRSMÅL om å lære webdesign：
Hvor lang tid tar det å lære webdesign?
Webdesign læring er en kontinuerlig prosess, men det kan læres i måneder. Vanligvis vil det ta deg 5 måneder å lære HTML, CSS og grunnleggende Om JavaScript. Du må også bruke tid på designverktøy som Photoshop, Sketch og Mockplus.
i tillegg skal du forstå webstandarder, designprinsipper, UX/UI-design, kompatibilitet på tvers av nettleseren og respons. Å lære alle disse vil ta deg 3 til 4 måneder.
og det viktigste er at du er bare om å gå inn i feltet av webdesign etter alle disse leksjonene. Designet endrer seg, teknologien endrer seg, så du må fortsette å lære kontinuerlig.
Kan jeg bli webdesigner uten en grad?
du kan bli en webdesigner uten en grad. For å være en webdesigner, er en grad ikke et must, hva du må ha er en interesse i programmering, kunnskap om visuell design og koding det i et språk av webutvikling, samt andre ferdigheter i webdesign. Men en grad kan øke sjansene for å bli ansatt i de fleste tilfeller.
Hva kan jeg gjøre etter å ha tatt et webdesignkurs?
etter at du har fullført et webdesignkurs, kan du ta opp et live-prosjekt, deretter bli ansatt i et webdesignfirma eller være frilanser og se etter prosjekter og kunder selv.
har webdesign en fremtid?
Vi lever i en digital verden som er full av nettsteder. Fremtiden er ganske lovende.
Ifølge Creative Group 2019 Salary Guide er front-end webutvikler en av de høyest betalte jobbene innen kreativt og markedsføringsfelt, sammen med UX-designere, brukeropplevelsesforskere, tekstforfattere, etc. Ifølge Glassdoor får webutviklere betalt mellom $41.6 k-78.3 k i året, og ifølge PayScale tilbys de $16.4 k-34.6 k i året. Gjennomsnittlig webdesigner lønn er rundt $ 49,693.
er webdesign enkelt?
DET kan virke enkelt i begynnelsen fordi du kan lære grunnleggende HTML & CSS i et par måneder. Men som du avanserer i denne bransjen, kan du finne det mer utfordrende. Du må kontinuerlig lære ny teknologi for å holde tritt med alle endringene. Men hvis du er interessert i å bygge nettsteder og webapplikasjoner, kan webdesign være enkelt for deg.
Konklusjon
hvis du vil lære webdesign på egen hånd, har informasjonen ovenfor alt du trenger for å starte. Slutte å kaste bort tiden din På Facebook Eller Twitter «leter etter svar». Selv om du kan bygge et designfellesskap på disse plattformene, kan du ikke være en webdesigner ved å bruke tid uten mål. Så, hunker ned og begynne å lære. Aldri gi opp på læring og lykke til deg!