Begyndervejledning: Sådan lærer du Internetdesign derhjemme

hvis du er fast besluttet på at lære internetdesign på egen hånd, er du på det rigtige sted.

det er rigtigt, at internetdesign kan være ret komplekst og skræmmende, men med udviklingen inden for teknologi og internetindtrængning er det vokset til episke proportioner. Det er ikke overraskende, at det at blive internetdesigner er blevet en populær trend i den nuværende generation.

i denne artikel vil jeg lede dig gennem læring design med ressourcer og tips. For begyndere, der ønsker at tage ind på denne vej, kan du tjene denne artikel som vejledning.

Trin 1: Gør op dit sind og lave planer

læring design er en langsigtet opgave, der er fuld af udfordringer. Du skal udfordre dig selv alvorligt. Gør dit sind lige nu og lav planer baseret på de læringsguider, som vi introducerer i denne artikel. Husk, at du vil gøre det på egen hånd, hvis du begynder at lære design gennem praksis. Så vær klar!

Trin 2: Få en grundlæggende forståelse af internetdesign

“Hvordan kan jeg begynde at lære internetdesign?”Dette er spørgsmålet i dit sind. For grundigt at lære internetdesign, skal du forstå svarene på mindst følgende 2 spørgsmål:

Hvad er internetdesign?

folk misforstår ofte betydningen af internetdesign.

hvad er design?

Visual + interaction = internetdesign

Internetdesign handler om at løse problemer. Det involverer alle aspekter af en hjemmeside – kunsten, færdigheder, videnskab, og teknologi til at opbygge udseendet og funktionaliteten af en hjemmeside, samt de måder, hvorpå brugerne interagerer med hjemmesider.

mange unge designere misforstår ofte begrebet internetdesign med udviklingsbegrebet.

husk: internetdesign handler om design, ikke om kodning og front-end eller back-end udvikling.

det er selvfølgelig bedre, hvis du kender nogle kodningssprog (HTML, CSS, Java osv.), men du bør ikke komme dig dybt ind i front-end eller back-end udvikling, hvis du vil være en fokuseret internetdesigner. Det er ikke kernen i internetdesign.

hvad er designprocessen?

Internetdesign er ikke en simpel opgave. Det er ganske udfordrende endnu interessant at gøre en tom side til en komplet hjemmeside. Hvordan kan du gøre det?

du skal følge de store faser af designprocessen. De er:

• Indstilling af et mål

Bestem hvilken type hjemmeside du vil designe. Er det til e-handel, en virksomhed, ny produktfremme eller et aktivitetsprojekt?

hvis du ikke har nogen ide, så start med en blog. For nye elever er opbygning af en blog et bedre valg end at oprette andre typer udførlige hjemmesider.

• lav en tidsplan

Opret en tidslinje til design af siderne. Tildel opgaver til alle, der er involveret i internetdesignprojektet.

• oprettelse af Sitemap og trådramme

Brainstorm. Gør ideer til en trådramme med en pen eller trådrammer. Du skal oversætte dine tanker til noget håndgribeligt, så du kan validere dem tidligt.

• oprettelse af indhold

Tilføj indhold med designelementer, visuals, kopier og interaktioner. Dette er den fase, hvor du bruger alle dine design-og udviklingsevner. Du vil konvertere en tom side til en færdig hjemmeside i denne fase.

• test

Test din hjemmeside og indsamle nyttige feedback. Gør det, indtil du maksimerer kvaliteten af brugeroplevelsen, så vær klar til at starte.

• lancering

gør din hjemmeside tilgængelig for besøgende og forbedre den baseret på den indsamlede feedback.

du kan få en mere omfattende forståelse af internetdesignprocessen ved at gå gennem dette 43-minutters Designkursus.

Trin 3: Begynd at lære

når du har sat dig op og forstå de grundlæggende elementer i hjemmeside design, kan du begynde at gå gennem praktiske læringsressourcer og tips.

design involverer både visuelt udseende og funktionelt design. Det betyder, at du skal lære 2 vigtigste ting:

• Hvordan får man en hjemmeside til at se godt ud?
• Hvordan laver du en hjemmeside fungerer godt?

du bliver nødt til at lære at designe grænseflader (typografi, navigation, billeder, rum, animationer, farver osv.(HTML, CSS, Python, Ruby eller JavaScript), samt optimere din hjemmeside til søgemaskiner.

læs bøger til læring af internetdesign

en af de bedste måder at lære internetdesign på er ved at læse bøger. Her er 5 af de bedste online design bøger, der er nyttige for dem, der ønsker at lære online design på egen hånd.

• HTML og CSS: Design og byg hjemmesider
• Lærings Design: En Begyndervejledning
• gør mig ikke til at tænke: En sund fornuft tilgang til internet Usability
• læring Internet design
• design med Internet standarder

Læs internet design blogs

hvis du ikke er en bogorm og finde læse en kedelig opgave, kan du følge nogle bedste internet design blogs til at holde din hjerne fodret. Brug blogs som et alternativ og abonner på dine foretrukne for at undgå at gå glip af noget.

• Smashing magasin
• Mockplus blog
• Internetdesigner Depot
• INTERNETDESIGNLEDGER
• INTERNETDESIGNBIBLIOTEK
• Hacking UI
• 1 internetdesigner
• hjemmesider

Lær med PDF-indhold

noget virkelig nyttigt indhold er tilgængeligt i PDF-format til Gratis Hent. Du kan bruge den til at lære online design trin for trin. Dette er et par eksempler, der er din tid værd.

• Internetdesign – håndbog
• Learning Internetdesign tredje udgave – semantisk lærd
• Internetdesign 101 – MIT
• Byg din egen hjemmeside på den rigtige måde ved hjælp af HTML& CSS – filer
• en komplet Guide til Internetdesign.pdf-Online Christian Library

Lær af professionelle

Følg designere, du stræber efter at lære af på sociale mediesider som Kvidre, Dribbble, Behance, Github og andre platforme, hvor de er aktive. Læs deres indlæg, klik på like-knappen for dem, som du sætter pris på, og kommenter, hvis du ønsker at tilføje et punkt eller stille et spørgsmål . Hvis du er heldig, kan du finde dig selv en mentor i et online community eller en gruppe. Men Forstyr dem ikke og tag deres hjælp for givet.

designere du kan følge:

• Ethan Marcotte
• Chris Coyier
• Ethan Marcotte
• Jeffrey Jeldman
• Luke Vroblevski

Lær af video tutorials

der er masser af Youtube-videoer tilgængelige online. Reducer din tid på at se sjove ting, og brug Youtube til at lære internetdesign. Her anbefaler jeg 5 af de mest populære video tutorials. Nyd at se.

• en Begynders hjemmeside Design Tutorial for 2018-Del 1 af 2

• Tutorial for begyndere 2018 / 2019 – hvordan man laver en hjemmeside

• hjemmeside Design Tutorial for begyndere

• HTML CSS Tutorial for begyndere-udvikling Tutorials for begyndere

• den komplette HTML og CSS hjemmeside Design Tutorials for begyndere

Lær af online kurser

gratis online kurser kan være en af de bedste ressourcer. Du kan også diskutere med andre elever.

• Class central

Lær internetudvikling med gratis online kurser og MOOC ‘ er fra Johns Hopkins University, University of Michigan, KU Leuven University, University of California, Berkeley og andre topuniversiteter rundt om i verden.

• Coursera

en fantastisk hjemmeside for begyndere at lære design. Du kan vælge et kursus fra dit ønskede universitet og se, hvor mange mennesker der lærer det. Med de præsenterede data Har du mange valg, mens du vælger et kursus.

• Ed

det viser en masse ressourcer til at opbygge dine designfærdigheder og fremme din karriere. Du kan lære emner trin for trin med forskellige niveauer af i trin efter vanskeligheder.

• V3skoler

nyttigt til at lære grundlæggende kodningssprog som HTML og CSS.

• Google Code University

Lær at kode fra Google-udviklere.

• Code Avengers

jeg kan især godt lide denne læringshjemmeside, fordi det er ligesom et stort eventyr, der giver dig mulighed for at deltage i kodningsudfordringsprogrammer og bugjagt.

flere steder til online design kurser：

• træhus
• Lynda
• Udemy
• Coursera
• hjemmeside.tutsplus

Lær HTML basics og CSS

du kan spørge, hvorfor skal jeg lære HTML? Generelt er det fint at bruge en internetdesignapp som f.eks. Men i øjeblikket, de fleste hjemmesider er lydhør HTML5 baseret, og CSS er huden på en hjemmeside. Moderne hjemmeside design er ikke muligt uden CSS. At lære HTML basics og CSS vil hjælpe dig med at komme videre i internetdesign.

ressourcer til at lære HTML og CSS：

• 30 dage til at lære HTML og CSS
• en Begyndervejledning til HTML & CSS
• Frygt ikke internettet
• 8 bedste gratis Responsive CSS hjemmeside skabeloner

du kan også deltage i CodePen Community. Dette er et open source-samfund, der giver dig mulighed for at redigere kodestykker og dele dem med andre.

Lær JavaScript

udover HTML og CSS er JavaScript et vigtigt sprog på internettet, som du kan lære. Det er et værktøj, der giver dig mulighed for at oprette avancerede brugerinteraktioner som parallakseffekter og kraftfulde internetapplikationer.

ressourcer til at lære Javascript:

• 32 af de bedste steder at lære JavaScript for begyndere
• Top 37 JavaScript bøger for begyndere og erfarne programmører i 2019

Lær om designelementer

hvis du er god til observation, vil du opdage, at de fleste af de tiltalende moderne hjemmesider har et godt arrangement af de grundlæggende hjemmesideelementer som:

1-typografi

Typografi er nøglen til fremragende internetdesign. Det sikrer læsbarhed af indhold og påvirker brugeroplevelsen direkte. Typografi er et væsentligt aspekt af alle moderne hjemmesider, da det giver både æstetik og funktionalitet til deres besøgende.

ressourcer til at lære typografi:

• 17 bedste typografi Design hjemmesider & Tutorials
• 30 kreative hjemmesider med smukke typografi & farveskemaer

2）Animation og transformationer

overgange og transformationer vil give forbedrede brugerinteraktioner til besøgende på din hjemmeside. En af de bedste måder at oprette enkle animationer på er CSS-overgange og transformationer. Hertil kommer, parallakse rulle effekter og vandret rulle er gode valg for hjemmesider.

3 liter farveskema

farvekombinationerne på en hjemmeside afspejler den æstetiske præference/stil hos en internetdesigner og påvirker direkte seerens opfattelse. Du skal lære at bruge farve i UI-Design klogt for at skabe en perfekt UI-grænseflade.

4 liter skrifttyper

personaliserede skrifttyper kan være sjove eller udtryksfulde, men er ikke altid praktiske. Hvis du vil have en hjemmeside til at være læsbar og professionel, skal du vælge den mest passende skrifttype til den. Tjek 20 af de bedste Google-skrifttyper for fremragende Internetdesign. De er gratis at bruge!

5 lit Layout

design af Netlayout fokuserer på skæringspunktet mellem teknologi og kunst. Layout design refererer til kombinationen af visuelle elementer som tekst og billeder for at få en side til at se smuk og nem at navigere. Det er en vigtig form for Visuel Kommunikation og en integreret del af internetdesign. Her er 9 af de bedste hjemmeside Layout eksempler og ideer.

6 liter grafik

billeder giver folk et visuelt indtryk, der er mere intens end tekst. De kan øge chancerne for at tiltrække brugernes opmærksomhed.

7 liter responsivt design

responsivt design er en samling af teknikker til opbygning af hjemmesider, der arbejder på flere skærmstørrelser. Lær det med dette 47-minutters CSS-kursus.

Lær det grundlæggende i trådramme/prototyping

trådramme/prototyping er et vigtigt skridt til at lægge grundlaget for din hjemmeside i hele hjemmesidens design-og udviklingsproces. Det giver dig mulighed for at brainstorme, lave en plan og få en klar ide om strukturen på stedet.

forveksl ikke de forskellige udtryk. Forskelle mellem trådramme, Prototype og Mockup

Lær internetdesignværktøjer

Photoshop – UI design tool

det kan bruges til at oprette og forbedre fotografier, illustrationer, 3D-illustrationer, designhjemmesider og mobilapps; redigere videoer, simulere virkelige malerier og meget mere. Du kan lære at bruge gennem en af de 22 bedste gratis trin for trin Adobe Photoshop Tutorials for begyndere.

det kan bruges til at oprette dynamiske hjemmesider til flere platforme. “ giver brugerne mulighed for at designe, kode og administrere hjemmesider samt mobilt indhold. Det er et integreret udviklingsmiljø (IDE) værktøj.”(Engelsk). Start med Begynderens guide til Drømmevæver.

Mockplus – prototypeværktøj

Mockplus er et af de bedste prototypeværktøjer til internetdesignere til at oprette en interaktiv netmockup. Du kan trække og slippe komponenter til at opbygge en hjemmeside, og få vist det i HTML eller andre formater. Du har kun brug for 10 minutter for at starte Prototyping gratis.

Lær med en hjemmesidebygger

start med en hjemmesidebygger kan hurtigt hjælpe dig med at forstå de bedste fremgangsmåder ved opbygning og design af hjemmesider. Med de foruddesignede skabeloner og UI kits, kan du blot tilpasse elementer eller tilføje kodestykker til at gøre en hjemmeside, som besøgende beundrer.

hjemmeside builders, du kan prøve:

• Værtsanmeldelse
• vi
• Konstantkontakt
• SITE123
• Jimdo
• ordtryk

Lær SEO

det er godt at have en SEO-specialist til at håndtere søgemaskinens ting. Men designet er helt forbundet med SEO, fordi indholdet på din hjemmeside læses af søgemaskiner og spiller en rolle i ranking. Hvis du ønsker at designe en SEO-optimeret hjemmeside, så at kende det grundlæggende i SEO er et must. I det mindste skal du vide om metabeskrivelser på sider og elementer.

Lær designtendenser

designtendenser ændrer sig hurtigt. Du skal være opmærksom på de nyeste designtendenser og internetudviklingsteknologier for at designe en moderne hjemmeside. Du kan simpelthen gå gennem Top 10 Must-vide Internet Design tendenser og eksempler i 2019 for inspiration.

Trin 4: Start med en trådramme

Start designprocessen med en trådramme. Trådramme hjælper en internetdesigner med at brainstorme og validere deres tanker tidligt. Start trådramme med de 10 praktiske tip til skitsering af dine trådrammer.

Trin 5: Brug det, du har lært, til at designe en hjemmeside

nu er det tid, du tester, hvad du har lært i Trin 3. Du skal lære internetdesign ved at gøre det. Så vil du vide, hvad du forstår, og hvad du ikke gør. så fortsæt med at lære og fortsæt.

Trin 6: bed om feedback og foretag forbedringer

hvis du har oprettet en blog eller en anden hjemmeside, skal du invitere folk til den. Prøv at få så meget feedback, som du derefter kan foretage forbedringer.

ofte stillede spørgsmål om at lære design på nettet

hvor lang tid tager det at lære design på nettet?

design læring er en kontinuerlig proces, men det kan læres i måneder. Normalt tager det dig 5 måneder at lære HTML, CSS og det grundlæggende i JavaScript. Du skal også bruge tid på designværktøjer som Photoshop, Sketch og Mockplus.

derudover skal du forstå internetstandarder, designprincipper, UI-design, kompatibilitet på tværs af bro.ser og lydhørhed. At lære alle disse vil tage dig 3 til 4 måneder.

og det vigtigste er, at du lige er ved at komme ind på området for internetdesign efter alle disse lektioner. Designet ændrer sig, teknologien ændrer sig, så du skal fortsætte med at lære kontinuerligt.

kan jeg blive designer uden en grad?

du kan blive designer uden en grad. Hvad du skal have er en interesse i programmering, viden om visuelt design og kodning af det på et sprog for internetudvikling samt andre færdigheder i internetdesign. Men en grad kan øge dine chancer for at blive ansat i de fleste tilfælde.

Hvad kan jeg gøre efter at have taget et designkursus?

når du har gennemført et designkursus, kan du starte et live-projekt, derefter blive ansat i et designfirma eller være freelancer og selv lede efter projekter og kunder.

har design en fremtid?

vi lever i en digital verden, der er fuld af hjemmesider. Fremtiden er ret lovende.

ifølge Creative Group 2019 Lønguide er front-end-udvikler et af de højest betalte job inden for kreativt og marketingfelt sammen med designere, brugeroplevelsesforskere, tekstforfattere osv. Ifølge Glassdoor bliver udviklere betalt mellem $41.6 k-78.3 k om året, og ifølge PayScale tilbydes de $16.4 k – 34.6 k om året. Den gennemsnitlige online designer løn er omkring $49,693.

er internetdesign nemt?

det kan virke simpelt i starten, fordi du kan lære det grundlæggende i HTML & CSS om et par måneder. Men når du går videre i denne branche, kan du finde det mere udfordrende. Du skal løbende lære ny teknologi for at holde trit med alle ændringerne. Men hvis du er interesseret i at opbygge hjemmesider og applikationer, kan det være nemt for dig.

konklusion

hvis du vil lære internetdesign på egen hånd, har ovenstående oplysninger alt hvad du behøver for at starte. Stop med at spilde din tid på Facebook eller kvidre “på udkig efter svar”. Selvom du kan opbygge et designfællesskab på disse platforme, kan du ikke være en internetdesigner ved at bruge tid målløst. Så, hunker ned og begynde at lære. Giv aldrig op på læring og held og lykke til dig!