Share
Välkommen till Webdesigntuts +, en online-resurs avsedd för undervisning och uppmuntrande webbdesigners av alla kompetensnivåer och erfarenheter. Oavsett om det här är första gången du har hittat dig själv i vårt innehåll tidigare eller om du är en vanlig besökare, kommer det här inlägget att hjälpa dig att hitta det bästa av vårt innehåll.
Här är en snabb sammanfattning av vad du hittar på den här sidan ...
Att ta tag i utformningen av en webbplats handlar om att förstå vad du syftar till att uppnå och hur du kan lösa problem genom design. I de första stadierna av processen är det värt att tänka på kreativitet och vi har en hel del tutorials för att hjälpa dig med det:
Utöver kreativitet kommer själva design. Hur tar någon idéer och kommunicerar dem på designsidor? Hur ska en webbsida läggas ut? Hur påverkar färgen en design? Och hur ska vi ta hänsyn till våra användare?
Och om du är en utvecklare, kommer du till webbdesign från en kodande bakgrund? Vi har en hel serie designteori artiklar (var och en med ett uppdrag i slutet) för att hjälpa dig, plus några väldigt användbara arbetsflödesövningar:
Planering, sketching, wireframing och mocking-up visuals är alla viktiga aspekter av webbdesign, men hur är det med att verkligen realisera dessa mönster för webbläsaren? Att få ett handtag på webbstandarder (HTML, CSS och JavaScript) är viktigt om du är intresserad av en värld av frontend-utveckling. Låt oss börja med grunderna ...
Med en grundläggande förståelse av HTML och CSS kan du nu börja översätta dina statiska bilder i levande, andas webbsidor. Följ Adi Purdila när han flyttar från Photoshop till kodredigeraren, bygga hans adaptiva bloggtema i den här utökade screencastserien.
Varje hantverkare behöver bra verktyg, och webbdesign är inte annorlunda! I själva verket har du med en enkel textredigerare och en webbläsare tillräckligt för att komma igång, men det finns många andra applikationer och verktyg för att hjälpa till med andra uppgifter.
Arbetshästen hos många en webbdesignstudio i flera år. Dess roll kan förändras dessa dagar, men det finns ingen förnekande av sin närvaro i designarenan.
Adobe Fireworks-utvecklingen avbryts, istället ger plats för några nya barn i kvarteret, men det har fortfarande ett passionerat följe och är ett mycket kompetent webbdesignverktyg.
Emmet är ett av de magiska verktygen som, när du börjar använda det, kommer du alltid att undra hur du lyckades utan. Ta en titt!
De nya barnen i kvarteret som vi bara talade om när det gäller Fireworks demise? Det skulle vara Reflow och den andra Adobe Edge-serien av verktyg. Framtiden är här, mina damer och herrar.
Det finns gott om trådverktyg att välja mellan, men Omnigraffle är verkligen en av de mest populära. Ta en titt på vår nybörjare guide.
Responsiv webbdesign har varit den mest dramatiska rörelsen för att träffa webben, eftersom någon föreslog att vi slutar använda HTML-tabeller för lay out-ändamål. För att förstå mer av vad det är, ta en titt på denna snabba intervju med grundaren Ethan Marcotte.
Att bli mer involverad hittar du ett antal handledningar och artiklar som utforskar de många aspekterna av RWD.
Webbdesigners har använt Content Management Systems som en verklig världslösning i flera år. Varför uppfinna hjulet när CMS som WordPress gör webbplatsstrukturen och hanteringen så bra?
I en fortsättning av den tidigare visade sessionen tar Adi Purdila sin statiska webbplats bygg och omvandlar den till ett WordPress-tema. Följ honom under dessa mycket grundliga screencasts och du kommer snart att kunna göra detsamma. Alternativt följ mig när jag går igenom en annan WordPress-bygg, den här gången baserat på den populära Skelettramen.
WordPress är dock inte det enda CMS där ute. Vi lägger alltid till våra CMS-handledning, så här är ett exempel på vad som finns där ute:
Att kunna designa och bygga en webbplats är en liten del av verksamheten. Om du ska lyckas tjäna pengar som webbdesigner är det viktigt att du förstår branschen.
Att kunna arbeta med ett team och dina kunder är avgörande, så ta en titt på dessa artiklar som hjälper dig på din väg:
Att lära av dina kamrater är ett av de bästa sätten att komma framåt i webbdesign. På Webdesigntuts + njuter vi av att kritisera både våra läsares arbete och arbetet med större industrispelare. Ta en titt på hur de gjorde det, plus vår samling av verkstadsposter. Gå med i diskussionen!
Det finns mycket mer att dyka in på Webdesigntuts +, kanske du är intresserad av tillgänglighet, ramar som Bootstrap, Foundation, Pure och Jeet, SEO, Typografi, HTML Email eller UX plus mer än.
Och som med alla andra aspekter av Tuts + växer vårt innehåll ständigt, så håll dig uppdaterad med oss på våra olika sociala kanaler för att se till att du aldrig saknar ett knep:
Tack för att du besökt Webdesigntuts+!
Accentsconagua