Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

Salutări pentru dvs., dragi cititori ai blogului meu. Cu tine, Evgeny Kretov cu un alt articol "Bazele de design în clădirea site-ul modern."

În acest articol, aș dori să atingeți tema tendințelor în designul web modern. Noi vorbim despre ce zone sunt acum cele mai populare și care nu sunt utilizate, așa cum spun ei, doar pentru a extinde orizonturile, și că sunt conștienți de tendințele globale și să înțeleagă că acum pe creasta unui val, dar din ceea ce este mai bine să abandoneze complet .







Tendința de design modern în construirea de situri

Deci, haideți să începem cu tendința principală, care ne-a îndreptat spre designul occidental și continuăm să trecem cu furie, și aceasta este adaptabilitatea site-ului.

Pe scurt, să luăm ca o condiție prealabilă: site-ul modern ar trebui adaptat pentru dispozitivele mobile.

Următorul trend, asociat din nou cu adaptabilitatea site-ului, este performanța acestuia și, în consecință, viteza de descărcare în diferite browsere. Nu este un secret că viteza de descărcare a site-ului cu un Internet staționar este mult mai mare decât descărcarea aceluiași site în aplicațiile mobile. Și nu întotdeauna utilizatorul dispozitivelor mobile are internet de mare viteză, cel mai adesea este 3G și chiar 2G. În consecință, site-ul nu ar trebui să fie greu și încărcat pentru o perioadă lungă de timp și ar trebui adaptat la cel mai adesea instabil Internet mobil.

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

Dar, desigur, un fotoblog sau un blog cu lecții de Photoshop poate fi o excepție de la reguli.

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

O altă caracteristică de design este folosirea butoanelor transparente și translucide. Așa cum se arată prin utilizarea unor astfel de butoane în practica occidentală, clientul apasă cu mai multă voie pe așa-numitele butoane "de sticlă", prin care este vizibilă imaginea de fundal. Când îndrepți mouse-ul la un astfel de buton, devine semi-transparent și schimbă culoarea, în funcție de teoria psihologiei influenței culorii asupra dispoziției clientului sau vizitatorului.

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

Popularitatea meniurilor de ieșire sau alunecare continuă să crească. Adică, pe site există mai multe blocuri: Ofertele comerciale, Serviciile noastre etc., iar clientul dând clic pe o astfel de filă cu mouse-ul, accesează opțiunile interesante ale site-ului. Meniurile de ieșire pot fi în antetul site-ului sau în coloanele sale laterale. Cel mai popular meniu este meniul opțiuni atunci când stabilite de sus în jos, dar există, de asemenea, un meniu cu o extensie laterală, cea mai mare parte acest lucru se datorează caracteristică designul site-ului și gradul de utilizare (de cazare pentru confortul vizitatorilor elementelor site-ului).

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova






Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

Există o tendință crescătoare de a utiliza fonturi nestandard pentru pagina principală a site-ului sau a paginii cu oferte comerciale. În acest caz, fontul nu este doar un element al transferului anumitor informații, ci este și un element al designului site-ului. Adică, pentru a acorda atenție ofertei comerciale sau sloganului companiei, aceasta este evidențiată într-un font special pentru nonstandard pentru designul clasic.

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

O altă caracteristică a designului a fost utilizarea unei pagini de destinație cu o singură pagină. în cazul în care toate informațiile sunt pe o singură pagină și apoi făcând clic pe oricare dintre filele se mută utilizatorul la un site descris de listă, care este, fila nu mai este legat de referința de tranziție la o altă pagină, și se mută folosind link-uri de ancorare la secțiunea dorită a paginii. În viitor, acest tip de design, cel mai probabil va merge la bloguri motoare și site-uri tematice, vizitator diferitele citind un articol înainte de a ajunge la sfârșitul său, deoarece acesta va fi transferat automat la următorul, fără a fi nevoie să apăsați pe niciun buton „Citiți următorul articol,“ și așa mai departe.

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

Și acum ne-am apropiat fără probleme de următoarea tendință, care poate fi numită: Scrolling animație-micro-interacțiune.

Probabil ați observat că a ajunge la site-ul atunci când defilare sau defilare de pagini ale site-ului, activează anumite elemente și blocuri, există unele imagini, începe să se rotească sunt orice elemente, etc. Aceste elemente sunt așa-numitele „efect wow.“ - proiectat să trezească interesul utilizator, astfel încât el a avut o dorință de a ști, și ce altceva este interesant. Și dus de acest design, vizitatorul va trece prin toate titlurile conținutului și va veni la îndeplinirea acțiunii vizate.

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

Următoarea tendință este proiectarea unui bloc. Adică, site-ul este proiectat sub formă de carduri mari, cel mai adesea în absența unui meniu. Avantajul acestui design este adaptarea perfectă la toate dispozitivele mobile. Exemple de site-uri cu design bloc sunt site-urile de știri, site-urile de magazine online străine etc.

Website design, instrumente pentru crearea unui site web modern, blog eugenia kretova

În principiu, acestea sunt toate tendințele în proiectarea modernă a clădirii sitului. Și acum aș dori să ating foarte scurt pe tema: Ce instrumente vă permit să obțineți designul de site-uri moderne folosind tendințele enumerate.

Instrumente pentru crearea unui design web modern

În primul rând, acesta este Cadrul CSS.

De fapt, au apărut o sumă imensă, dar cele mai populare printre designerii moderni sunt:

În primul rând, sarcina Cadrului este de a crea un design adaptabil pentru aplicațiile mobile, dar avantajele acestui instrument sunt structura componentă care vă permite să utilizați numai componentele necesare pentru un anumit proiect.

Vinovatul pentru crearea blocurilor este scriptul sau pluginul JQuery Mansory. Aceasta este, proiectantul creează blocuri de o anumită structură, le umple cu conținut, conectați plug-și mai sus el face carte sau un bloc de design, el are înălțimea sau lățimea lor a unei coloane, el se va adapta aceste unități la designul site-ului.

Un alt instrument vă permite să adaptați galeriile panoramice cu imagini de fundal mari pentru dispozitive mobile, numite Photo Swipe on-line.

Și ultimul instrument pentru ziua de azi, despre care aș vrea să vă spun, este Elastislide. Vă permite să adaptați glisoarele site-urilor moderne la dispozitivele mobile.

Vă urez succes creativ.

Și pe asta am tot azi cu respect

Dumneavoastră Evgeny Kretov







Trimiteți-le prietenilor: