Eșantioane de design de site

Cuprins:

Eșantioane de design de site
Eșantioane de design de site
Anonim

Să nu intrăm în cifre și calcule, deoarece este imposibil să stabilim câte site-uri există deja pe Internet. În fiecare zi, mii, dacă nu sute de mii de site-uri eșuează și apar altele noi în locul lor. Care este motivul eșecurilor? De ce oamenii merg pe site și îl părăsesc imediat? Răspunsul este simplu și chiar în fața ochilor tăi - acesta este designul site-ului.

Efect de atracție

De acord, toată lumea are un set de anumite site-uri care sunt vizitate zi de zi. Sunt sigur că majoritatea marcatelor sunt site-uri preferate cu filme, cărți, știri, jocuri etc. De ce, după ce găsim un site, nu încercăm să găsim altul asemănător, care poate fi și mai bun? Raspunsul este simplu! Site-urile pe care le marcam sunt convenabile de utilizat - astfel de site-uri au de obicei o aranjare convenabilă a elementelor, categorii și un design plăcut, care nu irită ochiul. Acesta este „efectul de atracție”, vizitând o singură dată un site proiectat corespunzător - părăsindu-lnu mai vreau.

Să ne uităm la exemplul platformei de tranzacționare a două site-uri:

Site-uri exemple
Site-uri exemple

Fără îndoială și incontestabil, site-ul numărul 1 vrea să fie închis cât mai curând, iar site-ul numărul 2, dimpotrivă, vrea să zăbovească. De ce se întâmplă asta? Pe primul site, pe lângă un produs localizat aleatoriu, există și o suprasaturare a culorii, ceea ce nu se poate spune despre al doilea site. Există un proverb atât de minunat: „Ei se întâlnesc după haine, dar îi descurcă după mintea lor”, este aplicabil și site-urilor, doar că în loc de haine există un design și în loc de minte există o structură de navigare. Vizitatorul, după ce a intrat pe site, primul lucru pe care îl vede este schema de culori și abia apoi acordă atenție navigării interne și structurii site-ului.

Percepția culorilor

Regula principală atunci când alegeți culori este să nu exagerați. Uneori, chiar și două sau trei culori selectate corect sunt mai mult decât suficiente, un exemplu viu în acest sens este site-ul fb.ru. Mulți designeri web folosesc un tabel de culori „sigure” pentru a-și proiecta site-ul html.

Tabel de culori sigure
Tabel de culori sigure

Safe se numește din motivul că toate culorile afișate aici vor fi transmise de absolut toți utilizatorii în același mod. Se poate spune că aceste culori sunt standardul la crearea designului pe site.

Compatibilitate culori

Fiecare culoare are propria ei culoare „prietenoasă” - aceasta este culoarea cu care se potrivește cel mai bine. Nu este nevoie să reinventezi roata și să experimentezi selecția, totul a fost inventat de mult și este în domeniul public. Roțile de culoare sunt folosite pentru a selecta culorile. Itten. Imaginea de mai jos arată o roată de culori pentru potrivirea a 2 culori potrivite.

Combinație complementară de culori
Combinație complementară de culori

T. adică culoarea opusă din interiorul cercului este considerată a fi cea mai compatibilă. Dacă trebuie să selectați 3 culori potrivite, se folosește și roata de culori, doar linia de aranjare a culorilor va fi deja modificată.

Triada - o combinație de 3 culori
Triada - o combinație de 3 culori

Și există multe astfel de cercuri, puteți alege mai multe culori potrivite. De exemplu, patru.

Tetrad - o combinație de patru culori
Tetrad - o combinație de patru culori

Selectând astfel culorile prin cercurile lui Itten, se va realiza combinația maximă de culori și se va obține un design plăcut din punct de vedere vizual al site-ului. Mai multe cercuri de culoare pot fi găsite online. Să ne abatem puțin de la subiectul principal, pentru că vreau să vă informez că aceste roți de culoare Itten sunt folosite chiar și de designerii profesioniști din lumea modei, adică atunci când se creează haine de designer, se folosește această metodă de potrivire a culorilor.

Structura internă a site-ului

Dacă mai mult sau mai puțin totul a devenit clar odată cu percepția culorii, atunci rămâne un indicator mai important ca structura internă a site-ului sau cu alte cuvinte - „utilizabilitatea”. Nu este suficient doar să alegeți culorile potrivite pe site, așa cum arată practica - pe designul frumos al site-ului nu veți merge departe. Structura corectă a site-ului este ca cadrul unei case, dacă nu este planificată corect, atunci va fi incomod să navigați în jurul ei.

Toate elementele de navigare trebuie gândite în prealabil și chiar mai bine - notate. StructuraSite-ul ar trebui să fie, în primul rând, ușor de înțeles și convenabil pentru vizitatori. Multe site-uri își pierd vizitatorii doar pentru că aceștia din urmă, la intrarea pe site, nu înțeleg unde și ce se află. Nu este nevoie să vă aglomerați cu o mulțime de butoane și să agățați o grămadă de funcționalități. Întotdeauna trebuie să priviți prin ochii vizitatorului, dacă utilizatorul nu are nevoie de vreo funcție, atunci este mai bine să o eliminați. Din nou, un exemplu luminos și corect de design de site-uri web este site-ul Fb.ru, pe care toate secțiunile sunt situate într-un mod ușor de înțeles și convenabil pentru vizitator.

Cea mai mare greșeală

Conform analizei medii, un utilizator care nu poate găsi secțiunea sau informațiile necesare pe site în 15-30 de secunde consideră că această secțiune sau informație nu se află pe site și părăsește resursa. În cele mai multe cazuri pentru totdeauna. Un exemplu excelent de site cu navigare groaznică:

Navigare proastă pe site
Navigare proastă pe site

Credeți că este posibil să găsiți informațiile necesare despre o astfel de resursă mergând nu din căutare, ci pur și simplu la pagina principală? Cred că nu. Din nou, saturația culorilor și abundența de navigare de neînțeles, care va pune orice vizitator într-o stupoare și nedumerire. Pentru a evita astfel de greșeli, este necesar să grupați toate secțiunile și să le puneți într-un meniu de navigare separat, care va fi de înțeles pentru fiecare vizitator.

Formular de înregistrare

Un alt factor important și înfricoșător de pe site este formularul de înregistrare. Unii încearcă să colecteze datele aproape stră-străbunicii în fereastra de înregistrare.

Formular de înregistrare greșit
Formular de înregistrare greșit

Astfel de formulare de înregistrareerau la modă înainte, când internetul a început să apară doar în case. Astăzi, utilizatorul de internet dorește să găsească informațiile de care are nevoie cât mai curând posibil, iar formularele lungi de înregistrare, în ciuda designului excelent al site-ului, vor avea 99% șanse de respingere. Formularul ideal de înregistrare conform standardelor actuale este prezentat mai jos.

Formular de înregistrare corect
Formular de înregistrare corect

Chiar dacă aceste informații nu sunt suficiente, atunci nimeni nu se deranjează să o solicite ulterior vizitatorului, după procesul de înregistrare. Această abordare este considerată mai loială și mai prietenoasă decât formularul de înregistrare, care seamănă mai mult cu un formular de cerere de angajare.

Șabloane de site-uri

Multe site-uri sunt acum create pe sisteme CMS moderne care oferă design gratuit de site. Dar designul gratuit (șabloane) nu are nici un design vizual, așa că dacă proprietarul site-ului nu încearcă să-l schimbe în niciun fel, atunci un astfel de site dispare în căutare.

De asemenea, merită menționat toate portalurile de internet care oferă implementarea propriului site web pe baza acestora. În acest caz, există atât argumente pro și contra:

  • Primul și poate singurul plus este simplitatea. Cadrul site-ului este deja, de regulă, modelat pe astfel de resurse de către designeri experimentați, designul site-ului este adus sub anumite cerințe și reguli. Rămâne doar să-l umplem cu material tematic și să așteptăm primii vizitatori. Prin urmare, simplitatea și comoditatea unor astfel de servicii atrage începătorii. Dar dacă site-ul este configurat pentru dezvoltare serioasă și competiție pentrutop-1 în motoarele de căutare, atunci este mai bine să refuzați un astfel de serviciu.
  • Din minusuri - șabloanele furnizate în majoritatea cazurilor nu pot fi editate sau modificate, va trebui să-l folosești pe cel furnizat tot timpul. Monotonia este principalul dezavantaj, despre care am vorbit chiar la început, deoarece fiecare site trebuie să fie individual și să difere ca aspect de celel alte. O mulțime de restricții care vor fi imposibil de descris, deoarece fiecare astfel de serviciu are propriile sale.

Partea finală

Tot ceea ce este descris în acest material nu pretinde a fi o „instrucțiune principală”, puteți oricând și chiar trebuie să faceți totul în felul dvs. - acesta este doar un set al celor mai comune reguli și greșeli. Dar cele mai importante puncte, descrise aici sub forma percepției culorilor și a structurii interne a site-ului, sunt standardul pentru proiectarea site-ului. Culorile alese incorect vor speria orice vizitator care tocmai a intrat pe site, iar designul analfabet al categoriilor și elementelor site-ului nu îi va permite să navigheze și să găsească informațiile necesare. Aceste puncte ar trebui să primească o atenție maximă și, așa cum am menționat mai sus, ar trebui să priviți întotdeauna orice site prin ochii unui vizitator și nu prin ochii unui dezvoltator.

Recomandat: