dacă sunteți hotărât să învățați web design pe cont propriu, sunteți în locul potrivit.
este adevărat că web design-ul poate fi destul de complex și descurajant, dar cu evoluțiile în tehnologie și penetrarea internetului, a crescut la proporții epice. Nu este surprinzător faptul că a deveni un designer web a devenit o tendință populară în generația actuală.
în acest articol, vă voi ghida prin învățarea designului web cu resurse și sfaturi. Pentru începătorii care doresc să ia această cale, puteți servi acest articol ca ghid.
Pasul 1: hotărâți-vă și faceți planuri
învățarea designului web este o sarcină pe termen lung, plină de provocări. Trebuie să te provoci serios. Faceți-vă mintea chiar acum și faceți planuri pe baza ghidurilor de învățare pe care le introducem în acest articol. Amintiți-vă că o veți face pe cont propriu dacă începeți să învățați designul web prin practică. Deci, să fie gata!
Pasul 2: obțineți o înțelegere de bază a designului web
” Cum pot începe să învăț designul web?”Aceasta este întrebarea în mintea ta. Pentru a învăța bine web design, ar trebui să înțeleagă răspunsurile de cel puțin următoarele 2 întrebări:
ce este web design?
oamenii înțeleg adesea greșit sensul designului web.
ce este web design-ul?
Visual + interaction = web design
web design este totul despre rezolvarea problemelor. Aceasta implică toate aspectele unui site web – arta, abilitățile, știința și tehnologia de a construi aspectul și funcționalitatea unui site web, precum și modurile în care utilizatorii interacționează cu paginile web.
mulți tineri designeri înțeleg adesea greșit conceptul de web design cu cel de dezvoltare.
amintiți-vă: WEB design este despre design, nu despre codificare și dezvoltare front-end sau back-end.
desigur, este mai bine dacă cunoașteți câteva limbi de codificare (HTML, CSS, Java etc.), dar nu ar trebui să vă adânciți în dezvoltarea front-end sau back-end dacă doriți să fiți un designer web concentrat. Nu acesta este nucleul web design-ului.
care este procesul de web design?
web design-ul nu este o sarcină simplă. Este destul de dificil, dar interesant să transformi o pagină goală într-un site web complet. Cum o poți face?
trebuie să urmați fazele majore ale procesului de web design. Acestea sunt:
- stabilirea unui obiectiv
determinați ce tip de site web veți proiecta. Este pentru e-commerce, o întreprindere, promovarea de noi produse, sau un proiect de activitate?
dacă nu aveți idee, atunci începeți cu un blog. Pentru noii cursanți, construirea unui blog este o alegere mai bună decât crearea oricărui alt tip de site web elaborat.
- realizarea unui program
creați o cronologie pentru proiectarea paginilor. Atribuiți sarcini tuturor celor implicați în proiectul de proiectare web.
- crearea unui Sitemap și wireframing
brainstorming. Transformați ideile într-un cadru de sârmă cu un stilou sau instrumente de sârmă. Trebuie să vă traduceți gândurile în ceva tangibil, astfel încât să le puteți valida din timp.
- crearea de conținut
adăugați conținut cu elemente de design, imagini, copii și interacțiuni. Aceasta este faza în care îți folosești toate abilitățile de proiectare și dezvoltare. Veți converti o pagină goală într-un site web finalizat în această fază.
- testare
Testați-vă site-ul web și colectați feedback util. Faceți – o până când maximizați calitatea experienței utilizatorului, apoi fiți gata de lansare.
- lansarea
Faceți site-ul dvs. disponibil vizitatorilor și îmbunătățiți-l pe baza feedback-ului adunat.
puteți obține o înțelegere mai cuprinzătoare a procesului de web design parcurgând acest curs de 43 de minute de Web Design.
Pasul 3: Începeți să învățați
odată ce vă configurați și înțelegeți fundamentele designului site-ului web, puteți începe să parcurgeți resurse și sfaturi practice de învățare.
designul web implică atât aspectul vizual, cât și designul funcțional. Asta înseamnă că trebuie să înveți 2 lucruri principale:
- cum faci un site să arate bine?
- cum faci un site să funcționeze bine?
va trebui să învățați cum să proiectați interfețe (tipografie, navigare, imagini, spațiu, animații, culori etc.), cum să le codificați într-un limbaj de dezvoltare web (HTML, CSS, Python, SQL, Ruby sau JavaScript), precum și să vă optimizați site-ul web pentru motoarele de căutare.
citiți cărți de învățare pentru web design
una dintre cele mai bune modalități de a învăța designul web este prin citirea cărților. Aici sunt 5 dintre cele mai bune cărți de web design, care sunt utile pentru cei care doresc să învețe web design pe cont propriu.
- HTML și CSS: proiectarea și construirea de site-uri web
- învățarea designului Web: Ghidul începătorului
- nu mă face să mă gândesc: O abordare de bun simț pentru Web Usability
- învățare web design
- Proiectare cu Web standarde
Citeste web design bloguri
dacă nu sunteți un șoarece de bibliotecă și de a găsi lectură o sarcină plictisitoare, puteți urmări unele cele mai bune blog-uri de web design pentru a menține creierul hrănit. Folosiți blogurile ca alternativă și abonați-vă la cele preferate pentru a evita să pierdeți nimic.
- Smashing Magazine
- Mockplus blog
- webdesigner Depot
- Webdesignledger
- Web Design LIBRARY
- hacking UI
- 1stwebdesigner
- webappers
aflați cu conținut PDF
unele conținuturi cu adevărat utile sunt disponibile în format PDF pentru descărcare gratuită. Îl puteți folosi pentru a învăța web design pas cu pas. Acestea sunt câteva exemple care merită timpul tău.
- web design – handbook
- Learning Web Design ediția a treia – Semantic Scholar
- web design 101 – MIT
- Construiți – vă propriul Site web în mod corect folosind HTML & CSS-X-Files
- un ghid complet pentru Web Design.pdf-online Christian Library
învață de la profesioniști
Urmărește designerii web de la care aspiri să înveți pe site-urile de socializare precum Twitter, Dribbble, Behance, Github și alte platforme unde sunt activi. Citiți postările lor, faceți clic pe butonul like pentru cei pe care îi apreciați și comentați dacă doriți să adăugați un punct sau să puneți o întrebare . Dacă aveți noroc, vă puteți găsi un mentor într-o comunitate sau grup online. Dar nu-i deranjați și luați ajutorul lor de la sine.
web designeri puteți urmări:
- Ethan Marcotte
- Chris Coyier
- Ethan Marcotte
- Jeffrey Zeldman
- Luke Wroblewski
aflați din tutoriale video de web design
există o mulțime de videoclipuri Youtube disponibile online. Reduceți – vă timpul vizionând lucruri amuzante și utilizați Youtube pentru a învăța designul web. Aici vă recomand 5 dintre cele mai populare tutoriale video. Bucurați-vă de vizionare.
- un tutorial de web design pentru începători pentru 2018-Partea 1 din 2
- Tutorial de dezvoltare Web pentru începători 2018 / 2019 – cum să faci un site web
- Tutorial de design pentru începători
- Tutorial HTML CSS pentru începători-tutoriale de dezvoltare Web pentru începători
- complet HTML si CSS tutoriale de web Design pentru incepatori
aflați de la cursuri online
cursuri online gratuite ar putea fi unul dintre cele mai bune resurse. De asemenea, puteți discuta cu alți cursanți.
- Class central
învață dezvoltare Web cu cursuri online gratuite și Mooc-uri de la Universitatea Johns Hopkins, Universitatea din Michigan, Universitatea KU Leuven, Universitatea din California, Berkeley și alte universități de top din întreaga lume.
- Coursera
un site web excelent pentru începători să învețe designul web. Puteți alege un curs de la universitatea dorită și puteți vedea câți oameni îl învață. Cu datele prezentate, aveți o mulțime de opțiuni în timp ce selectați un curs.
- Edx
afișează o mulțime de resurse pentru a vă construi abilitățile de proiectare și pentru a vă avansa cariera. Puteți învăța subiecte pas cu pas, cu diferite niveluri de în pași de dificultăți.
- W3Schools
util pentru învățarea limbajelor de codare de bază, cum ar fi HTML și CSS.
- Google Code University
Aflați cum să codificați de la dezvoltatorii Google.
- Code Avengers
îmi place în special acest site de învățare, deoarece este la fel ca o mare aventură care vă permite să participați la programe de provocare de codificare și vânătoare de bug-uri.
mai multe locuri pentru cursuri online de web design：
- copac
- Lynda
- Udemy
- Coursera
- Webdesign.tutsplus
Aflați elementele de bază HTML și CSS
vă puteți întreba, de ce ar trebui să învăț HTML? În general, utilizarea unei aplicații de design web precum Dreamweaver este în regulă. Dar, în prezent, majoritatea site-urilor web sunt bazate pe HTML5, iar CSS este pielea unui site web. Designul modern al site-ului nu este posibil fără CSS. Învățarea elementelor de bază HTML și CSS vă va ajuta să progresați în designul web.
resurse pentru a învăța HTML și CSS：
- 30 zile pentru a învăța HTML și CSS
- Ghidul unui începător pentru HTML & CSS
- nu vă temeți de Internet
- 8 Cele mai bune șabloane de site-uri CSS Responsive gratuite
de asemenea, vă puteți alătura comunității CodePen. Aceasta este o comunitate open-source care vă permite să editați fragmente de cod și să le partajați cu alții.
aflați JavaScript
pe lângă HTML și CSS, JavaScript este un limbaj important al web-ului pe care îl puteți învăța. Este un instrument care vă permite să creați Interacțiuni avansate ale utilizatorilor, cum ar fi efecte de paralaxă și aplicații web puternice.
resurse pentru a învăța Javascript:
- 32 dintre cele mai bune locuri pentru a învăța JavaScript pentru începători de Dezvoltare Web
- Top 37 Cărți JavaScript pentru începători și programatori cu experiență în 2019
Aflați mai multe despre elemente de web design
dacă sunteți bun la observare, veți găsi că cele mai multe dintre site-urile moderne atrăgătoare au un aranjament bun de elementele de bază ale site-ului, cum ar fi:
1 tipografie
tipografia este cheia pentru un design web excelent. Asigură Lizibilitatea conținutului și influențează direct experiența utilizatorului. Tipografia este un aspect semnificativ al tuturor site-urilor moderne, deoarece oferă atât estetică, cât și funcționalitate vizitatorilor lor.
resurse pentru a învăța tipografia web:
- 17 Cele mai bune site-uri de design tipografie & tutoriale
- 30 site-uri Creative cu tipografie Superba & scheme de culori
2）Animația și transformările
tranzițiile și transformările vor aduce interacțiuni îmbunătățite cu utilizatorii vizitatorilor site-ului dvs. web. Una dintre cele mai bune modalități de a crea animații simple este tranzițiile și transformările CSS. În plus, efectele de defilare parallax și defilarea orizontală sunt alegeri excelente pentru site-urile web.
3 schema de culori
combinațiile de culori ale unui site web reflectă preferința/stilul estetic al unui web designer și afectează în mod direct percepția privitorului. Trebuie să învățați cum să utilizați culoarea în designul UI cu înțelepciune pentru a crea o interfață UI perfectă.
4 fonturi de la 3603>
fonturile personalizate pot fi distractive sau expresive, dar nu sunt întotdeauna practice. Dacă doriți ca un site web să fie lizibil și profesional, alegeți cel mai potrivit font pentru acesta. Verificați 20 dintre cele mai bune fonturi web Google pentru un Design Web excelent. Sunt liberi să folosească!
5 aspect
aspect web design se concentrează pe intersecția dintre tehnologie și artă. Web layout design se referă la combinația de elemente vizuale, cum ar fi text și imagini pentru a face o pagină arata frumos și ușor de navigat. Este o formă importantă de comunicare vizuală și o parte integrantă a designului web. Aici sunt 9 dintre cele mai bune exemple de aspect site-ul și idei.
6 imagini grafice
pentru a oferi oamenilor o impresie vizuală mai intensă decât textul. Ele pot crește șansele de a atrage atenția utilizatorilor.
7 design Responsive
Web Design Responsive este o colecție de tehnici pentru construirea de site-uri web care funcționează pe mai multe dimensiuni de ecran. Aflați-l cu acest curs CSS de 47 de minute.
Aflați elementele de bază ale wireframing/prototyping
Wireframing/prototyping este un pas important pentru a pune bazele pentru site-ul dvs. în întregul proces de proiectare și dezvoltare a site-ului web. Vă permite să faceți brainstorming, să faceți un plan și să obțineți o idee clară despre structura site-ului.
nu confunda termenii diferiți. Du – te prin conceptele de bază UI/UX Design: diferențele dintre wireframe, prototip, și Mockup
aflați instrumente de web design
Photoshop-UI design tool
acesta poate fi folosit pentru a crea și de a spori fotografii, ilustrații, opere de artă 3D, site-uri de design și aplicații mobile; edita clipuri video, simula picturi din viața reală; și mai mult. Puteți afla cum să utilizați prin oricare dintre cele mai bune 22 de tutoriale gratuite pas cu pas Adobe Photoshop pentru începători.
Dreamweaver – instrument de dezvoltare web
poate fi folosit pentru a crea pagini web dinamice pentru mai multe platforme și browsere. „Dreamweaver permite utilizatorilor săi să proiecteze, să codifice și să gestioneze site-uri web, precum și conținut mobil. Dreamweaver este un instrument integrat de mediu de dezvoltare (IDE).”(Wikipedia). Începeți cu Ghidul începătorului pentru Dreamweaver.
Mockplus – instrument de prototipare
Mockplus este unul dintre cele mai bune instrumente de prototipare pentru designerii web pentru a crea o machetă web interactivă. Puteți glisa și plasa componente pentru a construi un site web și previzualiza-l în HTML sau în alte formate. Ai nevoie doar de 10 minute pentru a începe prototiparea gratuit.
aflați cu un constructor de site-uri web
începând cu un constructor de site-uri web vă poate ajuta rapid să înțelegeți cele mai bune practici de construire și proiectare a site-urilor web. Cu șabloanele și kiturile UI pre-proiectate, puteți personaliza pur și simplu elemente sau puteți adăuga fragmente de cod pentru a face un site web pe care vizitatorii îl admiră.
constructori de site-uri web, puteți încerca:
- recenzie gazdă Web
- Wix
- ConstantContact
- SITE123
- Jimdo
- WordPress
Aflați SEO
It este bine să ai un specialist SEO care să se ocupe de lucrurile motorului de căutare. Dar designul este destul de legat de SEO, deoarece conținutul de pe site-ul dvs. web este citit de motoarele de căutare și joacă un rol în clasament. Dacă doriți să proiectați un site web optimizat pentru SEO, atunci cunoașterea elementelor de bază ale SEO este o necesitate. Cel puțin, ar trebui să știți despre meta descrieri pe pagini și elemente.
aflați tendințele de Design
tendințele de Design se schimbă rapid. Trebuie să fiți conștienți de cele mai recente tendințe de design și tehnologii de dezvoltare web pentru a proiecta un site web modern. Puteți trece pur și simplu prin Top 10 tendințe și exemple de design web Must-Know în 2019 pentru inspirație.
Pasul 4: Începeți cu un wireframe
începeți procesul de proiectare a site-ului web cu un wireframe. Wireframing ajută un web designeri în brainstorming și validarea gândurile lor de timpuriu. Începeți wireframing cu cele 10 sfaturi practice pentru schițarea cadrelor dvs.
Pasul 5: Utilizați ceea ce ați învățat pentru a proiecta un site web
acum este momentul să testați ceea ce ați învățat la Pasul 3. Trebuie să înveți web design făcând-o. Atunci vei ști ce înțelegi și ce nu. apoi continuă să înveți și continuă.
Pasul 6: cereți feedback și faceți îmbunătățiri
dacă ați creat un blog sau orice alt site web, ar trebui să invitați oameni la acesta. Încercați să obțineți cât mai mult feedback ca tine poate face apoi îmbunătățiri.
Întrebări frecvente despre învățarea web design-ului
cât durează să înveți web design-ul?
web design de învățare este un proces continuu, dar poate fi învățat în luni. De obicei, vă va lua 5 luni pentru a învăța HTML, CSS și elementele de bază ale JavaScript. De asemenea, trebuie să petreceți timp pe Instrumente de proiectare precum Photoshop, Sketch și Mockplus.
în plus, ar trebui să înțelegeți standardele web, principiile de proiectare, designul UX/UI, compatibilitatea între browsere și capacitatea de reacție. Învățarea tuturor acestor lucruri vă va lua 3 până la 4 luni.
și cel mai important lucru este că sunteți pe cale să intrați în domeniul designului web după toate aceste lecții. Designul se schimbă, tehnologia se schimbă, așa că trebuie să continuați să învățați continuu.
pot deveni un web designer fără o diplomă?
puteți deveni un web designer fără o diplomă. Pentru a fi web designer, o diplomă nu este o necesitate, ceea ce trebuie să aveți este un interes în programare, cunoașterea designului vizual și codificarea acestuia într-un limbaj de dezvoltare web, precum și alte abilități în proiectarea web. Dar o diplomă vă poate crește șansele de a fi angajat în majoritatea cazurilor.
ce pot face după ce am urmat un curs de web design?
după ce finalizați un curs de web design, puteți prelua un proiect live, apoi vă puteți angaja într-o companie de web design sau puteți fi freelancer și puteți căuta singur proiecte și clienți.
are web design-ul un viitor?
trăim într-o lume digitală plină de site-uri web. Viitorul este destul de promițător.
conform Ghidului salarial Creative Group 2019, dezvoltatorul web front-end este unul dintre cele mai bine plătite locuri de muncă din domeniul creativ și de marketing, alături de designeri UX, cercetători în experiența utilizatorilor, copywriteri etc. Potrivit Glassdoor, dezvoltatorii web sunt plătiți între 41,6 k-78,3 k pe an și, conform PayScale, li se oferă 16,4 k – 34,6 k pe an. Salariul mediu de web designer este în jur de $49,693.
web design-ul este ușor?
ar putea părea simplu la început, deoarece puteți învăța elementele de bază ale HTML & CSS în câteva luni. Dar, pe măsură ce avansezi în această industrie, s-ar putea să o găsești mai provocatoare. Trebuie să înveți continuu noi tehnologii pentru a ține pasul cu toate schimbările. Dar dacă sunteți interesat să construiți site-uri web și aplicații web, atunci designul web ar putea fi ușor pentru dvs.
concluzie
dacă doriți să învățați designul web pe cont propriu, informațiile de mai sus au tot ce aveți nevoie pentru a începe. Nu mai pierdeți timpul pe Facebook sau Twitter „căutând răspunsuri”. Deși puteți construi o comunitate de design pe aceste platforme, nu puteți fi un designer web petrecând timp fără scop. Deci, stai jos și începe să înveți. Nu renunța niciodată la învățare și noroc pentru tine!