er det at lære det grundlæggende i internetdesign stadig på din “en dag” liste? Hvorfor er du ikke begyndt endnu? Vi har sammensat 30 tip og ressourcer til at hjælpe dig med at begynde at lære internetdesign denne måned (og måske endda finde dig selv en ny karrierevej!)

grafiske designere, trykte designere og reklamer, der ønsker at lære noget nyt eller bryde ind på hjemmesiden, skal stoppe med at udsætte. Hver dag, du ikke tager det første skridt, efterlader dig en dag længere bag alle andre!

Følg disse trin for at begynde at lære, hvordan du opretter din første hjemmeside, branchens bedste praksis og meget mere—alt sammen på 30 dage!

Start en hjemmeside

den bedste måde at begynde at lære internetdesign er at begynde at gøre det. Det er råd fra David Kadavy, forfatter af Design <for> hackere.

Jeg anbefaler, at du starter en blog. Jeg startede en blog bare for at have en legeplads, og 7 år senere lancerede jeg en bedst sælgende bog om emnet. At have et personligt projekt, såsom en blog, giver dig et sted, hvor du kan prøve nye ting, og din chef fyrer dig ikke, hvis du ødelægger.

Du behøver ikke at starte med en massiv hjemmeside eller skøre design; starte små. Spil med hjemmesiden, find ud af, hvad der får tingene til at fungere. (Og sørg for at inspicere koden, så du kan begynde at blive fortrolig med, hvad der får din hjemmeside til at fungere.)

vil du komme hurtigt i gang? En hjemmesidebygger kan hjælpe med at give dig et forspring med et stilfuldt hjemmesidedesign, når du begynder at lære begreberne og byggestenene i, hvad der går ind på en hjemmeside.

Læs alt, hvad du kan

start læsning. Fordi du er på denne blog, er du sandsynligvis vant til at holde styr på, hvad der sker i designverdenen. Fortsæt med at læse.

Læs alt, hvad du kan om hjemmesidedesign, trends, teknikker og bedste praksis. Følg designere, du beundrer på sociale medier.

Cast et bredt net til din hjemmeside design læsning samt. Læs om det grundlæggende for at lære noget kode, læse om designteori og læse tutorials og aktuelle artikler.

Vær en effektiv kommunikator

Hvis du ikke er den mest artikulerede person, børste op på disse færdigheder. En stor del af hjemmesiden design er kommunikation.

hjemmesidedesignere skal kommunikere med klienter regelmæssigt for at finde ud af, hvilket problem designet skal løse; de skal kommunikere disse løsninger og implementere dem også.

Abonner på Tuts+& Envato Elements

overvej et abonnement på Envato Elements, som også giver dig adgang til den fremragende Tuts+ læringsressource.

Tuts+ offentliggør regelmæssige kurser om grafisk og internetdesign, fra grundlæggende teknikker til de nyeste avancerede tilgange og udviklinger. Det er helt selvstændigt, undervist af ekspertinstruktører. Du får også adgang til Envato Elements, som er en fantastisk ressource til at finde grafik, skabeloner og mere til at tilslutte til dit designarbejde.

Tænk i HTML

HTML, eller hypertekst markup sprog, er en hjørnesten i hjemmeside design. HTML er det skelet, der hjælper med at skabe strukturen af en hjemmeside, og når du kan læse sproget, vil en verden af hjemmeside design gøre en masse mere mening.3schools har en fantastisk HTML starter tutorial med hundredvis af HTML eksempler, som du kan spille med på skærmen for at se, hvad der sker, og præcis hvordan det virker. (Du kan finde det mere intuitivt, end du forestillede dig.)

spil med kode på Codeacademy

mens HTML er en god start, kan du lære næsten ethvert programmeringssprog fra Codeacademy. Det gratis sæt værktøjer lærer dig at kode ved hjælp af interaktive aktiviteter og spil.

Du kan hente et Codeacademy-kursus, hvor og hvornår du har brug for det, og starte og stoppe efter behov. Vælg et emne at lære – internetudvikling, programmering, datalogi – eller sprog at fokusere på – HTML & CSS (et godt sted at starte), Python, Java, Ruby og meget mere.

Lær at forstå CSS

CSS, eller cascading style sheets, definere præsentationen af et dokument skrevet i HTML eller HML og SVG.

som defineret af

CSS beskriver, hvordan elementer skal gengives på skærmen, på papir, i Tale eller på andre medier.

Mosilla har også en stor samling af CSS-ressourcer til at komme i gang med en solid introduktion af, hvordan CSS fungerer, inklusive vælgere og egenskaber, skrivning af CSS-regler, anvendelse af CSS til HTML, hvordan man angiver længde, farve og andre enheder i CSS, kaskade og arv, grundlæggende boksmodeller og debugging CSS. Derefter går moduler videre for at forklare styling tekst og kasser.

Anvend dine designfærdigheder på internettet

Hvis du allerede arbejder i et kreativt eller grafisk designfelt, skal du tænke på de ting, du allerede ved, at du også kan anvende til hjemmesidedesign. De principper, der gør noget visuelt tiltalende, ændres ikke baseret på medium, og al den designteori vil også være praktisk i det digitale rum.

mens elementer som læringskode måske ikke føles naturlige, er det en enorm bonus at have en designbaggrund. Hvad godt er en smukt kodet hjemmeside, hvis ikke man ønsker at interagere med det?

Vær opmærksom på hjemmesider, du elsker

vær opmærksom på hjemmesider, du elsker. Hvad med dem appellerer til dig? (Og hvordan kan du lære at replikere disse elementer?) Vær opmærksom på:

• typografi
• Navigation
• design af formularer
• Animation og scroll effekter
• farve

Tegn en trådramme

brainstorming er en hjemmeside designers brainstorming.

i sin reneste form er en trådramme en skitse af, hvad hjemmesiden vil være. Det er ikke en oversigt over æstetiske elementer, snarere en plan for hjemmesiden. Tegning af en trådramme handler ikke rigtig om udseendet af dette design, det handler om informationsstrukturen deri.

Ikke sikker på, hvordan du opretter en ramme? Digital Telepathy har en guide til bedste praksis, der hjælper dig med at lære.

Tag dig tid til at lære Sketch

Sketch er et vektortegningsværktøj til Mac, der gør det nemt at oprette designelementer. Mange designere vender sig til skitse for at skabe UI-elementer og gentage designblokke.

det er fyldt med plugins og giver dig mulighed for at eksportere kode for nem brug og adgang. Det er et af de mest kraftfulde og populære værktøjer til at komme rundt siden Adobes Kreative Suite og værd at bruge tid.

Hold dig opdateret med teknologi

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

det kan være svært at holde trit med så mange nye teknologier og trend. Men du skal gøre et punkt for at holde øje med disse ændringer.takle dem en ad gangen og start med teknologier, der er mest direkte relateret til det arbejde, du udfører. Hvis du har en hjemmeside med online chat, starte med at lære om bots. Eller hvis du bruger meget videoindhold, skal du lege med 360-graders video.

elementer som kunstig intelligens og virtuel eller augmented reality er endnu mere komplekse, men vil sandsynligvis blive integrerede dele af hjemmesiden design landskab ned ad vejen. I det mindste skal du vide, hvad de er, og hvad de potentielle anvendelser kan være.

Bliv fortrolig med SEO

mens mange internetdesignere tror, at en SEO-specialist kan håndtere at få en hjemmeside klar til søgemaskiner at læse, er der en masse designarbejde, der er forbundet med SEO.

fra den måde, hvorpå billeder uploades til oprettelse af ren kode, der er hurtig til at inkludere metabeskrivelser på sider og elementer, skal designeren indarbejde søgetænkning i deres arbejdsgang.

freelancere, dette er også meget vigtigt for dig. De fleste kunder er kyndige nok til at bede om en SEO-optimeret hjemmeside. Hvis du arbejder alene, skal du vide nok til at skabe en solid ramme, som Google kan læse (og være i stand til at henvise klienten til en SEO-specialist, hvis der skal gøres mere arbejde).

spil med en hjemmesidebygger

en hjemmesidebygger kan være en god måde at blive fortrolig med bedste praksis og hvordan man begynder at bygge og designe hjemmesider.

de fleste af disse værktøjer har masser af skabeloner og giver dig mulighed for at tilpasse elementer og endda tilføje kodestykker. For simple sites, mange Hjemmeside bygherrer har også en gratis plan, hvor du kan oprette en personlig portefølje side eller grundlæggende hjemmeside, der fungerer som en legeplads for dig.

vælg derefter stykkerne i Hjemmesideprogrammet. Se på, hvordan de er designet og kodet for at få en fornemmelse for, hvordan det hele kommer sammen. Du vil blive overrasket over, hvad du kan finde ud af bare ved at vælge et andet design fra hinanden.

Find en Mentor

er der nogen, du arbejder med, som du beundrer som designer? Tag dem til frokost og vælg deres hjerne om branchen.

det kan være uvurderligt at finde en mentor, der er villig til at arbejde sammen med dig og hjælpe dig med at tænke over feltet, og hvordan du lærer design på egen hånd. Og mens du sandsynligvis kan finde en mentor i et online community, intet er bedre end en levende person, som du regelmæssigt kan møde ansigt til ansigt. (Måske er det værd at have online og personlige mentorer.)

Deltag i CodePen-Fællesskabet

Når du begynder at blive fortrolig med noget kode og programmering, vil du deltage i CodePen-samfundet. Open source-fællesskabet giver dig mulighed for at dele og redigere kodestykker i et socialt netværk af slags.

Her er lidt mere fra stedets grundlæggere: “CodePen er et socialt udviklingsmiljø. I hjertet giver det dig mulighed for at skrive kode i Bro.sereren og se resultaterne af den, mens du bygger. Et nyttigt og befriende værktøj til udviklere af enhver færdighed, og især bemyndigelse for folk, der lærer at kode. Vi fokuserer primært på front-end sprog som HTML, CSS, JavaScript og forbehandling syntakser, der bliver til disse ting.”

tag en klasse

for nogle elever er en mere formel klasseværelsesindstilling bedst.

der er masser af klasser tilgængelige – personligt og online-for dig at lære grundlæggende design. Start med et lokalt college eller online læringsknudepunkter som Udemy eller Coursera. Saml en klasse på din nuværende evne niveau og bare holde bevæger sig fremad.

vil du gøre noget? Google it

for den ikke så traditionelle lærer skal du finde svaret på internetdesignproblemet på Google. Der er så mange tutorials og videoer til rådighed, der kan lede dig gennem næsten ethvert problem – og løsning.

nøglen er at søge nøjagtigt, hvad du har brug for at vide, og se til en velrenommeret kilde for svaret. Her er et andet tip, når det kommer til tutorials og videoer – nyere indhold vil sandsynligvis give dig et bedre, mere komplet og mere relevant svar. (Husk, nogle af disse ting ændrer sig hurtigt .)

Vær opmærksom på brugeroplevelsen

intet kan gøre eller bryde en hjemmeside som brugeroplevelsesdesign. Du er nødt til at planlægge for det og forstå det.

sådan beskriver Interaction Design Foundation design:

design af brugeroplevelse er processen med at skabe produkter, der giver meningsfulde og personligt relevante oplevelser. Dette indebærer omhyggelig design af både et produkts anvendelighed og den glæde forbrugerne vil udlede fra at bruge det. Det handler også om hele processen med at erhverve og integrere produktet, herunder aspekter af branding, design, brugervenlighed og funktion.

designere, eller designere, der er opmærksomme på processen med erfaringsdannelse, søger at skabe og forme de faktorer, der påvirker processen bevidst. For at gøre dette vil en designer overveje hvorfor, hvad og hvordan produktbrug.

Vær opmærksom på designtendenser

hvordan ser et moderne hjemmeside design ud? Det er ikke et trick spørgsmål. For at designe moderne hjemmesider og brugeroplevelser skal du vide, hvad brugerne ønsker, og hvordan de interagerer med det. Hvis sidste gang du hentede en app eller kiggede på en hjemmeside på din telefon var 2016, har du en masse grund til at gøre op.

oprettelse af hjemmesidedesign, der har moderne detaljer og tendenser integreret i designet, hjælper dine projekter med at skille sig ud. Hvordan ved du, hvad der er trend? Fortsæt med at læse sider som dette, og vær opmærksom på, hvad andre designere laver. Vær opmærksom på farver og stilarter og funktioner, der er inkluderet i de hjemmesider, du besøger ofte.

Opret uden farve

Start hvert design uden farve. En stor designer fortalte mig engang, at hvis dit design fungerer i sort / hvid, vil det være fejlfri i farve.

det holder måske ikke altid, men det er et godt udgangspunkt.

Ved at oprette designs i sort / hvid kan du se, hvor elementer kontrasterer, og hvordan de spiller sammen. Du har fjernet enhver følelsesmæssig tilknytning til farve-eller øjenbevægelse, der sker på grund af det. Denne enkleste form for design vil give dig en ide, hvis noget fungerer som et koncept, før du går videre til at færdiggøre det.

Lær at elske Google Fonts

Google Fonts er din ven.

uanset hvordan du har det med Google, er muligheden for at gennemse, sortere og vælge skrifttyper, som du ved, fungerer i hjemmesidedesign, vigtig. Du behøver ikke at tænke på licensering, eller hvis skrifttyper er kompatible med specifikke bro.sere eller ej.

begrænsningen er, at du kun har det, der er i Google Fonts-biblioteket, du kan arbejde med. Men hvis du prøver, kan du finde noget, der passer til næsten ethvert projekt. Det sparer dig meget tid i det lange løb.

Vælg et UI-sæt

Hent en brugergrænseflade eller et ikonsæt, og vælg det fra hinanden.

ligesom du kan inspicere koden på en hjemmeside, skal du se på, hvordan designelementer er konstrueret til internettet. Vær opmærksom på skalaen og gitteret, se på farveblandingerne, og hvordan filer er organiseret i Photoshop eller Illustrator.

se efter et sæt, der kan hentes, og som indeholder elementer i flere formater til skærme med høj opløsning. (Hentning af en flok JPEG ‘ er vil ikke tjene dig så godt.)

prøv derefter at opbygge eller tilpasse et element eller to af dine egne.

Bliv typograf

moderne hjemmeside design har et stærkt fokus på typografi … god typografi. Fra helteoverskrifter med kæmpe ord til lag med tekst, der trækker en bruger ind i designet, det er vigtigt at forstå principperne for, hvordan man parrer typeelementer og konstruerer engagerende tekstblokke.

Start med Ellen Luptons tænkning med Type. (Der er også en bog med samme navn .) Lupton er autoriteten på typografi, og hendes oplysninger vil få dig til at tænke som en typograf på ingen tid.

gå ind i JavaScript

når du begynder at føle dig ret godt om at dabble med internetdesign, udfordre dig selv igen for at lære JavaScript. Efter HTML og CSS er det det vigtigste sprog på internettet.

JavaScript er et værktøj, der gør det muligt for designere at implementere komplekse ting og interaktion på hjemmesider. Det er det, der gør en slider slide eller at parallakse animation animere.

Lær JS har en interaktiv tutorial til at hjælpe dig i gang.

Opdater din portefølje

Når du begynder at designe til internettet, skal du sørge for at opdatere din portefølje med internetdesignprojekter. Denne enkle handling hjælper dig med at vise dig selv … og andre … at internetdesign er en del af dit repertoire.

en opdateret portefølje kan hjælpe potentielle kunder med at se, hvordan din “stil” ser ud. Sørg for at fremvise layout, farver, typografi og forskellige teknikker, der viser, hvad du kan gøre.

udfordre dig selv

Med så mange genveje og kodestykker, der hjælper dig med at løse næsten ethvert hjemmesideproblem, du har, bliv ikke doven. Husk at udfordre dig selv konstant til at lære nye færdigheder, nye teknologier og fortsætte med at forbedre dit online designspil.

den ene ting ved dette felt er, at det konstant ændrer sig; der er altid noget nyt at lære eller prøve.

Maksimer din oplevelse

kom ud og design. Du er nødt til at begynde at designe hjemmesider for at være en internet designer.

Start i det små, men tag projekter sammen med andre. Bed om at deltage i et projekt med et team på arbejde. Tackle en lille hjemmeside for en ven. Jo mere erfaring du har med at opbygge hjemmesider, jo bedre og hurtigere får du.

hvad venter du på? Stop med at udsætte.

Bed Om Feedback

brug dit netværk til at indsamle feedback på din hjemmeside design projekter, uanset hvor lille du tror, de er. Lyt til denne feedback – selvom du ikke kan lide det og se, hvad du kan lære.

bortset fra visuel præference, har den person, der giver feedback tilbyde forslag til at gøre hjemmesiden fungere bedre? Kunne de let forstå målet med designet? Har de forbindelse med messaging?

Bliv ved med at lære nye ting

for at være en god hjemmesidedesigner skal du bare fortsætte med at spille, prøve og lære nye ting. Gør et punkt til netværk og kommunikere med andre i marken, så du kan holde styr på teknikker og visuelle ændringer, der er i efterspørgslen.

Hvis du ønsker at lære hjemmeside design, så er det nok allerede noget, du regelmæssigt gør. Men dette er et udviklende felt, og det ændrer sig næsten hver dag. Bare spørg alle, der gør det.