Bine ați venit la Webdesigntuts +, o resursă online dedicată predării și încurajării designerilor web de toate nivelele de experiență și de experiență. Indiferent dacă este pentru prima dată aici, te-ai găsit în trecut în conținutul nostru sau dacă ești un vizitator regulat, această postare te va ajuta să găsești cele mai bune conținuturi.
Iată o scurtă descriere a ceea ce veți găsi pe această pagină ...
Noțiuni de bază în legătură cu proiectarea unui site web este despre înțelegerea a ceea ce aveți de gând să atingă și modul în care puteți rezolva problemele prin design. În primele etape ale procesului, merită să ne gândim creativitate și avem o întreagă sesiune de tutoriale care să vă ajute cu asta:
Dincolo de creativitate vine realitatea proiect. Cum poate cineva să ia idei și să le comunice în termeni de proiectare? Cum ar trebui să fie prezentată o pagină web? Cum influențează culoarea un design? Și cum ar trebui să luăm în considerare utilizatorii noștri?
Și dacă sunteți dezvoltator, veniți la designul web dintr-un fundal de codificare? Avem o întreagă serie de articole de teorie a designului (fiecare având o sarcină la sfârșit) pentru a vă ajuta, plus câteva tutoriale de flux de lucru foarte utile:
Planificarea, schițarea, modelarea prin fire și reprezentarea grafică sunt aspecte importante ale designului web, dar ce-ar fi de fapt realizarea acestor modele pentru browser? Obținerea unui martor pe standardele web (HTML, CSS și JavaScript) este vital dacă sunteți interesat de lumea dezvoltării frontaliere. Să începem cu elementele de bază ...
Cu o înțelegere fundamentală a HTML și CSS, puteți începe să traduceți imaginile statice în pagini web vii și respirabile. Urmăriți-l pe Adi Purdila în timp ce se mută de la Photoshop la editorul de coduri, construind tema sa Adaptive Blog în această serie extinsă de serii.
Fiecare meșter are nevoie de unelte bune, iar designul web nu este diferit! În realitate, cu un simplu editor de text și un browser web aveți suficient pentru a vă începe, dar există multe alte aplicații și instrumente care să vă ajute cu alte sarcini.
Munca de lucru a multor un studio de design web de ani de zile. Rolul său se poate schimba în aceste zile, dar nu există nici o negare a prezenței sale în arena de design.
Dezvoltarea aplicației Adobe Fireworks este întreruptă, făcându-se loc pentru niște copii noi pe bloc, dar are încă un pasionat de urmărire și este un instrument de web design foarte capabil.
Emmet este unul dintre acele instrumente magice care, odată ce începi să-l folosești, vei fi intotdeauna uimit cum ai reușit fără. Aruncă o privire!
Cei noi copii de pe blocul despre care tocmai am vorbit despre moartea focului de artificii? Aceasta ar fi Reflow și cealaltă suită de instrumente Adobe Edge. Viitorul este aici, doamnelor și domnilor.
Există o mulțime de instrumente de tip wireframing pentru a alege, dar Omnigraffle este cu siguranță unul dintre cele mai populare. Uitați-vă la ghidul nostru pentru începători.
Responsabilitatea design-ului web a fost, fără îndoială, cea mai dramatică mișcare care a lovit webul, deoarece cineva a sugerat să nu mai folosim tabelele HTML pentru scopuri. Pentru a înțelege mai multe despre ceea ce este, aruncăm o privire la acest interviu rapid cu fondatorul său, Ethan Marcotte.
Dacă te implici mai mult, vei găsi un număr de tutoriale și articole care explorează multe aspecte ale RWD.
Designerii de web folosesc sistemele de gestionare a conținutului ca o soluție web reală de ani de zile. De ce reinventați roata când CMS, cum ar fi WordPress, fac structura și gestionarea site-ului atât de bine?
Într-o continuare a sesiunii prezentate mai devreme, Adi Purdila își construiește site-ul static și îl transformă într-o temă WordPress. Urmați-l în timpul acestor programe foarte complexe și în curând veți putea face același lucru. Alternativ, urmăriți-mă pe măsură ce trece printr-o altă construcție WordPress, de data aceasta bazată pe scheletul popular.
Cu toate acestea, WordPress nu este singurul CMS aflat acolo. Adăugăm întotdeauna la tutorialele noastre CMS, deci iată un exemplu despre ce altceva există acolo:
Capacitatea de a proiecta și de a construi un site web este o mică parte a afacerii. Dacă veți reuși să câștigați bani ca designer de web, este important să înțelegeți industria.
Capacitatea de a lucra cu o echipă și cu clienții dvs. este crucială, prin urmare, aruncați o privire la aceste articole care vă vor ajuta să vă deplasați:
Învățarea de la colegii dvs. este una dintre cele mai bune modalități de a avansa în designul web. Pe Webdesigntuts +, ne bucurăm de critica atât a muncii cititorilor, cât și a activității marilor jucători din industrie. Aruncati o privire la seria noastra How They Did It, plus colectia noastra de posturi de atelier. Alăturați-vă discuției!
Există o mulțime de mai multe pentru a se arunca cu capul la Webdesigntuts +, poate că sunteți interesat de accesibilitate, Cadre ca Bootstrap, Fundația, Pure și Jeet, SEO, Tipografie, HTML Email sau UX plus altele.
Și, ca și în cazul tuturor aspectelor din Tuts +, conținutul nostru continuu să crească, așa că țineți la curent cu noi pe diferitele noastre canale sociale pentru a vă asigura că nu pierdeți niciodată un truc:
Vă mulțumim că ați vizitat Webdesigntuts+!