Master Web Design met Tuts + cursussen

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

Toepassingen en hulpmiddelen

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.


Perfecte workflow in sublieme tekst 2

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.


Photoshop CS6 voor webontwerpers

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.


Illustrator voor webontwerp

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.


Web Design Workflow met Fireworks

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.


Photoshop-technieken voor webontwerpers

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.

Ontwerp

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..


Mastering Retro Web Design

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.


Web Application Design

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.


Geavanceerde UI-technieken

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.


Effectief navigatieontwerp

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.


Effectief ontwerp van bestemmingspagina's in 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.

Ontwerp en bouw

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.


CSS3-animaties

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.


PSD naar HTML voor ontwerpers

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.


Effectieve navigatie-ontwikkeling

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.


HTML Email Design en Ontwikkeling

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.


Hands on: Design & Build a Coming Soon Page

In deze "hands on" -cursus laat Adi Purdila zien hoe je een effectieve coming soon-pagina ontwerpt en vervolgens ontwikkelt.

Responsive Web Design

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.


Responsive Web Design voor beginners

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.


Responsive Web Design met Foundation

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.


Reagerend ontwerp

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.

Beheers uw workflow, niet de industrie!

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. "