Share
Under de senaste åren har vi sett en explosion av ny teknik för webbdesigners att lära oss som gör att vi kan producera dynamiska, engrossande och interaktiva webbplatser. Om du vill gå med i fest- och masters webbdesign, är denna samling av Tuts + kurser den plats att börja.
Som du säkert har märkt, är det i vår bransch att vi ständigt står på tårna, och när dessa nya (och ibland spännande) teknologier kommer fram, så kan vi börja ta tag i dem och använda dem i enlighet därmed. Som ett resultat lär vi oss alltid och behovet av att behärska vårt hantverk blir uppenbart. Ja, du behöver inte behärska allt och det kommer du förmodligen inte. Men den här guiden är här för att mastera så mycket du kan på ett metodiskt sätt som är relevant för dina mål är nyckeln.
De flesta människor har ingen aning om den jätte kapacitet som vi omedelbart kan beordra när vi fokuserar alla våra resurser på att behärska ett enda område i våra liv.
- Tony Robbins
För att starta oss får vi ta hand om handlarens verktyg. Vi har redan tittat på Photoshop i Modern Web Designer, så låt oss gräva lite djupare och ta en titt på andra applikationer som vi kan använda för att mastera webbdesign.
Innan du hoppar in i mer komplexa projekt är det alltid bra att lära känna verktygen som du kommer att arbeta med regelbundet. Om du är en absolut nybörjare eller kanske en erfaren proff, är det ett måste att lära sig grunderna. Du kanske inser något du kanske inte sett tidigare, så det är alltid bra att uppdatera din kunskap om dessa verktyg.
Det finns ett antal textredigerare där ute att välja mellan, och det finns en som du slutar använda mest och anser att det är din favorit. I den här kursen visar Jeffrey Way dig hur Sublime Text 2 kan vara din nästa favoritredaktör.
Craig Campbell har insidan spår på de coola nya funktionerna som Photoshop CS6 har för ditt webbdesign arbetsflöde, och han kommer att visa dig alla dessa hemligheter när du utformar en webbplats.
För en webbdesigner är Photoshop och Fireworks det traditionella valet när man designar på webben, men hur är det med Illustrator? I denna kurs tar Cheryl Graham dig på en resa till Illustrators värld.
Adobe Fireworks CS6 är ett kraftfullt verktyg för webbdesigners. I den här kursen går vi över de grundläggande verktygen som ingår i mjukvaran medan du bygger en webbplats från början.
Att veta hur man använder Photoshop är bara det första steget! Utrustad speciellt för nya webbdesigners, lär Ben Gribbin viktiga tekniker och arbetsflödestips som är avgörande för alla webbproffs som arbetar i Photoshop.
Nu när du har lärt dig några av handelens verktyg, låt oss ta reda på hur du använder dem ännu bättre genom att skapa designprojekt som du skulle hitta dig själv i den verkliga världen.
En gång i sällan används i detta dynamiska medium blir retro och vintageelement nu alltmer populära i en mängd olika kontekster. Om du alltid har velat replikera den här stilen, vill du inte ha mer, eftersom Craig Campbell är här för att visa dig hur du skapar en retro webbsida med Photoshop.
Vill du bygga webbapplikationer med Adobe Photoshop? Vill du veta hur du använder det mer effektivt? Gå in på för att hämta några tips från instruktören Craig Campbell.
Trött på teorin och redo att få sprickbildning? Gå med i Neil Pearce när han rullar upp ärmarna och hoppar in i praktiken att skapa avancerade användargränssnitt och webbdesignelement i Photoshop.
Navigering är en av de viktigaste aspekterna av webbdesign. Om personer inte kan navigera via din webbplats, kommer de snabbt att lämna. Craig Campbell går igenom stegen i hur man utformar tre olika typer av navigeringsfält med Photoshop.
Landningssidan är det första du ser när du besöker en webbplats och bygger en mördare man tar lite skicklighet och massor av teknik. Om du är webbdesigner är det här en kurs att inte missa.
Att veta hur man ska utforma och bygga (kod) är att du kallas en "front-end-utvecklare", och det här kommer att skilja på dig från resten - du vet, de som inte kan koda eller inte kan designa. Om du kan göra båda, så är du verkligen på väg att mastera webbdesign.
Om du vill lära dig hur du gör CSS3-animeringar, har du valt ett bra ställe att börja. Följ med när vi lär dig hur du gör lite grundläggande animering med bara din kod.
Har du någonsin försökt att ta en bra PSD-design för en webbplats och försökte översätta den till HTML? Inte alltid lätt, det är det! Här är Adi Purdila för att hjälpa oss att lära oss den här ibland knepiga konsten, där du kommer att ta en redan utformad webbsidayta och utveckla den till en funktionell, fungerande webbsida med hjälp av mellanliggande och nuvarande tekniker.
I en tidigare kurs lärde Craig Campbell oss hur man utformar effektiva navigeringselement för våra webbplatser. Och om du följde med den kursen undrar hur du kan bygga varje design, nu är din chans att lära dig hur Craig tar alla tre av dessa mönster och utvecklar dem till fullt fungerande navigeringsfält.
Låt oss möta det, att skapa HTML-e-postmeddelanden som är konsekventa över de flesta e-postplattformar kan vara en mardröm, med många e-postprogram (särskilt Microsoft) med allmänt ignorering av webbstandarder. Här kommer Craig Campbell att gå igenom processen med att designa och sedan utveckla en HTML-e-post.
I den här "hands on" -kursen visar Adi Purdila dig hur du ska utforma och sedan utveckla en effektiv, snart kommande sida.
Nästan varje ny kund vill dessa dagar ha en mobil version av deras hemsida. Responsive Web Design (RWD) är det tillvägagångssätt som föreslår att design och utveckling ska svara på användarens beteende och miljö baserat på skärmstorlek, plattform och orientering. I det här avsnittet i vår guide tittar vi på några av de bästa kurser på Tuts + Premium som gör att du snabbt kan få RWD och därmed sätta tärningen på tårtan för att bli en mästers webbdesigner. Eftersom RWD är en ganska ny teknik, kom ihåg att pop tillbaka till den här guiden en gång i månaden för nya RWD-kurser och e-böcker.
Vill du komma in i det här relativt nya fältet och lära dig grunderna? Sedan titta och lära dig som Ian Yates lär dig grunden för en lyhörd webbdesign.
I den här kursen går Craig Campbell genom Foundation och hur du kan använda den för ditt RWD-arbetsflöde. Är det här ramverket för dig? Låt oss ta reda på.
Denna e-bok, "Responsive Design" ger en översikt över responsiv webbdesign, som visar många situationer och tekniker där detta tillvägagångssätt kan tillämpas på mobila enheter.
Även om den här guiden kallas "Mastering Web Design" betyder det inte att du måste lära dig allt som finns att veta om den här industrin eller Photoshop, CSS3, HTML5 eller något annat som finns i den här guiden. Ja, det vore trevligt, men det skulle vara mycket osannolikt att vi någonsin skulle kunna göra det på grund av den hastighet som denna bransch förändras och utvecklas. Tanken är att tänka på ditt arbetsflöde, vilken teknik hjälper dig att bli effektiv och effektiv så att du når dina mål och slutar aldrig att lära dig. Någon sa en gång, "Utveckla en passion för lärande. Om du gör det kommer du aldrig sluta växa. "
Accentsconagua