Behöver du en webbdesigntutorial? Använd dessa 10 fantastiska resurser

Webbdesign är en stor färdighet att ha - det låter dig skapa din egen hemsida och kan vara en bra väg till en ny karriär. Så här lär du dig grunderna.

Webbdesign är en stor färdighet att ha - det låter dig skapa din egen hemsida och kan vara en bra väg till en ny karriär.  Så här lär du dig grunderna.
Annons

Webbdesign är en stor färdighet att ha, inte bara låter du skapa din egen hemsida, men det kan vara en bra väg till en ny karriär som webbdesigner. Du behöver mycket kunskaper för att göra det i webbdesignvärlden från kodning i HTML för att välja färger Hur man väljer ett färgschema som ett pro Hur man väljer ett färgschema som ett Pro Färger är knepiga. Det kan tyckas lätt att välja en handfull färger som ser bra ut tillsammans, men som någon formgivare som har spenderat timmar, kommer tweaking av nyanser att berätta: det är knepigt. Läs mer och teckensnitt för att göra webbplatsövergripande designbeslut.

Det kan vara lite överväldigande, varför vi har sammanställt den här listan med 10 fantastiska resurser för att hjälpa dig att lära sig repen. Från gratis online tidningar till en-mot-en-mentor, det är allt här!

Fråga inte Internet (gratis)

dont-rädsla internet

Låt oss börja med grunderna. Skapat som en webbdesigntutorial för icke-tekniker, "Do not Fear Internet" hjälper dig att komma över din rädsla för den skrämmande världen av webbdesign med enkla lektioner som alla kan förstå.

Från en grundläggande förklaring av vad Internet är Vad är Internet? Vi frågade Google Föreslå. Här är vad det berättade för oss. Vad är Internet? Vi frågade Google Föreslå. Här är vad det berättade för oss. Vi älskar Internet .. Men vad är det exakt? Google Suggest är en inblick i miljontals sinnen. Vi använde Google Suggest för att hitta exakt vad Internet är. Här är vad vi hittade. Läs mer, för att beskriva benen på en webbplats, för att undervisa sidlayoutkunskaper, du lär dig grunden att skapa en webbplats i en mycket välkomnande miljö som inte kommer att överväldiga dig med teknisk information. Den innehåller också en lista över några av författarnas favoritresurser för spirande webben.

Introduktion till webbdesign av Stone River eLearning ($ 99)

intro-web-design

Om du är ny för webbdesign, är denna kurs av Stone River ett bra ställe att börja. Det börjar med att adressera de mest grundläggande webbdesigner med föreläsningar som "Vad är CSS och HTML?", "Introduktion till dokumentlayout" och "Linking in a Stylesheet." Kursen fortskrider genom att använda CSS och HTML för att skapa olika element Det kommer att vara användbart på en riktig webbplats, som formulär och knappar, och slutar med ett slutligt projekt: bygga en webbplats.

Du lär dig om rutnät och responsiv design, två saker som är viktiga i modern webbdesign. Med 34 föreläsningar, totalt över 7, 5 timmars instruktioner, går du från total nybörjare till entusiast utan att spendera en förmögenhet.

Treehouse ($ 29 / month)

treehouse kategorier

Denna prenumerationstjänst är som många andra online-videolärande webbplatser, men den har en solid uppsättning webbdesignrelaterade kurser, inklusive de på HTML, CSS, JavaScript, PHP och en helt ägnad åt webbdesign. Det finns också många andra områden som du kan lära dig, som spelutveckling, Apples swift-språk De bästa ställena att lära sig Swift, Apples programspråk De bästa platserna att lära sig Swift, Apples programspråk Om du vill lära dig Swift är det dags att dyka in. Språket har en ljus framtid och ju snabbare du lär dig, desto snabbare kommer du att kunna skörda belöningarna. Läs mer, och till och med affärsförmåga.

Om du vill lära dig mer inte bara om webbdesign, utan om kodning och utveckling i allmänhet kan detta vara en mycket bra investering.

SitePoint ($ 9 / månad, faktureras årligen)

Sitepoint

En annan prenumerationstjänst, SitePoint ger dig tillgång till inte bara videor, utan även e-böcker. Det finns ett antal vägar som kommer att tilltala webbdesigners, inklusive banor på design, utveckling, CSS och JavaScript. Webbplatsen är mindre än många andra liknande leverantörer, men den växer snabbt, med nya utgåvor varje vecka.

Nuvarande designvideor inkluderar "Skapa eleganta (men enkla) interaktioner med Sketch & Atomic.io", "15 steg till bättre användbarhet (och lyckligare användare)" och "Vilket är viktigare i design: bilder eller text?" Priset är också nästan oslagbar för en prenumerationstjänst.

Tuts + Webdesign (gratis)

tuts-web-design

Består av ett antal gratis videor som spänner över en mängd olika kategorier (inklusive HTML, CSS, designteori, UI-design mm) är sektionen Tuts + Web Design ett utmärkt ställe att öka kunskapen om webbdesignkoncept.

Många av informationen här är ganska avancerad, så det kommer att vara fördelaktigt att förstå grundläggande grunder först. Å andra sidan, om du vill hoppa in med båda fötterna, skulle det vara platsen att göra det. Missa inte Learning Guides, som ger användbar information om ett visst område av webbdesign. Och om du vill se hur man tar webbdesign från början till slut, kolla in avsnittet Kompletta webbplatser.

Smashing Magazine (gratis)

krossa-magazine

Denna onlinemagasin har sektioner om kodning, webbdesign, mobil, grafik, användarupplevelse och WordPress, så att du kan lära dig en stor mängd relevant information för att designa en webbplats här. Många av det som publiceras kommer att tilltala mest till mellanliggande designers, men det finns mycket att du kan lära dig om du bara har börjat.

Smashing publicerar också ett antal böcker, och du kan få dem i elektronisk form. Du kan prenumerera på hela biblioteket för $ 99 per år och få tillgång till alla sina e-böcker om olika ämnen, från lyhörd design till hur man kör ett webbdesign företag.

En lista Apart (gratis)

list-isär

En annan onlinemagasin, A List Apart, täcker de flesta ämnen som du behöver veta om att inte bara designa för webben utan skriva skrivarsidkod, utveckla en innehållsstrategi, hantera projekt och hålla koll på branschen. Design-sektionen är full av användbara reflektioner från designers, och kodningsavsnittet hjälper dig att finjustera dina HTML-, CSS- och JavaScript-färdigheter.

Vänd någon webbplats till en Responsive Site (gratis)

make-site-lyhörd

Responsiveness - En webbplatss förmåga att visa olika beroende på vilken enhet som tittar på den - är utmärkt för att öka läsbarheten för din webbplats och det blir snabbt en måste-funktion med ökad mobil browsing.

Denna handledning går igenom hur du gör de nödvändiga justeringarna på din webbplats för att göra det lyhört och innehåller en lista med användbara resurser, som WordPress-plugins. De bästa WordPress-pluginerna De bästa WordPress-pluginerna Läs mer och jQuery-bibliotek, för att hjälpa dig att skapa din webbplats ser ännu bättre ut.

Bygg Responsive Real World Websites med HTML5 och CSS3 (199 $)

bygga-responsiva

Den här videobaserade kursen på Udemy är inriktad på att designa och distribuera bra webbplatser. i det lär du dig grunderna i HTML och CSS Lär dig HTML och CSS med dessa steg för steg-handledningar Lär dig HTML och CSS med dessa steg för steg-handledning Är du nyfiken på HTML, CSS och JavaScript? Om du tycker att du har en förmåga att lära dig hur du skapar webbplatser från början - här är några bra steg-för-steg-tutorials värda att försöka. Läs mer, förstå layout och design av iögonfallande sidor, arbeta med bilder och ikoner, lägg till snygga effekter, använd responsiva principer, lära sig om webbhotell och skapa en hel webbplats från början.

Kort sagt, det kommer att ta dig från att du inte vet att du kan skapa en webbplats och lägga upp den på Internet för att dela med världen. 79 föreläsningar som går till 11, 5 timmar ger dig bara allt du behöver.

HTML, CSS, och Web Design Circuit Mentoring ($ 1.250)

allmän-aggregat-web-konstruktion

För att verkligen förbättra dina färdigheter snabbt måste du jobba med någon som vet vad de gör. I generalförsamlingens webbdesign mentorprogram Hur använder du Twitter för att söka efter mentorer i ditt intresseområde Hur man använder Twitter för att söka efter mentorer i intresseområdet I den verkliga världen är en mentor en klok lärare som stöder och leder någon, och hjälper dem att maximera sin potential. I onlinevärlden skulle du vara mycket lycklig att hitta någon som vill ... Läs mer, du får en-till-en-tid med en erfaren professionell och lär dig allt från HTML och CSS till färgteori. Så här lär du dig färg Teori på mindre än en timme Att lära sig färgteori på mindre än en timme Grundläggande kunskaper om färgteori kan betyda skillnaden mellan en "amatör" -estetisk och en "professionell" - och det tar inte längre tid att lära sig. Läs mer och sidlayoutprinciper. Det här är ett dyrt alternativ, men det finns inget bättre sätt att snabbt öka dina färdigheter.

Det här är en 10-veckors kurs, så du kommer att begå ganska lite tid till det, men det finns inga förutsättningar, så alla kan, oavsett kompetensnivå, registrera sig.

Lär av det bästa

Oavsett om du just börjat eller har utformat sidor i flera år hittar du något i den här listan över resurser som hjälper dig att bli bättre på vad du gör. Glöm inte att kolla in dessa stora webbdesign YouTube-kanaler Vill du lära dig webbdesign? 7 YouTube-kanaler för att få dig igång Vill du lära dig webbdesign? 7 YouTube-kanaler för att få dig igång YouTube har tusentals videoklipp och kanaler för nybörjare av webbdesign. Här tittar vi på några av de bästa för att komma igång. Läs mer och bloggar 6 Bästa webbdesignbloggar för att följa 6 bästa webbdesignbloggar för att följa läs mer också. Det finns inget enkelt sätt att lära dig allt du behöver veta om den stora världen av webbdesign, men att veta var du hittar hjälp när du behöver det kan göra stor skillnad. Kom ihåg-något som helst, webbdesign tar mycket övning och tålamod. Hämta nu!

Vilka är de bästa webbdesignresurserna du har stött på? Har du funnit någon av dem att vara speciellt användbar? Dela dina favoriter nedan!

In this article