Web design: de unde să începi să înveți pentru un începător? Lecții de web design de la zero. Bazele unui design bun De ce aveți nevoie pentru a deveni web designer

Astăzi vă vom prezenta un set de instrumente de design web cu care va trebui să începeți.

Dar înainte de asta, să definim rapid diferența dintre design web și dezvoltare web. Aceștia sunt doi termeni care sunt adesea folosiți în același context, dar sunt complet diferiți:

DESIGN WEB ȘI DEZVOLTARE WEB:

web design- acesta este designul artistic al părții vizuale a site-ului. Paginile, structurile lor, formele etc. Include fiecare aspect aspectși funcționalitatea site-ului web și necesită implementarea principiilor designului vizual și contabilității experienței utilizatorului. Astfel, designerul web creează un design atrăgător din punct de vedere vizual și în același timp ușor de utilizat de către utilizator.

dezvoltare web, acesta este procesul de creare a site-ului în sine. Acest proces include programarea (scrierea codului și a scripturilor) și aspectul paginii pentru viitorul web design și conținut informațional. Dezvoltatorul trebuie să aibă experiență și abilități de programare pentru a crea baza site-ului, astfel încât web designerul să aibă loc de creat.

INSTRUMENTE DE PROIECTARE WEB:

Acum că avem o idee despre ce este Web Design, să trecem la instrumentele necesare pentru ca acesta să funcționeze.

Schițe și instrumente de desen:

Ca și în cazul oricărui tip de design, designul web începe cu o schiță (idee). Îl poți desena pe hârtie sau poți folosi o tabletă grafică.

Comprimat: Dacă vă plac invențiile digitale, puteți folosi o tabletă grafică pentru a vă schița ideile de design. Ele pot fi instalate Adobe Photoshopși Illustrator și vă va ajuta să creați rapid o schiță digitală.

Creion + blocnotes: Metoda tradițională este de a schița manual, iar aceasta este o modalitate bună și ușoară.

TIPOGRAFIE:

Este foarte important să alegeți tipul potrivit pentru ideea dvs. de design site. Și nimeni nu ți-o va da sfat bun despre asta, cu excepția ta! Pentru că depinde de „gusturile” și „viziunile” tale personale. Iată câteva resurse de găsit cel mai bun tip pentru proiectul dvs. de web design.

Fonturi Google este unul dintre primele locuri pentru a căuta fonturi. Acolo sunt gratuite și le puteți transfera cu ușurință pe Blogger, WordPress sau Squarespace.

oert.org este o platformă excelentă pe care o puteți folosi pentru a explora diferite stiluri de tipografie, pentru a afla mai multe despre tipuri și pentru a experimenta cu ele.

CULORI:

Puteți petrece ore întregi creând palete de culori, explorând modul în care culorile interacționează între ele - este simplu și atât de frumos! Dar alegerea dintr-o paletă de culori poate fi dificilă la început. În timp, veți începe rapid să creați paleta de culori perfectă pentru proiectele dvs. Iată câteva resurse care vă pot ajuta.

coolors.co- interfață frumoasă, simplă și ușoară pentru creație rapidă palete de culori.

color.adobe.com- Paleta Adobe. Răcitorul are masă funcții suplimentare, dacă doriți să amestecați și să asortați culorile și să vă creați propriile palete. De asemenea, au o bibliotecă imensă de palete de culori gata făcute pentru inspirația ta.

De la autor: Mulți începători nu știu de unde să înceapă să învețe design web. Internetul grozav și teribil este plin de o varietate de materiale care sunt adesea confuze. Majoritatea oamenilor, de altfel, au un element de îndoială în talentul lor și teama de eșec. Mai ales dacă cunoașterea lor cu grafica se limita la lecțiile de artă din școala elementară.

Astăzi vă voi spune cum să deveniți web designer și să nu vă pierdeți într-o cantitate imensă de informații. Dacă ai încredere în tine și dorești să înveți, atunci acest articol este pentru tine!

Oamenii cavernelor au făcut picturi rupestre, egiptenii antici au desenat hieroglife și trăim în era designului web. Ce este? Voi încerca să explic „pe degete” și voi include în acest articol minimul pe care pur și simplu trebuie să îl înțelegeți înainte de a trece în această zonă.

Designul web este...

Cu toții înțelegem intuitiv că designul web înseamnă transformarea informațiilor de pe ecran în ceva plăcut din punct de vedere estetic și recunoscut. Este împărtășirea ideilor cu alte persoane. Exprimarea individualității tale. Formularea grafică a principalelor scopuri și obiective ale site-ului, conceptul acestuia. În general, acesta este ceva cu mai multe fațete și, la prima vedere, foarte complex. Mai ales dacă:

bunicul de 87 de ani;

nu au experiență și/sau educație relevantă;

nu știi să desenezi;

nu deține un computer.

Dacă cel puțin unul dintre punctele de mai sus nu este despre tine, atunci ai o șansă reală să devii web designer! Dar serios, pentru o persoană care este pasionată de ceea ce iubește, nu există bariere. Pregătirea în design web se poate face independent sau cu ajutorul literaturii de specialitate, lecții, resurse de internet, cursuri video plătite și gratuite.

Cerințe pentru un web designer

Este responsabilitatea designerului web să determine exact cum va fi perceput de utilizator un site web corporativ, blog sau altă resursă. Cât de ușor și rapid va înțelege conținutul paginilor, va naviga prin navigare, va găsi informațiile de care are nevoie și va efectua cutare sau cutare acțiune. De exemplu, va plasa o comandă pentru un serviciu sau produs.

Astfel, principalele sarcini ale unui specialist în design site web sunt:

atrageți atenția utilizatorului asupra avantajelor companiei;

a evidentia Informații importante despre un produs, serviciu, întreprindere;

conduce în mod logic vizitatorul să cumpere sau să efectueze o altă acțiune.

Instrumentele web designerului în această luptă dificilă pentru client ar trebui să fie elementele adecvate ale structurii site-ului: butoane, imagini, videoclipuri, link-uri, blocuri de text.

De unde să începi auto-studiul? 5 pași către succes

1. Aflați aspectele externe ale designului web. Învățarea și autoeducația ar trebui să înceapă prin a căuta inspirație la alte lucrări. Răsfoiți lucrările unor studiouri mari, designeri celebri, analizați site-uri cu trafic ridicat.
Ce fonturi folosesc? Cum a fost selectat paleta de culori? Caracteristici ale principalelor blocuri, titluri, imagini, butoane? Trebuie să fii atent la toate aceste subtilități.

2. Urmăriți-vă interesul interior. Ascultă-te pe tine însuți și încearcă să înțelegi ce te fascinează în această sau acea lucrare, ce este cel mai interesant pentru tine.

Încercați și experimentați până când obțineți o viziune despre ceea ce doriți să faceți. Acesta ar putea fi designul site-ului web, dezvoltarea de branding și logo, crearea identității sau a identității corporative, design aplicatii mobile etc.

3. Învață elementele de bază ale desenului și compoziției. Pentru a face acest lucru, nu este absolut necesar să vă înscrieți la o școală de artă, să stați într-o sală de clasă cu aceiași începători și să încercați să desenați o minge sau o vază. Este suficient să poți face o schiță. Lasă-ți mâna să se obișnuiască cu creionul. Pentru a face acest lucru, aveți răbdare și copiați din fotografii, imagini, tutoriale video.

Pentru a finaliza cu succes această etapă, uită de subiectul pe care îl desenezi. Gândiți-vă doar la proporțiile și locația sa în spațiu.

Dacă nu credeți în propriile abilități, căutați pe Google biografia artiștilor Matisse, Paul Gauguin, Moses, Adolphe Bouguereau, care au început să picteze la vârsta adultă.

4. Învață să folosești instrumentele Photoshop, explorează Bazele CSSși HTML, principiile aspectului adaptiv. Nu ar trebui să urmăriți imediat multe programe; în procesul de învățare a designului web, veți înțelege ce cunoștințe specifice vă lipsesc.

5. Găsiți uz practic cunoștințele tale. Creează-ți propriul site web sau blog. Fă-ți un portofoliu și plasează-l pe burse specializate pentru independenți.

Nu trebuie să finalizezi proiecte reale pentru a avea propria ta muncă. Vă puteți realiza propriile schițe ale site-urilor web, interfețelor aplicațiilor și siglelor companiilor locale.

Faceți exerciții din cărți sau lecții găsite pe Internet. În etapa inițială, pentru a învăța designul web, poți chiar să împrumuți ideile altora și să le modifici.

Rămâneți la modă și dezvoltați-vă. Chiar dacă ai un talent imens ca artist, totuși trebuie să cunoști lucruri precum grafica raster și vectorială, CMYK și RGB, principiile designului adaptiv, plat și material, instrumente Photoshop.

Dedicând cel puțin 1-2 ore pe zi studierii acestor lucruri, te vei mai bine și vei ajunge la un anumit nivel, care îți va permite să devii un specialist foarte bine plătit în domeniul web design-ului. De unde să începi să înveți - cu auto-studiu elementele de bază ale desenului și programe de grafică sau cursuri de formare cuprinzătoare - depinde de tine, în funcție de aspirațiile și motivația ta.

Când sunteți interesat de designul site-ului web, învățarea este foarte ușoară. Puteți viziona la nesfârșit site-uri web și bloguri, puteți citi interviuri cu designeri și puteți asculta prelegeri pe YouTube fără să vă săturați deloc de asta.

Totuși, rețineți, designul web este un domeniu care nu poate fi studiat doar teoretic. Cu cât experiența este mai reală, cu atât mai bine.

Piața modernă își lasă amprenta pe profesia de „web designer”. În ultimii câțiva ani, s-a impus tendința către o structură de site web minimalistă, simplificată, fără fonturi exotice, bibelouri, umbre etc. Tipografie mare, imagini de fundal pe toată lățimea paginii și stilul plat sunt, de asemenea, la bază. vârf de popularitate.

În următoarele articole vă voi povesti mai detaliat despre tendințele moderne de design. Cu asta imi iau la revedere. Abonați-vă la actualizările blogului nostru pentru a fi la curent cu toate evenimentele și noile produse din mediul designerilor și dezvoltatorilor de site-uri web. Învață, dezvoltă-te și vei reuși!

Salutare tuturor, prieteni! În acest material veți afla ce este web design, ce este UI/UX, Wireframing în web design modern, ne vom uita la regulile de bază pentru design UI de înaltă calitate, organizarea corectă a muncii în aplicațiile de web design, vom căuta la importanța aspectului HTML în design web și cum să înveți în mod independent și corect designul web și să te dezvolți ca designer web. Cu alte cuvinte, prietenii sunt Ghidul suprem pentru un designer web cool, care va fi extrem de util nu doar pentru incepatori, ci si pentru web designerii experimentati care vor sa se dezvolte profesional.

Misto

Bâlbâi

Prima parte: UX este capul tuturor

Ce fel de UX și ce alt cap, întrebi nedumerit? Să începem cu definiții seci și lipsite de viață, apoi vom analiza totul mai detaliat și în limbaj uman.

UX- disciplina care studiaza experiență de interacțiune utilizator cu produsul, percepțiile și reacțiile rezultate în urma utilizării.

UX este un concept care se aplică nu numai designului web, ci și altor domenii. Să săpăm mai adânc și să ne uităm la exemple din viața reală. Experiența de interacțiune este atunci când un specialist dintr-o fabrică controlează echipamente complexe apăsând câteva butoane, iar butonul de oprire este mult mai mare; UX este atunci când iei o scurtătură către casa ta folosind o potecă, deși există un trotuar frumos și curat; acesta este momentul în care așezi o ceașcă de cafea în niște niște speciale de pe panoul din interiorul mașinii tale; Acesta este atunci când pedala de frână este mai lată decât pedala de accelerație. UX este atunci când vezi link-uri către toate materialele de lecție folosite în descrierea videoclipurilor mele de pe YouTube și nu trebuie să cauți fișierele necesare pentru o lungă perioadă de timp. Totul ține de experiența utilizatorului. Pot exista o mulțime de exemple, dar esența este aceeași: UX este o modalitate prin care utilizatorul poate atinge un obiectiv în cel mai confortabil mod. Și dacă vrei să devii un web designer cool și o persoană de succes în general, trebuie să înveți asta.

Să ne uităm mai întâi la imagine. Acest lucru poate veni ca o revelație șocantă pentru tine, dar UX este o zonă care include cercetare și design, precum și vizualizare și aspect. Ca rezultat al lucrului la UX, ar trebui să obținem un prototip funcțional. Dacă vorbim de web design, un astfel de prototip este aspectul HTML. Dacă luăm și scoatem ecranul de pe telefon, putem vedea, pe lângă ecranul în sine, fire, căptușeli și cusături adezive. Aceasta este interfața. Un designer bun dezvoltă o interfață cu toate detaliile, inclusiv aspectul. Pe viitor, ecranul va fi conectat la placa telefonului (Back-end, PHP, Python, Ruby) sau programat (Front-end, JS). Înțeleg că astfel de afirmații îi vor face pe unii oameni incomozi, în special pe vechii designeri de layout, pentru care aspectul este o lume întreagă, o zonă separată de cunoaștere. Dar să ne uităm la dezvoltare în mod obiectiv și să numim pică. Realitatea este că dezvoltăm un model care, în cel mai bun caz, ar trebui să treacă testul, iar asta este meseria ta de web designer. Mai departe acest model(aspect HTML) poate fi transferat direct către dezvoltarea Back-end sau, dacă acesta este un proiect complex, către dezvoltatorul Front-end pentru a scrie codul aplicației JS.

În multe medii și companii mari adesea UX, specialiști UI și Codificatori HTML- ăștia sunt oameni diferiți. Dar acest model practic nu funcționează pentru freelancer. Cel mai eficient designer este cel care își poate implementa ideea de la început până la sfârșit, mai degrabă decât să predea jumătate din lucrare altei persoane, pierzând firul de aur al ideii. Este din ce în ce mai puțin spațiu la soare și acum „doar un designer de layout” este ca un șofer care știe doar să apese frâna. Nu este nimic complicat cu aspectul. Aceasta este o muncă normală de rutină de complexitate medie.

UX pe web- aceasta este fundația pe care se construiește designul unui site web sau al unei aplicații. Aceasta înseamnă proiectarea unei interfețe ținând cont de nevoile persoanelor pentru care creați un design de site web. Cine este utilizatorul final, ce obiective urmărește persoana folosind interfața dvs., cum îl puteți ajuta să obțină rezultate cât mai rapid și confortabil posibil? Iată principalele probleme pe care UX le rezolvă.

Provocarea în crearea experiențelor utilizatorilor este nevoia de a înțelege nevoile utilizatorilor mai bine decât le înțeleg ei înșiși.
Jess Garrett.

Mulți designeri web începători (și nu numai începători) confundă designul web și designul vizual. Unii oameni încă mai cred că procesul de creare a unui design de site web este, în primul rând, crearea de imagini, butoane, pictograme (UI), uitând complet de fundație (UX), de cercetarea persoanelor pentru care sunt desenate toate aceste lucruri.

Am văzut în mod repetat cum site-urile și LP-urile care nu sunt foarte frumoase din punct de vedere vizual au generat vânzări uriașe și au funcționat mai bine decât orice interfață plată de peste mări, cu pictograme și infografice elegante. Da, da, acestea erau site-uri cu gradiente ridicole, butoane uriașe, fotografii brute fără retușuri și blocuri de text comprimate. Dar au lucrat. Miracol, spui? Nu te gândi. Doar că designerul care a proiectat un astfel de site a efectuat cercetări asupra publicului clientului; doar că designerul știe să asculte și să înțeleagă nevoile reale ale utilizatorilor produsului, deși nu are niciun gust vizual deosebit. Sau a ghicit din greșeală direcția corectă. Dacă vrei să devii un web designer cu adevărat grozav, trebuie să ai două fețe strălucitoare și lustruite ale aceleiași monede - pe de o parte, trebuie să devii un bun specialist UX, pe de altă parte, trebuie să dezvolți simțul gustului, astfel încât interfețele tale nu sunt doar funcționale, dar ceea ce este și atractiv este interfața de utilizare. Dacă vorbim despre care designer este mai bun - cel care desenează având în vedere experiența utilizatorului, dar nu frumos, sau cel care desenează interfețe uimitoare, îngrijite, dar absolut nu se adâncește în problemele umane, atunci primul câștigă cu siguranță. Și acest lucru este de înțeles, pentru că mai mulți baniși este primul care va aduce clienți în afacere, în termeni simpli.

Părerea mea umilă: designul va înceta să mai existe de dragul designului vizual, Web 3.0 este epoca UX, conținut informațional sporit și comoditate.

Provocări UX

Trecem treptat de la teorie la practică. Ce probleme poate rezolva UX?

Sarcina principală a designerului este de a maximiza nivelul de satisfacție al utilizatorului final din interacțiunea cu produsul. În continuare, prin produs vom înțelege orice obiect al interacțiunii utilizatorului, fie că este un produs real, serviciu, aplicație web sau site web.

Un web designer este cineva care construiește o punte între proprietarul afacerii și potențialul client. Nu cred că este nevoie de un specialist în rachete pentru a înțelege că principala activitate de cercetare în design UX este studierea publicului potențial al unui produs. Cel mai dificil lucru aici este ceva care nu poate fi atins, nu poate fi măsurat - aceasta este empatia unui web designer sau specialist UX, capacitatea de a înțelege dorințele și sentimentele altor oameni. Un web designer trebuie să aibă suficientă experiență în viață pentru a determina, cel mai probabil, dorințele și sentimentele unui public potențial. Acesta este un proces subiectiv destul de complex, dar îl puteți pune în ordine și vă puteți îmbunătăți abilitățile de UX datorită tehnicilor de cercetare și proiectare dovedite.

Partea a doua: Cercetare

Nu puteți pur și simplu să luați produsul unui client și să creați un site web, o aplicație sau o pagină de destinație pentru acesta. Este fundamental greșit să luați pagina de destinație a altcuiva, munca altcuiva, dar și mai rău este să sugeți o idee din aer și să desenați un fel de design efemer pentru ea, inserând-o pe parcurs. Cuvinte cheieîn blocuri de text despre produs. Majoritatea oamenilor fac exact asta, chiar dacă este fundamental greșit. Aceasta este o fundătură, un drum spre nicăieri, în ciuda faptului că clienții mai puțin luminați în web design anulează deciziile ridicole și nereușite ale unui specialist prost care încă își primește banii din întâmplare.

Trebuie să înțelegeți clar DE CE creați exact această secțiune, exact aceste elemente, exact această ordine Pagină web. Toate acțiunile tale trebuie să fie susținute de o fundație din beton armat. Explicația la întrebarea „De ce sunt aceste lucruri mici aici?” va suna destul de ciudat. în forma - „Pentru că am văzut pe astea undeva și am hotărât acest formular se aplică conținutului tău fictiv, deoarece imaginația mea nu funcționează.” Ciudat, nu-i așa?

Calea corectă - cercetare. Cercetarea este primul pas pe care îl face un designer atunci când lucrează la orice proiect. Trebuie să identificați clar grupul de utilizatori, să aflați cât mai mult posibil publicul pentru care dezvoltați interfața și să aflați nevoile acestui public. Desigur, doar pe baza experienței personale și a sentimentelor tale, este destul de dificil să ajungi la o decizie corectă obiectiv în interfață, deoarece nu ești imparțial în raport cu rezultatul creativității tale și al tău. experienta personala referitor la un anumit produs poate fi destul de limitat. Cu toate acestea, dacă ați studiat temeinic produsul pentru care proiectați un site web, puteți trage câteva concluzii și puteți lua decizii. Minimul pe care pur și simplu trebuie să-l faci dacă ești freelancer, lucrezi singur și nu ai propria echipă de specialiști UX este să studiezi experiența actuală de afaceri și să schițezi un portret al consumatorului mediu al produsului. De exemplu, dacă creați o pagină de destinație pentru vânzarea de mașini agricole, cel mai probabil, potențialii clienți nu caută bibelouri speciale în designul vizual al site-ului; ei sunt mai interesați de catalogul de produse, fotografii, termene de livrare și metode. în special pentru regiunea lor, prețuri și posibile reduceri. Ultimul punct sugerează că designul UX este foarte strâns legat de afaceri. Acesta este ceva despre care designerii web nu vorbesc de obicei, dar la care toată lumea se gândește.

La începutul cercetării dvs., trebuie să discutați cu proprietarul afacerii, cu clientul dvs. Este un expert în produsul său și are experiență de lucru cu clienții, își cunoaște publicul. Notați toate punctele cheie pe note lipicioase sau într-un bloc de note pentru analize ulterioare. Dacă sunteți freelancer, studiați experiența unor produse similare, forumuri tematice și comunități, dar nu aplicați orbește dezvoltările concurenților în proiectul dvs. - acest lucru nu este corect și nu este eficient. Dacă sunteți un studio, aveți resursele și bugetul de proiect suficiente pentru o cercetare aprofundată - efectuați sondaje online, interviuri cu publicul, testare A/B a mai multor prototipuri potențial eficiente.

Sa trecem peste. Creați o listă cu caracteristicile vizitatorilor care vă interesează în primul rând. Pentru a face acest lucru, faceți un tabel cu persoane care ar putea fi utilizatorii produsului și caracterizați-i. Pune-te în locul persoanei, obișnuiește-te cu rolul și începe să gândești ca persoana respectivă:

Vă rugăm să rețineți că prin caracterizarea corectă a 1-2-3 persoane, aveți șanse mai mari de a lovi ținta, în raport cu un număr imens persoane cu valori și nevoi similare într-o anumită temă. Prin definirea a 2-3 (sau mai multe) persoane, puteți defini sarcini pe care vizitatorii le pot rezolva folosind interfața dvs.

Partea a treia: Wireframing, Wireframing Modeling

După ce ați identificat publicul, ați definit scopurile și valorile persoanelor, puteți începe modelarea cadrului interfeței, așa-numitul Wireframing. Wireframe servește la distribuirea informațiilor pe paginile viitoare în ordinea importanței – de sus în jos. În timpul procesului de modelare, vă gândiți la ce informații vor fi pe pagină, determinați forma de bază de ieșire a informațiilor, dar nu intrați în detalii și nu vă implicați în vizualizare. Nu ar trebui să te lași dus de cap, pentru că dacă mai târziu îți dai seama că structura nu este în întregime reușită, va trebui totuși să refaci totul din nou. Uită de stil și concentrează-te pe structură.

Pentru a crea un cadru puteți folosi aplicație specială sau desenați-l manual pe hârtie într-o cutie sau punct, apoi scanați-l și puneți-l într-un folder cu materialele proiectului. folosesc de obicei Aplicație online wireframe.cc, deoarece puteți face modificări în timp real și puteți fi de acord cu clientul. Dar uneori elaborez structura paginilor pe hârtie dacă îmi este prea lene să mă așez la computer.

Sfat: Nu vă instalați pe un singur Wireframe pentru pagina principală a site-ului sau ecranul principal al aplicației, faceți mai multe schițe ale aspectului structurii. Pentru pagina principală, luați informații din tabelul personajului, sortați obiectivele și valorile după importanță și experimentați cu forma în care prezentați informațiile vizitatorilor.

Lucrați prin toate paginile site-ului sau aplicației și numai după ce scheletul întregului site este gata, treceți la pasul următor.

Partea a patra: UI, vizualizare

După ce ați lucrat temeinic la UX, ați creat mai multe wireframes și ați selectat cele mai atractive opțiuni, puteți începe vizualizarea. Vizualizarea înseamnă desenarea wireframes, crearea unui stil unificat și proiectarea conținutului. Cu alte cuvinte, începem să lucrăm la UI. Cel mai adesea, pentru vizualizare sunt folosite Adobe Photoshop, Sketch.app, Inkscape+Gimp sau alte instrumente. Recomand să utilizați Adobe XD pentru a vizualiza și dezvolta un prototip grafic interactiv. În viitor, în lecțiile noastre vom folosi doar acest instrument pentru a crea un design, deoarece aici putem face imediat o vizualizare și arătăm cum se vor deplasa utilizatorii de-a lungul paginilor. Pentru a lucra cu grafică vectorială folosesc Inkscape - aici creez pictograme și alte elemente grafice necesare pentru a lucra grafică raster- cea mai bună soluție este Adobe Photoshop.

Regulile bunelor maniere

Nu există reguli în design web, spune Artemy Lebedev. Există reguli de bune maniere în web design, voi răspunde. Atunci când dezvoltă un design de site web, un designer web respectă anumite reguli nerostite atunci când proiectează. Spațiere între linii, spațiere, fonturi, dimensiuni ale elementelor - toate acestea pot fi măsurate și există implementări sincer proaste. Prin urmare, puteți întocmi un set de reguli, aderând la care cu siguranță nu veți face o vizualizare proastă a designului dvs., chiar dacă sunteți începător și simțul gustului este la început.

Vă rugăm să rețineți că aceste reguli pot fi încălcate dacă aveți multă experiență în design și știți ce faceți. Puteți încălca aceste reguli și dacă sunteți începător și experimentați. Dacă sunteți un designer web începător, încercați să nu lansați interfețe în producție care încalcă oricare dintre aceste reguli.

1. Tipografie, text, link-uri

   • Nu folosiți titluri prea mari;
   • Nu utilizați un font mai mic de 12px;
   • Nu faceți distanța dintre linii prea mică sau prea mare;
   • Nu întindeți literele cu instrumentul „Transform”, fontul ar trebui să fie natural proporțional;
   • Nu utilizați mai mult de 3 fonturi pe o pagină;
   • Nu folosiți prea puțin contrast, nu imprimați gri deschis pe alb sau gri închis pe negru;
   • Utilizați cu prudență distanța dintre caractere dacă știți ce faceți și fontul ales vă permite să faceți textul „aerisit” în cel mai elegant mod;
   • Nu faceți spații prea mici între paragrafe, titluri și elemente, dați puțin aer designului;
   • Nu utilizați capsule decât dacă este necesar;
   • Nu folosiți un font decorativ prea complex pentru blocurile de text principale, ar trebui să fie un font simplu și ușor de citit al unei familii Sans sau Serif (Serif și Slab - dacă știți ce faceți);
   • Toate linkurile, cu excepția elementelor de navigare, trebuie subliniate. De asemenea, încercați să proiectați link-urile care au fost deja vizitate într-o culoare mai închisă, spre deosebire de culoarea implicită a link-urilor;
   • Dacă ierarhia site-ului conține mai mult de 3 niveluri, nu uitați de breadcrumbs.

2. Grafică, pictograme, fotografii

   • Nu utilizați fotografii șablon în designul dvs. Este mai bine să o faci singur, să recomanzi clientului să contacteze un fotograf sau să găsească cele mai „realiste” fotografii;
   • Nu utilizați pictograme făcute din fotografii;
   • Toate pictogramele trebuie realizate în stil uniform;
   • Nu măriți fotografia peste dimensiunea inițială;
   • Nu scalați grafica disproporționat;
   • Nu utilizați alte moduri de amestecare a straturilor decât Normal;
   • Încercați să nu aplicați filtre imaginilor care ar trebui să aibă mai multe stări (de obicei, la trecerea cu mouse-ul, de exemplu). Toate suprapunerile și modificările se fac numai prin adăugarea unui nou strat. Totul ar trebui să fie reprodus cu ușurință în aspect HTML. Acest lucru nu se aplică retușurilor și pregătirii fotografiilor;
   • Nu scala fotografia înainte de a o converti într-un obiect inteligent;
   • Decupați fotografia doar folosind o mască de tăiere pentru formă; fotografia originală, ca la punctul anterior, trebuie salvată într-un obiect inteligent;
   • Dacă desenați pictograme în Photoshop, nu le rasterizați la o dimensiune redusă. Nu uitați că aspectul are încă o etapă de aspect și toate pictogramele vor trebui vectorizate. Obiectele inteligente originale cu pictograme trebuie să fie suficient de mari pentru urmărirea de înaltă calitate;
   • În mod ideal, ar trebui să aveți toate pictogramele și graficele plate în format SVG, într-un folder separat. Dacă sunteți un designer leneș, luați în considerare posibilitatea conversiei de înaltă calitate sau a exportului pictogramelor în SVG;

3. Culoare

   • Nu utilizați culori pure, asigurați-vă că încercați să obțineți cea mai plăcută nuanță;
   • Nu utilizați mai mult de 2 culori de accent pe o pagină și nu mai mult de două culori gri închis (sau negru) pentru text. În mod ideal, doar 1 culoare de accent și 1 gri închis/negru pentru text. Folosesc culorile 111111 - 222222 pentru fontul principal pe un fundal deschis;
   • Încercați să pictați cu culoare de accent doar acele elemente care sunt cele mai importante pe pagină, concentrați atenția asupra lor. Acestea sunt butoane, săgeți, casete de selectare a elementelor importante, link-uri text, pictograme informative (pictogramele mici precum „login”, „parolă”, „e-mail” și pictogramele din formulare nu trebuie subliniate);

4. Reguli pentru lucrul într-un editor grafic, organizarea muncii etc.

   • Numiți straturile în mod semnificativ;
   • Încercați să organizați blocurile semantice și componentele interfeței în grupuri;
   • Creați întotdeauna un folder separat cu toate fonturile pe care le utilizați în format TTF sau OTF. Fonturile pentru pictograme ar trebui, de asemenea, plasate în acest folder;
   • Creați machete 1-în-1 (72 ppi). La afișare 100%, machetele ar trebui să fie la aceeași scară cu rezultatul dorit al aspectului HTML;
   • Asigurați-vă că utilizați un fel de sistem de grilă în munca dvs. Îl poți dezvolta singur, dar recomand să folosești sistemul de grilă Bootstrap. Lățimea conținutului poate fi personalizată din lățimea originală a grilei Bootstrap, pentru aceasta puteți folosi pluginuri pentru crearea de grile dacă sunteți utilizator Photoshop;
   • Nu creați elemente decorative decât dacă are sens practic. Dacă acesta este un site de imagini și aveți nevoie Frumoasă poză, această regulă poate fi omis;
   • Respectați o ierarhie vizuală semnificativă. Citiți despre ierarhia vizuală;
   • Utilizați regula „interioară și exterioară”, care prevede că distanțele dintre elementele interioare ale blocurilor ar trebui să fie mai mici decât distanța exterioară dintre blocuri;
   • Nu uitați că oamenii vin cel mai adesea nu la pagina principală a site-ului, ci la cele interne, așa că gândiți-vă la blocuri universale informative - antet, subsol, bare laterale (dacă există). Antetul ar trebui să fie cât mai informativ posibil, dar nu suprasaturat. Elemente necesare: Logo, numele proiectului, navigare. Căutarea pe site și alte elemente sunt plasate în funcție de proiect.
   • O soluție bună este să plasați o navigație detaliată sau o hartă a site-ului cu toate locurile ascunse în subsol. Subsolul sau subsolul este un subiect complet separat, demn de un articol separat. Încercați să vă gândiți la subsol până la cel mai mic detaliu, încercați să nu faceți subsoluri înguste cu un logo și un număr de telefon. Aici, din nou, depinde de proiect, dar cel mai adesea este mai bine să faceți subsolul înalt și desfășurat. De foarte multe ori găsesc informațiile ascunse de care am nevoie în subsol și îmi plac pivnițele înalte și bine gândite. Nu credeam că voi spune asta despre subsoluri.

Ne-am uitat la afirmațiile de bază care pot fi numite reguli. Să ne uităm acum la cele mai comune mituri ale designului web, care au fost reguli și chiar un ghid de acțiune pentru unii, dar nu mai sunt folosite de profesioniști.

Mituri ale designului web

• Regula celor trei clicuri. Mit. Dacă utilizatorul este interesat de informațiile de pe pagina principală, va face câte clicuri dorește pentru a-și atinge scopul. Trebuie doar să-l ajutăm puțin cu asta - să plaseze corect indicatoarele în navigarea către materialul dorit. Navigarea trebuie să fie simplă și clară;
• Slider de conținut- Acest buna decizie. O declarație foarte controversată. Am folosit foarte des sliderele ca formă de afișare a conținutului, dar există studii care confirmă că puțini oameni le derulează și ceva îmi spune că chiar așa este. Poate că, în viitorul apropiat, eficiența glisoarelor de conținut va deveni un mit;
• Este nevoie de multă muncă pentru a realiza un design de calitate. Mit. După identificarea corectă a publicului, o imagine bună, un titlu și un bloc de text sunt suficiente pentru a face utilizatorul să fie sincer interesat de produs. Există situații în care un web designer este forțat să introducă orice în interfață (o grămadă de secțiuni cu CTA-uri, cronometre cu numărătoare inversă, îndemnuri la acțiune idioate) la cererea clientului cu acuzații că designerul nu a lucrat suficient. Este amuzant și ridicol. Din păcate, aceasta este o caracteristică comună a proprietarilor de afaceri și trebuie doar să puteți explica corect că în web design regula „cu cât mai mult cu atât mai bine” nu funcționează;
• Designul trebuie să fie original. Acest lucru este, desigur, bine dacă aveți o lună de rezervă și clientul are un portofel gras. Dar de multe ori lucrurile nu stau așa. Puteți cheltui mulți bani și timp pe ilustrații și design unice, dar totuși ajungeți la același rezultat ca și când nu ar exista astfel de oportunități. Lucrați la UX și pentru un rezultat excelent, o astfel de pierdere de timp și bani va fi inutilă. Adesea, utilizatorii care sunt obișnuiți cu o anumită aranjare a blocurilor universale (antet cu navigare, subsol) devin confuzi când vizitează site-uri unde totul este „original și neobișnuit”. Respectați standardele web și nu va trebui să reinventați cricul pentru biciclete. În plus, startup-urile adesea nu au timp sau fonduri pentru a experimenta. Cred că este posibil să creați un design simplu, cu o întorsătură care să funcționeze de fapt și să atragă clienți fără a recurge la înfloriri vizuale.

Partea a cincea: Aspect

Cred că un web designer ar trebui să fie capabil să facă layout. Deși probabil vor fi mulți colegi leneși care nu vor fi de acord cu mine. Vă rugăm să rețineți că canalul meu este numit WebDesign Masterși chiar și când am început să înregistrez lecții, aveam o idee destul de clară despre ce este web design și ce include. Desigur, ceva s-a schimbat, ceva a rămas neschimbat, dar sunt din ce în ce mai convins că o astfel de viziune asupra lumii este foarte obiectivă.

Nu mă pricep la Front-end, deoarece adevăratul Front-end este JavaScript profund, dezvoltând o logică de interfață complexă pentru proiecte mari și serioase. Am o mentalitate diferită - nu un programator, ci un designer, așa că nu văd rostul să mă forțesc într-un domeniu care nu-mi place. Dar pot oricând să-mi „reînvie” designul și să fac un prototip HTML funcțional la un nivel destul de înalt, dacă este necesar. Și aceasta este o opțiune destul de grozavă pentru un web designer, deoarece prețul tău, ca specialist, cel puțin se dublează. Nu vă fie teamă să explorați noi orizonturi. Aspectul nu este dificil.

Dacă doriți să stăpâniți aspectul și abilitățile de bază ca dezvoltator front-end, vă recomand:

1. Înțelegeți elementele de bază ale HTML
2. Studiați teoria. Pentru a face acest lucru, vă sfătuiesc să stăpâniți site-ul htmlbook.ru. De la început până la sfârșit, totul Etichete HTML, toate proprietățile CSS
3. Consolidați cunoștințele în practică. Următoarele materiale sunt potrivite pentru aceasta:

Există mai mult decât suficient material pe aspectul HTML, așa că aspectul este gata.

Partea a șasea: Auto-învățare și auto-dezvoltare

Designul web și dezvoltarea web în general sunt domenii în care, ca nimeni altul, cele mai importante autoeducatie. Până la urmă, nu avem școli, colegii și institute care să pregătească profesioniști în domeniul web designului (din 2016 actual), iar industria în sine nu stă pe loc și trebuie să fii mereu pe val.

În ceea ce privește UX, totul este liniștit și calm. Și asta va rămâne așa mult timp, pentru că de fapt, UX este o disciplină care studiază psihologia, iar aici este puțin probabil ca ceva să se poată schimba în viitorul apropiat. Aici, autoeducația constă în dezvoltarea lumii interioare, a propriei experiențe. După ce ați studiat baza de date, puteți lucra în siguranță mulți ani, doar ocazional monitorizând știrile din acest domeniu și citind povești bune de detectiv. Dar interfața de utilizare pentru auto-învățare necesită o atenție deosebită; viața este în plină desfășurare aici, tendințele în design vizual se înlocuiesc reciproc, sunt completate și evoluează aproape în fiecare zi! Nu sunt un susținător al urmăririi orbește a tendințelor și tendințelor, dar, așa cum arată practica, există o grămadă rațională în tendințe și ele trebuie urmate.

În ceea ce privește îmbunătățirea abilităților de interfață, nu puteți oferi instrucțiuni clare sau recomanda o carte care să vă ajute să creați interfețe frumoase. Dar, cu toate acestea, pot da câteva sfaturi, pe baza experienței mele, despre cum funcționează auto-învățarea pentru mine.

1. Explorați constant munca de pe ThemeForest - este o comoară a designului web modern. Încercați să utilizați câteva forme atractive de afișare a conținutului în lucrările dvs., dar nu vă lăsați duși de cap și nu uitați de baza - UX, totul ar trebui să fie pe subiect;
2. Fii un vizitator obișnuit al awwwards.com și urmărește lucrări interesante pentru a nu te relaxa;-)
3. De asemenea, pentru a dezvolta simțul gustului, va fi util să studiezi periodic lucrările bune pe behance.net. Fă-ți timp să exersezi - repetă munca care îți place în practică editor grafic, dar în niciun caz nu vă publicați copii nicăieri. Acest lucru este necesar doar pentru practică și auto-dezvoltare;
4. Criticați publicitatea de pe străzile orașului dvs. și gândiți-vă cum vă puteți descurca mai bine;
5. Criticați UX pe străzi și, de asemenea, gândiți-vă câte lucruri ar putea fi făcute mai convenabil. Din fericire, în spațiul post-sovietic avem un loc unde putem vorbi despre asta. Gândește-te la oameni, gândește-te ca oamenii.

Și astăzi scriu ceva asemănător cu ea. Articole similare, dar departe de profesii. Cert este că un web designer este o persoană care are tot dreptul să nu înțeleagă codul deloc, deși este bine pentru el să aibă măcar o înțelegere de bază a modului în care un site este transferat de la o machetă la internetul real.

Cum să devii web designer de la zero și ce este nevoie pentru asta?

Prin analogie cu articolul precedent, voi enumera mai întâi de ce aveți nevoie exact pentru a stăpâni această profesie:

1. Învață să lucrezi în program PhotoShop sau orice alta unde este posibilă lucrul cu straturi. Cu toate acestea, nu trebuie să cunoașteți PhotoShop în interior și în exterior. Conform statisticilor, designerii web folosesc doar 10-15% din capacitățile programului.
2. Aflați cum să proiectați un site web. Adică, înainte de a desena un aspect, ar trebui să întocmești cel puțin un desen brut al viitorului proiect, aceasta este o practică bună în rândul designerilor web, profesioniștii fac asta, ceea ce înseamnă că ar trebui să înveți și tu.
3. Înțelegeți ce tipuri de design de site-uri există. De exemplu, ce este tehnologia. design sau design plat.
4. Fiți capabil să desenați machete cu design adaptiv. Aceasta înseamnă că desenați modul în care site-ul se va schimba pe diferite rezoluții de ecran. Astăzi este aproape o cerință obligatorie, deoarece toată lumea vrea să aibă un site web prietenos cu dispozitivele mobile.
5. Înțelegeți tipurile de site-uri. Înțelegeți că ceva este potrivit pentru un site web de o pagină care nu este absolut potrivit pentru un portal de informații.
6. Găsiți și aplicați instrumente utile la locul de muncă. Designerul trebuie să învețe să folosească diverse servicii de asistență care să-i ușureze munca. De exemplu, există servicii bune pentru designul site-ului web, selecția culorilor etc.

După cum puteți vedea, trebuie să puteți face o mulțime de lucruri, dar să stăpâniți totul nu este atât de dificil. În continuare, vă voi împărtăși link-uri utile și recomandări despre cum să învățați și să deveniți designer web în cel mai scurt timp posibil.

Unde să înveți o profesie

Geekbrains - Acești tipi au un program de formare de cinci luni în care vei învăța design web complet de la zero și vei crea primele tale machete. Geekbrains Aceasta este o platformă super educațională, calitatea educației aici este la cel mai înalt nivel.

Netologia este o alternativă. În ceea ce privește răcoarea, nici măcar nu știu cine este mai bun: Geekbrains sau Netology? Cert este că ambele site-uri s-au dovedit foarte pozitiv; mii de oameni au studiat deja acolo și nu regretă. Da, prețurile pentru ambele nu sunt cele mai mici, dar în schimb primești antrenament de la un profesionist. Și poți deveni profesionist doar dacă te învață un profesionist. Următorul program educaționalîn web design va începe aici pe 20 mai. Ambele companii își ajută în mod activ studenții să-și găsească locuri de muncă după absolvire.

Webformyself - Lecții gratuite de web design pentru cei care doresc să încerce fără să investească bani. De asemenea, pe site-ul companiei există câteva cursuri plătite foarte bune pentru designeri începători.

Magisters.org/ - Am găsit în sfârșit un alt site aici, care, apropo, are o mulțime de lecții gratuite despre tehnologiile web. Există, de asemenea, un curs despre Photoshop și desenarea primului tău aspect al site-ului web. Deoarece cursul este obiectiv mai bun decât altele prezentate pe site, este plătit, dar costă doar 1.500 de ruble. În comparație cu pregătirea în Netologie, aceasta este de 10-12 ori mai puțin, dar obțineți și mai puține, dar informațiile sunt încă de înaltă calitate și dacă urmăriți lecțiile, veți putea de fapt să vă desenați propriul layout.

Ei bine, probabil că aici voi încheia această postare, am dat link-urile principale, tot ce trebuie să faci este să înveți profesia, să-ți îmbunătățești abilitățile și să începi să câștigi bani din web design. Cu siguranță, profesia se va potrivi Nu pentru fiecare persoană, așa că vă recomand să decideți mai întâi dacă acesta este ceea ce ți-ar plăcea să faci în viața ta.

Bună, dragă cititor! În acest articol vă vom spune cum să deveniți personal web designer.

Drumul către nivel profesional nu este ușor, dar rezultatul merită. Te sfătuim să fii răbdător și muncitor, pentru că avem multe de învățat.

Mai întâi, să decidem dacă merită efortul tău? La urma urmei, dacă ești condus de obiectivul de a câștiga bani, atunci acest lucru nu va fi suficient; ceea ce este important este dorința de a te bucura de procesul de învățare și de a îndeplini comenzile. Atunci angajatorii te vor aprecia, deoarece adevăratul motiv este munca întregii tale vieți.

De unde să începi pentru un începător

Mulți începători în acest domeniu se pierd în tone de informații, cărți, articole, cursuri video. Să structurem toate informațiile și să schițăm pașii specifici.

Sunteți de acord?

• Învață să lucrezi cu editori grafici.

Pentru început, un nivel bun de cunoștințe despre Adobe Photoshop va fi suficient. Acest program surprinde prin capacitățile sale, a căror dezvoltare va necesita timp și efort. Experimentați cu culori, pensule, efecte. Nu este necesar să desenați imediat un site web; este important să dezvoltați simțul gustului și abilitățile tehnice atunci când utilizați Photoshop.

De asemenea, va fi util să înțelegeți următoarele:

1. Illustrator – va ajuta la crearea pictogramelor și logo-urilor;
2. Design UX și UI – cunoașterea elementelor de bază vă va ajuta să creați o interfață ușor de utilizat;
3. HTML, CSS - înțelegerea limbajelor de programare servește ca asistent pentru optimizarea graficii într-un element cu drepturi depline al site-ului.

Dar învățarea nu se termină aici, e doar la început.

• Desenează-ți tot timpul liber.

Mai ales dacă nu aveți experiență, este important să redesenați munca altor designeri, mărci celebre și site-urile lor.

• Crea propriul blog, unde vei publica primele tale lucrari, trucuri pe care le-ai invatat.

Cereți designerilor web experimentați să comenteze despre munca dvs. Este util pentru tine și pentru alți începători.

• Dezvoltați-vă gustul artistic.

Un web designer nu se poate lipsi de idei creative și de gust. Dacă natura te-a lipsit de acest lucru, atunci trebuie să-l cultivi în tine. Mergeți la cinema, faceți fotografii, acordați atenție reclamelor, vizitați expoziții, interesează-te pentru picturi noi, cumpără cărți, fă-ți timp pentru a călători în locuri frumoase. Fă orice te inspiră să fii creativ!

• Nu te agăța de un singur lucru.

Încercați și găsiți exact ceea ce vă place. Pentru a decide, trebuie să încercați multe, de exemplu, să proiectați site-uri web sau să creați pagini de destinație. Poți fi bun la multe lucruri, dar este mai bine să fii profesionist într-un singur lucru.

• A analiza.

Nu, nu eu, ci lucrările altor designeri, de exemplu, Andrei Gorokhov sau Vasily Pirogov. Studiați nu numai reprezentanții interni ai acestei profesii, ci și pe cei străini. Astfel îți vei găsi rapid stilul, te vei inspira și vei obține o doză de motivație.

• Creați un portofoliu de calitate.

Citiți mai multe despre acest lucru în instrucțiuni - cum să faceți un portofoliu pentru un web designer (linkul va veni mai târziu).

• O oferă - ia-o.

Acceptă orice slujbă. Să fie simple bannere și logo-uri, nu contează. La urma urmei, dacă porniți de la zero, atunci aveți nevoie de orice lucru pentru portofoliul dvs. Și aceasta este cea mai importantă experiență care poate fi câștigată doar făcând, și nimic altceva. Ia măsuri! Încercați-vă, căutați-vă proprii clienți. Doar nu vă umflați prețurile dacă nu sunteți încă foarte încrezător în abilitățile dvs.

• Dacă abia începeți să preluați comenzi la schimburi, atunci nu uitați să aveți grijă și să creați portofele electronice, de exemplu, WebMoney și Yandex Money.
• Învață să comunici cu clientul.

Pentru aceasta este mai bine să folosiți Skype. Acest lucru este necesar pentru a înțelege mai bine dorințele unei persoane. Este important să aflați ce anume vrea să vadă angajatorul ca rezultat. Cereți clientului să arate site-urile care îi plac și, de asemenea, întrebați ce nu ar trebui să fie acolo. Studiați cu atenție sarcina tehnica(TZ) și dacă ceva nu este clar, asigurați-vă că clarificați. Discutați termenele limită.

Componentele unui proiect de succes

Poți deveni un bun web designer doar învățând cum să faci o muncă convingătoare. În căutarea idealurilor, este important să nu mergem la extreme, așa că haideți să vorbim despre ce este nevoie pentru a crea un site web bun? Cum este el?

• El este intuitiv și clar.

De-a lungul anilor de utilizare a internetului, utilizatorii s-au obișnuit cu standardele aproximative ale site-urilor web. Acest simpla inregistrare, informații despre proiectul creat. Dar, din moment ce toată lumea se străduiește pentru unicitate, un designer fără experiență se poate lăsa dus de cap și poate crea o resursă unică, dar incomodă dintr-una simplă, de înțeles. Prin urmare, inovația este încurajată - proiectul finit ar trebui să fie luminos, unic, dar totuși apropiat de standarde.

• E simplu.

Te-ai întrebat vreodată de ce Google este atât de popular și de solicitat? Totul ține de simplitatea lor; vorbesc limba utilizatorului cât mai mult posibil. Site-ul dvs. ar trebui să fie interesant, dar o grămadă de butoane și opțiuni de neînțeles vor fi în mod clar inutile.

• Respectă timpul utilizatorului.

Ai observat asta: mergi pe un site și toate paginile se încarcă rapid, dar pe altul durează atât de mult încât nici nu vrei să pierzi timpul. Conținutul trebuie optimizat. Dacă o faci puțin mai puțin elemente grafice, cum ar fi videoclipuri sau animații, acest lucru nu numai că va accelera procesul de încărcare, dar va crește și probabilitatea ca utilizatorul să fie interesat de site-ul dvs.

• Are feedback.

Așa-numitul feedback este întotdeauna iubit de vizitatorii site-ului. Acest instrument vă va ajuta să analizați cererea și, de asemenea, vă va ajuta să aflați păreri despre produsul dvs. Aceste informații vor fi necesare în viitor dacă proprietarul acestui site dorește să îmbunătățească conținutul sau serviciul în sine pe care îl oferă clienților.

• Este plin de conținut interesant.

Cel mai important lucru este conținutul. Oamenii vin pe site pentru a rezolva cutare sau cutare problemă și, pe lângă informații de calitate, trebuie să aveți grijă de lizibilitate. Acestea includ imagini adecvate, font, culoare, structura textului, caracterul complet și utilitatea acestuia.

Cum să obții succesul fără educație specială?

• Învăța.

Urmăriți diverse cursuri și traininguri despre web design. Nu sunt întotdeauna scumpe și, uneori, sunt chiar gratuite. Dar aceasta este întotdeauna o oportunitate minunată de a practica sub îndrumarea unor maeștri experimentați într-un cerc de oameni cu gânduri asemănătoare.

• Citește cărți.

Literatura de specialitate va fi asistentul tău fidel pe calea excelenței profesionale.

• Întrebarea unde să studiezi nu ar trebui să fie dificilă. La urma urmei, internetul este plin de lucruri diferite.
• Aflați puțin despre terminologia designului web.

De exemplu, ce este grilă modulară sau tipografie. Cu fiecare cuvânt nou, vocabularul tău profesional va crește, iar în curând va fi mult mai ușor să înțelegi angajatorii și cerințele acestora.

• Când vei primi cunoștințe necesare privind utilizarea anumitor programe, atunci vă va fi extrem de util, ca începător, să îndepliniți următoarea sarcină:

trebuie să găsești orice site care îți place pe internet. Apoi, descărcați Photoshop și copiați aspectul site-ului, cel puțin o pagină. Dacă faci acest exercițiu în mod regulat, vei descompune foarte repede întregul proces în pași mici. Acest lucru vă va îndepărta frica atunci când vă veți porni în primele proiecte de bricolaj.

• Practica este bună, dar nu ne putem lipsi de teorie și de informații. Prin urmare, vă recomandăm să studiați diverse tutoriale și articole video.

De exemplu, vă puteți uita pe acest site: egraphic.ru.

• De asemenea, o poți face mult mai simplu. Și anume, descărcați PSD-ul altui designer cu experiență și creați singur un aspect urmând exemplul. În acest fel, vei ajunge la viteză destul de repede.

• Dacă ai suficient entuziasm, poți să găsești un web designer deja experimentat și să-l rogi să te antreneze. Sau cel puțin programați o mini-consultație pe probleme pe care nu le puteți rezolva singur.

• Utilizați diverse programe online.

De exemplu, bannerovich.ru este potrivit pentru crearea de bannere, logo-uri etc.

Concluzie

Am discutat despre câțiva pași care vă vor apropia de stăpânirea designului web. Timpul pentru autoeducatieînceperea de la zero durează de obicei 5 - 6 luni. Toate acestea sunt pur individuale și depind de capacitățile și abilitățile persoanei în sine.

Prin urmare, nu uitați că există și pregătire profesională, cu ajutorul căreia se pot obține rezultate excelente într-o lună sau două.

Vă dorim eforturi reușite! Toate cele bune!