web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Nu sunt atât de mult împotriva sistemului de formare web design intern. Doar ia în considerare faptul că cele mai multe dintre aceste cursuri - doar o „pătare“ din timp util studierea inutile pentru informațiile web designer novice, cum ar fi „ce internetul“ sau „cum se instalează Photoshop“ (cu siguranță poate învăța tine).

În plus, faptul că nu predau la web designeri din țara noastră. Adică, specialitatea „Design grafic“ este în multe universități, cu toate acestea, este vorba de imprimante, ilustratori, decoratori, graphic designeri - care sunt orice, dar experți în web design.

Astăzi vom vorbi cu tine despre, fără de care nici un cost, nici o lecție introductivă pe web design de la zero - principalele criterii de design bun: culoare, formă și tipografie. Și, desigur, despre conceptul de web design.

Ce este Web Design?

Creați orice proprietate web începe cu designul interfeței sale, care ar trebui să fie nu numai convenabil și intuitiv pentru utilizator, dar, de asemenea, pentru a îndeplini scopurile și obiectivele care se află în fața a site-ului. În ciuda faptului că interfața decor se îndepărtează în fundal, utilizarea lui inteligent va spori confortul site-ului, face memorabil si original.

Dacă nu aveți de gust artistic naștere, nu vă faceți griji. Principalul lucru - să cunoască elementele de bază ale web design, iar gustul va fi experimentat.

În mod implicit, negru monitor color. culori primare - roșu, albastru și verde - se adaugă la negru și toate celelalte culori. Dacă adăugați la cele trei culori primare, veți obține alb. Acest model de culoare numit RGB.

Unele lecții de web design de la zero, începând cu o descriere a roții de culoare, care este asistentul principal pentru orice web designer.

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Principiile roții de culoare

Perechi de culori dispuse opus una față de cealaltă, sunt în contrast. De exemplu, albastru și galben, violet, verde, albastru și roșu;

culori contrastante se exclud reciproc. Asta este, dacă măriți nivelul de culoare albastra, se va reduce automat nivelul de roșu. Și vice-versa;

o culoare obținută prin amestecarea culorilor învecinate. De exemplu, la galben, pentru a se amestecă verde și roșu;

orice culoare poate fi în contrast cu mai mult de o culoare și pereche contrastantă. Deci, pentru a crește valoarea de roșu, albastru poate reduce nivelul sau în același timp, reduce valoarea de albastru și verde.

de viață mici hacking: de a alege rapid o culoare contrastantă, puteți inversa culoarea oricărui element de pe ecran prin tastarea Ctrl + I.

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Fără excepție, toate obiectele au formă. Putem crea un obiect fără culoare sau textură, dar informația de pe formular nu poate fi omisă. Cele mai frecvent utilizate forme simple in web design sunt: ​​linie, dreptunghi, triunghi și cerc.

Linia poate îndeplini două funcții: conectarea și partajarea de alte obiecte. Exemplu Compus:

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Dreptunghi. Este important de a alege raportul de aspect. Cu siguranță ați auzit despre „secțiunea de aur“ - divizarea segmentului în părți, astfel încât raportul dintre mai mic la cel mai mare a fost la fel ca și raportul dintre mai mare pentru întreaga lungime a segmentului. Mai jos este un exemplu în care punctul C împarte segmentul AB, astfel încât AC: AB = CB: AC.

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Deci, principiul „secțiunea de aur“ se observă nu numai în picturile lui Leonardo da Vinci, dar, de asemenea, în toate domeniile științei și artei, în special, și web design. Se crede că „secțiunea de aur“ generează armonie. De exemplu, fotografia obiectele importante trebuie plasate la o distanță de 3/8 și 5/8 de margine, adică, în centre vizuale importante.

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Triangle. Este dificil pentru model de web design care vă permite pentru a obține efecte diferite. De multe ori nu se potrivește bine în imaginea de ansamblu, cu toate acestea, dacă este utilizat în mod corespunzător, de exemplu, logo-uri, pot accentua fiabilitatea și stabilitatea companiei.

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Cercul. Ca un triunghi, această cifră este bună logo-uri, icoane și alte obiecte mici. În instalații mari, și cerc de design ecran este rar folosit.

Tipografie.

Job web designer este nu numai obiecte de desen și plasarea lor corectă în spațiu. Una dintre cele mai importante sarcini - pentru a face textul frumos și ușor de citit pe care o vedem pe ecran.

Diferite platforme și browsere preferă să se afișeze în propriile lor fonturi (care iritarea căilor prost în calitate de utilizatori și web designeri), așa că încercați să utilizați fonturi în condiții de siguranță, care sunt garantate sunt reflectate în toate browserele.

În plus, designul site-ului nu este recomandat să se utilizeze mai mult de trei fonturi:

de bază - pentru materialele de bază de pe site. Utilizați fonturi comune convenabil interval ușor de citit, linie (de aproximativ 1,5 ori mai mare decât înălțimea caracterelor);

aktsidentny - pentru titluri. Acest font poate fi identificat nu numai în dimensiune, dar, de asemenea, de culoare;

opțional - pentru navigare, informații importante, meniuri, logo-ul, citate, etc ...

web Lecții de design de la zero, fundamentele de proiectare bună pe clase de web-design

Asta e tot pentru. Următoarea lecție pe web design va acoperi elementele de bază de lucru cu Photoshop.

În concluzie, aș spune că fundamentele de proiectare abilitate oricine poate învăța. Tocmai ai o dorinta de a face un efort, si se pune deoparte timp pentru instruire. Bazele de Web Design (culoare, obiecte de formă și fonturi) - este fundamentul pe care să construiască formare.

Aboneaza-te la actualizările noastre și au învățat mai întâi web design. Până când ne vom întâlni din nou!

Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram

articole similare