Master Web Design cu Tuts + Cursuri

În ultimii ani, am văzut o explozie de noi tehnologii pentru designeri web care ne permit să producem site-uri dinamice, interesante și interactive. Dacă doriți să vă alăturați designului de petrecere și master, această colecție de cursuri Tuts + este locul unde puteți începe.

Așa cum probabil ați observat, faptul că sunteți în această industrie ne cere să ne aflăm în permanență pe degetele de la picioare și când aceste noi tehnologii (și uneori interesante) vin în prim plan, putem începe să ne ocupăm de ele și să le folosim în consecință. Ca urmare, învățăm întotdeauna și devine evidentă necesitatea stăpânirii meseriei noastre. Da, nu trebuie să stăpânești totul și probabil că nu vei reuși. Dar acest ghid este aici pentru că stăpânirea cât de mult poți într-un mod metodic care este relevant pentru obiectivele tale este esențială.

Cei mai mulți oameni nu au nicio idee despre capacitatea gigantică pe care o putem comanda imediat atunci când ne concentrăm toate resursele asupra stăpânirii unei singure zone a vieții noastre.
- Tony Robbins

Aplicații și instrumente

Pentru a ne da drumul, permiteți-vă să vă ocupați de instrumentele comerțului. Am luat deja o privire la Photoshop în The Modern Web Designer, așa că hai să aruncăm un pic mai adânc și să ne uităm și la alte aplicații pe care le putem folosi pentru mastering web design.

Înainte de a sari în proiecte mai complexe, este întotdeauna bine să cunoașteți instrumentele cu care veți lucra în mod regulat. Dacă sunteți un începător absolut sau poate un proaspăt pro, învățarea elementelor de bază este o necesitate. S-ar putea să realizați ceva ce nu ați mai văzut până acum, deci este întotdeauna bine să vă reîmprospătați cunoștințele despre aceste instrumente.


Flux de lucru perfect în textul sublim 2

Există un număr de editori de text acolo pentru a alege, și există unul pe care ați terminat folosind cele mai multe și consideră că este preferat. În acest curs, Jeffrey Way vă arată cum Sublime Text 2 ar putea fi următorul editor preferat.


Photoshop CS6 pentru Web Designeri

Craig Campbell are piesa interioară cu privire la noile caracteristici reale pe care le are Photoshop CS6 pentru fluxul de lucru de web design și vă va arăta toate aceste secrete în timp ce proiectați un site Web.


Illustrator pentru Web Design

Pentru un designer de web, Photoshop și Fireworks este alegerea tradițională atunci când se proiectează pentru web, dar cum rămâne cu Illustrator? În acest curs, Cheryl Graham vă va duce într-o călătorie în lumea Illustratorului.


Proiectarea fluxului web cu focuri de artificii

Adobe Fireworks CS6 este un instrument puternic pentru designerii site-urilor web. În acest curs, trecem peste seturile de instrumente de bază incluse în software-ul în timp ce construim un site web de la zero.


Tehnici de Photoshop pentru web designeri

Știind cum să folosești Photoshop este doar primul pas! Conceput special pentru noii designeri web, Ben Gribbin învață tehnici importante și sfaturi de lucru care sunt vitale pentru orice web profesionist care lucrează în Photoshop.

Proiecta

Acum că ați învățat câteva dintre instrumentele comerțului, să aflăm cum să le folosim și mai bine prin crearea de proiecte de design pe care le veți găsi în lumea reală.


Mastering Retro Web Design

Odată folosit rar în acest mediu dinamic, elementele retro și vintage devin din ce în ce mai populare într-o varietate de contexte de design. Dacă ați dorit mereu să replicați acest stil, atunci nu mai doriți, deoarece Craig Campbell este aici pentru a vă arăta cum să creați o pagină web retro folosind Photoshop.


Proiectarea aplicațiilor web

Încercați să construiți aplicații web cu Adobe Photoshop? Doriți să știți cum să o utilizați mai eficient? Începeți-vă să luați câteva sfaturi de la instructorul Craig Campbell.


Tehnici UI avansate

Obosit de teorie și gata să curețe? Alăturați-vă lui Neil Pearce în timp ce el își rostogolește mânecile și salută practica practică de a crea interfețe avansate de utilizator și elemente de design web în Photoshop.


Design eficient de navigație

Navigarea este unul dintre cele mai importante aspecte ale designului web. Dacă oamenii nu pot naviga prin site-ul dvs., ei vor pleca repede. Craig Campbell vă arată pașii cum să creați trei tipuri diferite de bare de navigare utilizând Photoshop.


Design eficient de pagini de destinație în Photoshop

Pagina de destinație este primul lucru pe care îl vedeți atunci când vizitați un site Web, iar construirea unui criminal îi face o mică calificare și tehnică. Dacă sunteți un web designer, acesta este un curs de a nu pierde.

Proiectați și construiți

Știind cum să proiectezi și să construiești (cod), te găsești a fi numit un "developer de front-end" și asta te va despărți de restul - știi, cei care nu pot codifica sau nu pot proiecta. Dacă puteți face ambele, atunci sunteți cu siguranță pe drumul spre stăpânirea designului de web.


CSS3 Animații

Dacă doriți să învățați cum să faceți animații CSS3, ați ales un loc minunat pentru a începe. Urmați-vă cum vă învățăm cum să faceți niște animații de bază folosind doar codul.


PSD la HTML pentru designeri

Ați încercat vreodată să faceți un design minunat de PSD pentru un site web și ați încercat să îl traduceți în HTML? Nu este întotdeauna ușor, nu-i așa! Aici este Adi Purdila pentru a ne ajuta să învățăm această artă uneori dificilă, unde veți lua un aspect deja conceput de pagină web și îl veți dezvolta într-o pagină web funcțională și funcțională folosind tehnici intermediare și actuale.


Dezvoltarea eficientă a navigației

Într-un curs anterior, Craig Campbell ne-a învățat cum să proiectăm elemente de navigare eficiente pentru site-urile noastre web. Și dacă ați urmat împreună cu acel curs vă întrebați cum puteți construi fiecare design, acum este șansa dvs. să aflați cum Craig ia toate cele trei modele și le dezvoltă în bare de navigare complet funcționale.


E-mail Design și dezvoltare HTML

Să facem față acestei probleme, crearea de e-mailuri HTML care sunt compatibile în majoritatea platformelor de e-mail poate fi un coșmar, cu multe programe de e-mail (în special Microsoft) care au o ignorare generală a standardelor web. Aici, Craig Campbell vă va îndruma prin procesul de proiectare și apoi de dezvoltare a unui e-mail HTML.


Mâinile pe: Design & Build a Coming Soon

În acest curs "pe mâini", Adi Purdila vă arată cum să proiectați și apoi să dezvoltați o pagină eficientă în curând.

Responsabil Web Design

Aproape fiecare client nou vrea zilele acestea o versiune mobilă a site-ului lor. Responsabilitatea design-ului Web (RWD) este abordarea care sugerează că proiectarea și dezvoltarea ar trebui să răspundă comportamentului și mediului utilizatorului pe baza dimensiunii, platformei și orientării ecranului. În această secțiune a ghidului nostru, aruncăm o privire la unele dintre cele mai bune cursuri de pe Tuts + Premium, care vă vor aduce la maxim viteza cu RWD și, astfel, așezați glazura pe tort pentru a deveni un web designer de bază. Deoarece RWD este o tehnică destul de nouă, nu uitați să reluați acest ghid o dată pe lună pentru noile cursuri și cărți electronice RWD.


Responsabil Web Design pentru începători

Doriți să intrați în acest domeniu relativ nou și să învățați elementele de bază? Apoi urmăriți și învățați cum Ian Yates vă învață fundamentele designului web receptiv.


Responsabil Web Design cu Fundația

În acest curs, Craig Campbell te plimbă prin Fundație și cum o poți folosi pentru fluxul de lucru RWD. Este acest cadru pentru tine? Să aflăm.


Design Responsabil

Această carte electronică, "Responsive Design", oferă o imagine de ansamblu asupra designului web receptiv, care prezintă multe situații și tehnici în care această abordare poate fi aplicată dispozitivelor mobile.

Masterat fluxul de lucru, nu industria!

Chiar dacă acest ghid este numit "Mastering Web Design", nu înseamnă că trebuie să înveți tot ce trebuie să știți despre această industrie sau Photoshop, CSS3, HTML5 sau orice altceva care se află în acest ghid. Da, ar fi frumos, dar ar fi foarte puțin probabil să putem face asta din cauza vitezei cu care această industrie se schimbă și evoluează. Ideea este să vă gândiți la fluxul dvs. de lucru, ce tehnologii vă ajută să deveniți eficiente și eficiente pentru a vă permite să vă atingeți obiectivele și nu opriți niciodată învățarea. Cineva a spus odată: "Dezvoltați o pasiune pentru învățare. Dacă o faci, nu vei înceta niciodată să crești.