In de afgelopen paar jaar hebben we een explosie van nieuwe technologieën gezien waarmee webontwerpers dynamische, meeslepende en interactieve websites kunnen maken. Als je mee wilt doen aan het feest en het webontwerp wilt beheersen, is deze verzameling Tuts + -cursussen de plek om te beginnen.
Zoals je waarschijnlijk hebt gemerkt, vereist het feit dat we in deze branche zijn, dat we voortdurend op onze hoede moeten zijn en wanneer deze nieuwe (en soms opwindende) technologieën op de voorgrond treden, zodat we er grip op kunnen krijgen en ze dienovereenkomstig kunnen gebruiken. Dientengevolge, zijn we altijd aan het leren en de behoefte om ons vak onder de knie te krijgen wordt duidelijk. Ja, je hoeft niet alles onder de knie te krijgen en waarschijnlijk ook niet. Maar deze gids is hier omdat het van essentieel belang is om zoveel mogelijk te beheersen op een methodische manier die relevant is voor uw doelen.
De meeste mensen hebben geen idee van de gigantische capaciteit die we onmiddellijk kunnen beheersen als we al onze middelen concentreren op het beheersen van een enkel deel van ons leven.
- Tony Robbins
Laten we, om met ons te beginnen, grip krijgen op de instrumenten van de handel. We hebben Photoshop al bekeken in The Modern Web Designer, dus laten we wat dieper graven en ook goed kijken naar andere toepassingen die we kunnen gebruiken voor het beheersen van webontwerp..
Voordat je in meer complexe projecten springt, is het altijd goed om de tools te leren kennen waarmee je op gezette tijden zult werken. Als je een absolute beginner bent of misschien een ervaren professional, is het aanleren van de basis een must. Misschien beseft u iets dat u misschien nog niet eerder hebt gezien, dus het is altijd goed om uw kennis van deze hulpmiddelen op te frissen.
Er is een aantal teksteditors om uit te kiezen, en er is er een waarvan je het meest gebruikt en die je favoriet vindt. In deze cursus laat Jeffrey Way zien hoe Sublime Text 2 jouw volgende favoriete editor zou kunnen zijn.
Craig Campbell heeft de inside track op de coole nieuwe functies die Photoshop CS6 heeft voor uw webdesign-workflow, en hij zal u al deze geheimen laten zien tijdens het ontwerpen van een website.
Voor een webontwerper is Photoshop en Fireworks de traditionele keuze bij het ontwerpen voor het web, maar hoe zit het met Illustrator? In deze cursus neemt Cheryl Graham je mee op een reis door de wereld van Illustrator.
Adobe Fireworks CS6 is een krachtige tool voor website-ontwerpers. In deze cursus bespreken we de basisgereedschapssets die bij de software zijn geleverd terwijl we een website helemaal opnieuw opbouwden.
Weten hoe Photoshop moet worden gebruikt, is slechts de eerste stap! Ben Gribbin is speciaal gericht op nieuwe webontwerpers en doceert belangrijke technieken en workflowtips die van vitaal belang zijn voor elke webprofessional die in Photoshop werkt.
Nu u enkele van de tools van de handel hebt geleerd, laten we kijken hoe u ze nog beter kunt gebruiken door ontwerpprojecten te maken die u in de echte wereld zou doen..
Eenmaal zelden gebruikt in dit dynamische medium, worden retro- en vintage-elementen nu steeds populairder in verschillende ontwerpcontexten. Als je deze stijl altijd al hebt willen repliceren, dan hoef je niet meer te missen, want Craig Campbell is hier om je te laten zien hoe je een retro-webpagina maakt met Photoshop.
Wilt u webapps bouwen met Adobe Photoshop? Wilt u weten hoe u het effectiever kunt gebruiken? Kom binnen om enkele tips van instructeur Craig Campbell op te halen.
Moe van de theorie en klaar om te kraken? Sluit je aan bij Neil Pearce terwijl hij zijn mouwen oprolt en springt in de praktijk van het maken van geavanceerde gebruikersinterfaces en webontwerpelementen in Photoshop.
Navigatie is een van de belangrijkste aspecten van webdesign. Als mensen niet door uw site kunnen navigeren, zullen ze snel weggaan. Craig Campbell begeleidt u bij de stappen om drie verschillende soorten navigatiebalken te ontwerpen met behulp van Photoshop.
De landingspagina is het eerste dat je ziet als je een website bezoekt, en het bouwen van een moordenaar vergt een beetje vaardigheid en heel veel techniek. Als u een webdesigner bent, is dit een cursus die u niet mag missen.
Weten hoe je moet ontwerpen en bouwen (code), je merkt dat je een "front-end ontwikkelaar" wordt genoemd en dit zal zijn wat jou scheidt van de rest - weet je, degenen die niet kunnen coderen of niet kunnen ontwerpen. Als je beide kunt doen, ben je zeker op weg om het webontwerp te beheersen.
Als je wilt leren hoe je CSS3-animaties kunt doen, heb je een geweldige plek gekozen om te beginnen. Volg dit terwijl we je leren hoe je basisanimaties kunt maken met alleen je code.
Heb je ooit geprobeerd een leuk PSD-ontwerp voor een website te maken en geprobeerd het te vertalen naar HTML? Niet altijd gemakkelijk, is het wel! Hier is Adi Purdila om ons te helpen deze soms lastige kunst te leren, waarbij je een al ontworpen webpagina-indeling neemt en deze ontwikkelt tot een functionele, werkende webpagina met behulp van tussenliggende en huidige technieken.
In een vorige cursus leerde Craig Campbell ons hoe we effectieve navigatie-elementen voor onze websites moesten ontwerpen. En als je meeging met die cursus en je afvraagt hoe je elk ontwerp kunt bouwen, is dit nu je kans om te leren hoe Craig alle drie die ontwerpen neemt en ontwikkelt tot volledig functionele navigatiebalken.
Laten we eerlijk zijn, het maken van HTML-e-mails die consistent zijn op de meeste e-mailplatformen kan een nachtmerrie zijn, met veel e-mailprogramma's (met name Microsoft) die een algemene minachting hebben voor webstandaarden. Hier zal Craig Campbell je begeleiden bij het ontwerpen en vervolgens ontwikkelen van een HTML-e-mail.
In deze "hands on" -cursus laat Adi Purdila zien hoe je een effectieve coming soon-pagina ontwerpt en vervolgens ontwikkelt.
Bijna elke nieuwe klant wil tegenwoordig een mobiele versie van zijn website. Responsive Web design (RWD) is de benadering die suggereert dat ontwerp en ontwikkeling moeten reageren op het gedrag en de omgeving van de gebruiker op basis van schermgrootte, platform en oriëntatie. In dit gedeelte van onze gids bekijken we enkele van de beste cursussen over Tuts + Premium die u op de hoogte zullen brengen van RWD en dus de kers op de taart maken om een hoofdwebdesigner te worden. Omdat RWD een vrij nieuwe techniek is, vergeet dan niet om eens per maand terug te gaan naar deze gids voor nieuwe RWD-cursussen en e-boeken.
Wil je in dit relatief nieuwe veld stappen en de basis leren? Kijk dan en leer terwijl Ian Yates je de basis legt van responsief webdesign.
In deze cursus leidt Craig Campbell je door Foundation en hoe je het kunt gebruiken voor je RWD-workflow. Is dit kader voor jou? Laten wij het uitzoeken.
Dit e-boek, "Responsive Design" biedt een overzicht van responsief webontwerp, met veel situaties en technieken waarin deze aanpak kan worden toegepast op mobiele apparaten.
Hoewel deze handleiding 'Mastering Web Design' wordt genoemd, betekent dit niet dat u alles hoeft te weten over deze branche of over Photoshop, CSS3, HTML5 of andere informatie in deze handleiding. Ja, het zou leuk zijn, maar het zou hoogst onwaarschijnlijk zijn dat we dat ooit zouden kunnen doen vanwege de snelheid waarmee deze industrie verandert en evolueert. Het idee is om na te denken over je workflow, welke technologieën je helpen effectief en efficiënt te worden om je doelen te bereiken en nooit te stoppen met leren. Iemand zei eens: "Ontwikkel een passie voor leren. Als je dat doet, zal je nooit ophouden te groeien. "