er å lære grunnleggende om webdesign fortsatt på din» en dag » – liste? Hvorfor har du ikke begynt ennå? Vi har satt sammen 30 tips og ressurser for å hjelpe deg med å begynne å lære webdesign denne måneden (og kanskje til og med finne deg en ny karrierevei!)

Grafiske designere, utskriftsdesignere og reklamer som ønsker å lære noe nytt eller bryte seg inn på nettstedet, må slutte å utsette. Hver dag som du ikke tar det første skrittet etterlater deg en dag lenger bak alle andre!

Følg disse trinnene for å begynne å lære å lage din første nettside, beste praksis i bransjen, og mye mer—alt i 30 dager!

Start Et Nettsted

den beste måten å begynne å lære webdesign er å begynne å gjøre det. Det er råd Fra David Kadavy, forfatter Av Design<For> Hackere.

jeg anbefaler at du starter en blogg. Jeg startet en blogg bare for å ha en webdesign lekeplass, og 7 år senere lanserte jeg en bestselgende bok om emnet. Å ha et personlig prosjekt, for eksempel en blogg, gir deg et sted hvor du kan prøve nye ting, og sjefen din vil ikke brenne deg hvis du ødelegger.

Du trenger ikke å starte med en massiv nettside eller gal design; begynn liten. Spill med nettsiden, finne ut hva som gjør ting fungerer. (Og sørg for å inspisere koden, slik at du kan begynne å bli kjent med hva som gjør at nettstedet ditt fungerer.)

Vil du komme i gang raskt? En nettsidebygger Som Wix kan bidra til å gi deg et forsprang med et stilig nettsteddesign, når du begynner å lære konseptene og byggesteinene for hva som går inn i et nettsted.

Les Alt du kan

begynn å lese. Fordi du er på denne bloggen, er du sannsynligvis vant til å holde styr på hva som skjer i verden av design. Fortsett å lese.

Les alt du kan om webdesign, trender, teknikker og beste praksis. Følg designere du beundrer på sosiale medier.

Kastet et stort nett for webdesign lesing også. Les om det grunnleggende for å lære litt kode, les om designteori og les opplæringsprogrammer og aktuelle artikler.

Vær En Effektiv Kommunikator

hvis du ikke er den mest artikulerte personen, bør du friske opp disse ferdighetene. En stor del av webdesign er kommunikasjon.Webdesignere må kommunisere med klienter regelmessig for å finne ut hvilket problem designet må løse; De må kommunisere disse løsningene og implementere dem også.

Abonner På Tuts+ & Envato Elements

Vurder et abonnement På Envato Elements, som også gir deg tilgang til den utmerkede Tuts+ læringsressursen.Tuts + publiser vanlige kurs på grafisk og webdesign, fra grunnleggende teknikker, gjennom til de nyeste avanserte tilnærminger og utvikling. Det er helt selvstyrt, undervist av sakkyndige instruktører. Du får også tilgang Til Envato Elements, som er en flott ressurs for å finne grafikk, maler og mer for å plugge inn i webdesignarbeidet ditt.

Tenk I HTML

HTML, eller hypertext markup language, er en hjørnestein i webdesign. HTML ER skjelettet som bidrar til å skape strukturen på et nettsted, og når du kan lese språket, vil verden av webdesign gjøre mye mer fornuftig.W3Schools har en flott HTML starter tutorial med hundrevis AV HTML eksempler som du kan spille med på skjermen for å se hva som skjer og nøyaktig hvordan det fungerer. (Du kan finne det mer intuitivt enn du trodde.)

Spill Med Kode På Codeacademy

MENS HTML er EN god start, kan du lære nesten alle programmeringsspråk Fra Codeacademy. Den gratis sett med verktøy lærer deg å kode ved hjelp av interaktive aktiviteter og spill.

Du kan plukke opp Et Codeacademy kurs hvor og når du trenger det og starte og stoppe etter behov. Velg et emne for å lære-webutvikling, programmering, datavitenskap – eller språk for Å fokusere PÅ – HTML & CSS (et flott sted å starte), Python, Java, SQL, Ruby og mer.

Lær Å Forstå CSS

CSS, ELLER cascading style sheets, definer presentasjonen av et dokument skrevet I HTML, ELLER XML og SVG.

Som Definert Av Mozilla

CSS beskriver hvordan elementer skal gjengis på skjerm, på papir, i tale eller på andre medier.

Mozilla har også en flott samling AV CSS-ressurser for å komme i gang, med en solid innføring av HVORDAN CSS fungerer, inkludert velgere og egenskaper, skrive CSS-regler, bruke CSS TIL HTML, hvordan du angir lengde, farge og andre enheter I CSS, cascade og arv, box model basics, og debugging CSS. Deretter moduler gå videre for å forklare styling tekst og bokser.

Bruk Dine Designferdigheter på Nettet

hvis du allerede jobber i et kreativt eller grafisk designfelt, tenk på de tingene du allerede vet at du også kan søke på webdesign. Prinsippene som gjør noe visuelt tiltalende endres ikke basert på medium, og alt som designteori vil komme til nytte i det digitale rommet også.mens elementer som læringskode kanskje ikke føles naturlige, er det en stor bonus å ha en designbakgrunn. Hva er vitsen med et vakkert kodet nettsted hvis ikke man ønsker å samhandle med det?

Vær Oppmerksom på Nettsteder du Elsker

legg merke til nettsteder du elsker. Hva med dem appellerer til deg? (Og hvordan kan du lære å gjenskape disse elementene?) Vær oppmerksom på:

• Typografi
• Navigasjon
• Bruk av bilder og plass
• Design av skjemaer
• Animasjon og rulleeffekter
• Farge

Tegne En Wireframe

wireframing er en webdesigners brainstorming.

i sin reneste form er en wireframe en skisse av hva nettstedet vil være. Det er ikke en oversikt over estetiske elementer, snarere en blåkopi av nettstedet. Tegne en wireframe handler egentlig ikke om utseendet på dette designet, det handler om informasjonsstrukturen deri.

Ikke sikker på hvordan du lager en wireframe? Digital Telepati har en guide av beste praksis for å hjelpe deg å lære.

Ta Deg Tid til Å Lære Skisse

Skisse er et vektor-tegneverktøy For Mac som gjør det enkelt å lage designelementer. Mange designere er å snu Til Skisse for å lage UI elementer og gjenta design blokker.

Den er fullpakket med plugins og lar deg eksportere kode for enkel bruk og tilgang. Det er et av De kraftigste og mest populære verktøyene siden Adobes Creative Suite, og det er verdt tiden din.

Hold Deg Oppdatert med Teknologi

AI, VR, AR, 360-graders video, bots.

det kan være vanskelig å holde tritt med så mange nye teknologier og trend. Men du må gjøre et poeng å holde deg på toppen av disse endringene.

Takle dem en om gangen og start med teknologier som er mest direkte relatert til arbeidet du gjør. Hvis du har et nettsted med online chat, start med å lære om bots. Eller hvis du bruker mye videoinnhold, kan du leke med 360-graders video.Elementer som kunstig intelligens og virtuell eller forstørret virkelighet er enda mer komplekse, men vil sannsynligvis bli integrerte deler av webdesignlandskapet nedover veien. I det minste bør du vite hva de er og hva de potensielle bruksområdene kan være.

Bli Komfortabel MED SEO

mens mange webdesignere tror AT EN SEO-spesialist kan håndtere å få et nettsted klar for søkemotorer å lese, er det mye designarbeid som er koblet TIL SEO.

fra måten bilder lastes opp til å lage ren kode som er rask til å inkludere meta beskrivelser på sider og elementer, bør designeren innlemme søketanking i arbeidsflyten.

Frilansere, dette er viktig for deg også. De fleste kunder er kunnskapsrike nok til å be om ET SEO-optimalisert nettsted. Hvis Du jobber alene, må Du vite nok til å skape et solid rammeverk Som Google kan lese (Og kunne henvise klienten til EN SEO-spesialist hvis mer arbeid må gjøres).

Spill med En Nettsidebygger

en nettsidebygger kan være en fin måte å bli komfortabel med beste praksis og hvordan du begynner å bygge og designe nettsteder.

De fleste av disse verktøyene har mange maler og lar deg tilpasse elementer og til og med legge til kodebiter. For enkle nettsteder har mange nettstedbyggere også en gratis plan hvor du kan lage en personlig porteføljeside eller grunnleggende nettside som fungerer som en lekeplass for deg.

velg deretter bitene i nettsidebyggeren. Se på hvordan de er utformet og kodet for å få en følelse for hvordan det hele kommer sammen. Du vil bli overrasket over hva du kan finne ut bare ved å plukke en annen design fra hverandre.

Finn En Mentor

Er det noen du jobber med som du beundrer som webdesigner? Ta dem til lunsj og plukke deres hjerne om bransjen.Å Finne en mentor som er villig til å jobbe med deg og hjelpe deg med å tenke på feltet og hvordan du lærer webdesign på egen hånd, kan være uvurderlig. Og mens du kan sikkert finne en mentor i et nettsamfunn, ingenting er bedre enn en levende person som du kan møte ansikt til ansikt med jevne mellomrom. (Kanskje det er verdt å ha online og personlig mentorer.)

Bli Med I CodePen-Fellesskapet

Når du begynner å bli komfortabel med litt kode og programmering, vil du bli Med I CodePen-fellesskapet. Open-source-fellesskapet lar deg dele og redigere kodebiter i et sosialt nettverk.

Her er litt mer fra nettstedets grunnleggere: «CodePen er et sosialt utviklingsmiljø. På sitt hjerte, det kan du skrive kode i nettleseren, og se resultatene av det som du bygger. Et nyttig og frigjørende verktøy for utviklere av alle ferdigheter, og spesielt styrke for folk å lære å kode. Vi fokuserer primært på front-end språk SOM HTML, CSS, JavaScript og forbehandling syntaxes som blir til disse tingene.»

Ta En Klasse

for noen elever er en mer formell klasseromsinnstilling best.Det er massevis av klasser tilgjengelig-i-person og online – for deg å lære webdesign grunnleggende. Start med en lokal høyskole eller online læringshubber som Udemy eller Coursera. Plukk opp en klasse på ditt nåværende ferdighetsnivå og bare fortsett fremover.

Vil Du Gjøre noe? Google It

for den ikke-så-tradisjonelle-eleven, finn svaret på webdesignproblemet På Google. Det er så mange tutorials og videoer tilgjengelig som kan lede deg gjennom nesten alle problem-og løsning.

nøkkelen er å søke nøyaktig hva du trenger å vite og se til en anerkjent kilde for svaret. Her er et annet tips når det gjelder opplæringsprogrammer og videoer – nyere innhold vil trolig gi deg et bedre, mer komplett og mer relevant svar. (Husk at noen av disse tingene endrer seg raskt.)

Vær Oppmerksom på Brukeropplevelsen

Ingenting kan gjøre eller ødelegge et nettsted som user experience design. Du må planlegge for det og forstå det.

Slik Beskriver Interaction Design Foundation UX design:

User experience (UX) design er prosessen med å skape produkter som gir meningsfulle og personlig relevante opplevelser. Dette innebærer forsiktig utforming av både produktets brukervennlighet og gleden forbrukerne vil utlede fra å bruke den. Det er også opptatt av hele prosessen med å anskaffe og integrere produktet, inkludert aspekter av merkevarebygging, design, brukervennlighet og funksjon.

UX designere, eller designere som er klar over prosessen med erfaringsdannelse, søker å skape og forme faktorene som påvirker prosessen bevisst. FOR å gjøre Dette vil EN ux-designer vurdere Hvorfor, Hva Og Hvordan produktbruk.

Vær Oppmerksom På Designtrender

hvordan ser et moderne webdesign ut? Det er ikke et lurespørsmål. For å designe moderne nettsteder og brukeropplevelser må du vite hva brukerne vil ha og hvordan de samhandler med det. Hvis siste gang du lastet ned en app eller så på et nettsted på telefonen din, var 2016, har du mye grunn til å gjøre opp.

Opprette webdesign som har moderne innslag og trender integrert i design vil hjelpe dine prosjekter skiller seg ut. Hvordan vet du hva som er trending? Fortsett å lese nettsteder som dette og vær oppmerksom på hva andre designere gjør. Legg merke til farger og stiler og funksjoner som er inkludert i nettstedene du besøker ofte.

Opprett Uten Farge

Start hvert design uten farge. En flott designer fortalte meg en gang at hvis designet ditt fungerer i svart og hvitt, vil det være feilfritt i fargen.

Det kan ikke alltid holde, men det er et godt utgangspunkt.

ved å lage design i svart og hvitt, kan du se hvor elementer kontrast og hvordan de spiller sammen. Du har fjernet noen følelsesmessige foreninger med farge eller øyebevegelser som skjer på grunn av det. Denne enkleste form for design vil gi deg en ide om noe fungerer som et konsept før du går videre til å fullføre det.

Lær Å Elske Google Fonts

Google Fonts er din venn.

uansett hvordan Du føler Om Google, muligheten til å bla gjennom, sortere og velge skrifttyper som du vet vil fungere i webdesign er viktig. Du trenger ikke å tenke på lisensiering eller om skrifttyper er kompatible med bestemte nettlesere eller ikke.

begrensningen er at Du bare har Det Som er I Google Fonts-biblioteket for å jobbe med. Men hvis du prøver kan du finne noe som passer nesten alle prosjekt. Det vil spare deg for mye tid i det lange løp.

Plukk fra HVERANDRE ET UI Kit

Last ned et brukergrensesnitt eller ikon kit og plukke den fra hverandre.

Akkurat som du kan inspisere koden til et nettsted, se på hvordan designelementer er konstruert for nettet. Legg merke til skalaen og rutenettet, se på fargemiksene og hvordan filer er organisert I Photoshop eller Illustrator.

Se etter et nedlastingssett som inneholder elementer i flere formater for skjermer med høy oppløsning. (Nedlasting av En haug Med Jpeg kommer ikke til å tjene deg så bra.)

prøv deretter å bygge eller tilpasse et element eller to av dine egne.

Bli Typograf

Moderne webdesign har et sterkt fokus på typografi … god typografi . Fra heltoverskrifter med gigantiske ord til lag med tekst som trekker en bruker inn i designet, er det viktig å forstå prinsippene for hvordan man parer typeelementer og konstruerer engasjerende tekstblokker.

Start Med Ellen Luptons Tenkning Med Type. Det finnes også en bok med samme navn.) Lupton er autoriteten på typografi, og hennes informasjon vil få deg til å tenke som en typograf på kort tid.

Hopp inn I JavaScript

når du begynner å føle deg ganske bra om dabbling med webdesign, utfordre deg selv igjen for å lære JavaScript. ETTER HTML og CSS er det det viktigste språket på nettet.

JavaScript Er et verktøy som lar designere implementere komplekse ting og samhandling på nettsider. Det er det som gjør en glidebryter eller at parallax animasjon animere.

Lær JS har en interaktiv tutorial for å hjelpe deg i gang.

Oppdater Porteføljen din

når du begynner å designe for nettet, må du oppdatere porteføljen din med webdesignprosjekter. Denne enkle handlingen vil hjelpe deg å vise deg selv … og andre … at webdesign er en del av repertoaret ditt.

en oppdatert portefølje kan hjelpe potensielle kunder med å se hvordan din «stil» ser ut. Sørg for å vise frem oppsett, farger, typografi og forskjellige teknikker som viser hva du kan gjøre.

Utfordre deg selv

Med så mange snarveier og kodebiter for å hjelpe deg med å fikse nesten ethvert nettstedsproblem du har, ikke bli lat. Husk å utfordre deg selv kontinuerlig for å lære nye ferdigheter, ny teknologi og fortsette å forbedre ditt webdesignspill.

den ene tingen om dette feltet er at det er i stadig endring; det er alltid noe nytt å lære eller prøve.

Maksimer Opplevelsen

Kom deg ut og design. Du må begynne å designe nettsteder for å være en webdesigner.

Start små, men ta på prosjekter med andre. Be om å bli med på et prosjekt med et team på jobb. Takle en liten nettside for en venn. Jo mer erfaring du har bygge nettsteder, jo bedre og raskere får du.

hva venter du på? Slutt å utsette.

Be Om Tilbakemelding

Bruk nettverket ditt til å samle tilbakemelding på webdesignprosjektene dine, uansett hvor liten du tror de er. Lytt til denne tilbakemeldingen – selv om du ikke liker det og se hva du kan lære.

Bortsett fra visuell preferanse, kom personen som gir tilbakemelding med forslag til å gjøre nettstedet bedre? Kan de lett forstå målet med designet? Hadde de kontakt med meldinger?

Fortsett Å Lære Nye ting

for å være en flott nettside designer, trenger du bare å fortsette å spille, prøve og lære nye ting. Gjør et poeng å nettverk og kommunisere med andre i feltet, slik at du kan holde deg på toppen av teknikker og visuelle endringer som er etterspurt.

hvis du ønsker å lære webdesign, er dette sannsynligvis allerede noe du regelmessig gjør. Men dette er et utviklende felt, og det endrer seg nesten hver dag. Bare spør alle som gjør det.