Eșantioane de design site-uri

Nu vom trece în cifre și calcule, deoarece este imposibil să determinați câte există deja pe site-urile de internet. În fiecare zi, mii, sau chiar sute de mii de site-uri se prăbușesc și altele noi apar în locul lor. Care este cauza eșecului? De ce merg oamenii pe site imediat? Răspunsul este simplu și se află chiar în fața ochilor dvs. - acesta este designul site-ului.

Efectul atracției

Sunt de acord că toată lumea are un set de site-uri specifice care sunt vizitate în fiecare zi a zilei. Sunt sigur că majoritatea marcajelor sunt site-urile preferate din filme, cărți, știri, jocuri, și așa mai departe. D. De ce este de a găsi un site, nu încercăm să găsim un alt similare, care ar putea fi chiar mai bine? Răspunsul este simplu! Site-urile care se află în marcajele noastre, ușor de utilizat - pe aceste site-uri, de obicei, aspect convenabil, categorii, și un design plăcut ochiului non-iritant. Aceasta este „efectul de atracție“, vizitarea site-ul o dată proiectat în mod corespunzător - lăsați-l nu mai vrea.

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

Site-uri exemplu

Cu siguranță și în mod incontestabil, numărul site-ul 1 doresc să se închidă rapid în jos și numărul de site-ul 2, din contra, vreau să rămână. De ce se întâmplă acest lucru? La primul site în plus față de distribuirea aleatorie a produsului este, de asemenea, o saturare de culoare nu se poate spune despre al doilea site. Există o astfel de proverb minunat: „În conformitate cu aspectul lor întâlnit și escortat la minte,“ este de asemenea aplicabil site-uri, dar în loc să proiecteze haine aici, și în loc de minte - structura de navigare. Un vizitator vizitează site-ul, primul lucru pe care a văzut - o schemă de culori, și numai apoi să acorde o atenție la navigare și site-ul structura internă.

Percepția culorilor

Principala regulă atunci când alegeți designul de culoare nu este să o exagerați. Uneori, chiar două sau trei culori selectate corect mai mult decât suficient, un exemplu viu al acestui lucru - site-ul olnafu.com. Mulți designeri web folosesc un tabel de culori "sigure" pentru proiectarea site-ului html.

Tabel de culori sigure

Sigur este apelat pentru motivul că toate culorile afișate aici vor fi transmise absolut la fel pentru toți utilizatorii. Aceste culori se pot spune ca sunt standard atunci cand creati un design pe site.

Compatibilitatea culorilor

Fiecare culoare are propria culoare "prietenoasă" - aceasta este culoarea cu care se amestecă cel mai bine. Nu este nevoie să reinventăm roata și să experimentăm selecția, totul a fost inventat de mult și este în domeniul public. Pentru selecția culorilor, sunt utilizate cercurile de culoare ale lui Itten. Mai jos, imaginea arată un cerc color pentru potrivirea a două culori potrivite.

Combinație complementară de culori

Adică, culoarea opusă în cerc este considerată ca fiind cea mai compatibilă. Dacă doriți să selectați 3 culori potrivite, aceeași roată de culoare este utilizată, numai linia de culori va fi modificată.

Triada - o combinație de 3 culori

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

Tetrada - o combinație de patru culori

Astfel iau culoarea de cercurile Itten, atingând combinația maximă de culori și de a obține o experiență vizuală frumos pentru designul site-ului. Mai multe cercuri de culoare pot fi găsite pe Internet. Un deviaza puțin de tema principală, pentru că vreau să vă informez că roata de culoare Itten, chiar și utilizate de către designeri profesioniști în lumea modei, T. E. La crearea de îmbrăcăminte de designer este folosit doar o astfel de metodă de potrivire a culorilor.

Structura internă a sitului



În cazul în care percepția culorilor este mai mult sau mai puțin totul a devenit clar că există încă un indicator important al structurii interne a site-ului, sau într-un alt mod - „gradul de utilizare“. Nu este suficient doar culorile potrivite pe site, după cum arată practica - pe un design frumos al site-ului nu va merge departe. Structura corectă a site-ului - cum ar fi casa de cadru, dacă este greșit de a planifica, apoi mutați pe ea va fi incomod.

Toate elementele de navigație trebuie să fie gândite în avans, și chiar mai bine - pentru a scrie. Structura site-ului ar trebui să fie în primul rând de înțeles și convenabilă pentru vizitatori. O mulțime de site-uri își pierd vizitatorii numai pentru că cei din urmă, când merg la site, nu înțeleg unde și ce este. Nu agitați multe butoane și atârnați o grămadă de trăsături. Întotdeauna trebuie să privim prin ochii vizitatorului, dacă utilizatorul nu are nevoie de o funcție, atunci este mai bine să îl eliminați. Din nou, un exemplu corect de proiectare a site-ului - site-ul olnafu.com, pe care toate secțiunile sunt amplasate într-un mod accesibil și convenabil pentru vizitatori.

Cea mai mare greșeală

Conform analizei utilizatorului mediu, care timp de 15-30 de secunde, nu poate fi găsit la profilul cerut sau informații, consideră că acest capitol sau informațiile de pe site-ul și nu lasă nici o resursă. În cele mai multe cazuri, pentru totdeauna. Un exemplu viu al unui site cu navigație teribilă:

Navigare necorespunzătoare pe site

Cum credeți că este posibil să găsiți informațiile necesare cu privire la o astfel de resursă, mergând nu din căutare, ci pur și simplu pe pagina principală? Cred că nu. Din nou, saturația culorilor și abundența de navigație incomprehensibilă, pe care orice vizitator o va introduce în stupoare și încurcătură. Pentru a preveni astfel de erori, trebuie să grupați toate secțiunile și să le afișați într-un meniu de navigare separat, care va fi ușor de înțeles pentru fiecare vizitator.

Formular de înregistrare

Un alt factor important și disuasiv al site-ului este formularul de înregistrare. Unii încearcă să colecteze în fereastra de înregistrare aproape datele despre stră-stră-bunica.

Formularul de înregistrare incorect

Astfel de forme de înregistrare au fost la modă mai devreme, când Internetul a început să apară doar în case. Astăzi, utilizatorul de Internet dorește cât mai curând posibil, pentru a găsi informațiile de care are nevoie, și formularele de înregistrare lungi, în ciuda design excelent al site-ului va fi o șansă de 99% pentru a respinge. Forma ideală de înregistrare conform standardelor de astăzi este prezentată mai jos.

Forma corectă de înregistrare

Chiar dacă aceste informații nu sunt suficiente, atunci nimeni nu intervine cu cererea ei mai târziu de la vizitator, după procesul de înregistrare. Această abordare este considerată mai loială și mai prietenoasă decât formularul de înregistrare, care seamănă mai mult cu chestionarul în momentul găsirii unui loc de muncă.

Șabloane de site web

O mulțime de site-uri sunt create acum pe sisteme moderne CMS care oferă design gratuit site-ului. Dar gratuit de înregistrare (template-uri) nu poartă nici un stil vizual, astfel încât în ​​cazul în care proprietarul site-ului nu-l încercați în nici un fel de schimbare, atunci acest site este pierdut în căutare.

De menționat, de asemenea, despre portalurile de Internet întregi, care oferă pentru a desfășura pe bază propriul site web. În acest caz, există atât plusuri, cât și minusuri:

  • Primul și probabil singurul plus este simplitatea. Cadru Site-ul are, de regulă, în astfel de resurse este modelat de designeri cu experienta, designul site-ului introdus, în anumite condiții și norme. Rămâne doar să o umpleți cu materiale tematice și să așteptați primii vizitatori. Prin urmare, simplitatea și comoditatea acestor servicii atrage noii veniți. Dar, în cazul în care site-ul este configurat pentru dezvoltarea serioasă și o competiție pentru titlul de top 1 în motoarele de căutare, atunci ar trebui să fie de la un astfel de serviciu abandonată.
  • Din minus - șabloanele furnizate în majoritatea cazurilor nu pot fi editate sau modificate, va trebui să utilizați tot timpul care a fost furnizat. Monotonia este cel mai important dezavantaj, despre care am vorbit încă de la început, deoarece fiecare locație trebuie să fie individuală și să aibă o înfățișare diferită față de alții. 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 titlul de „manual de master“, întotdeauna ar putea și ar trebui să facă totul în felul lor - acesta este doar un set de reguli și cele mai comune greseli. Dar cele mai importante momente descrise aici, în formă de percepție a culorilor și structura internă a site-ului, sunt de referință în șantierul de construcții. Culorile Necorespunzător selectate sperie orice vizitator, doar venind la site-ul, și categoriile de design analfabeți și elemente ale site-ului, nu îi va permite să navigați și să găsească informații relevante. Aceste puncte ar trebui să se acorde o atenție maximă și, după cum sa menționat mai sus, ar trebui să arate întotdeauna la ochii oricărui vizitator site-ul, nu prin ochii dezvoltatorilor.

Distribuiți pe rețelele sociale:

înrudit
Autorizare: ce este și ce este necesarAutorizare: ce este și ce este necesar
Semne de carte Yandex: de la instalare la personalizare a aspectuluiSemne de carte Yandex: de la instalare la personalizare a aspectului
Butoane de rețele sociale pentru siteButoane de rețele sociale pentru site
Optimizarea motorului de căutare: ce înseamnă SEOOptimizarea motorului de căutare: ce înseamnă SEO
Ce este antetul HTML?Ce este antetul HTML?
Statisticile complete ale site-ului - care sunt obiectivele și obiectivele sale?Statisticile complete ale site-ului - care sunt obiectivele și obiectivele sale?
La ce ar trebui să acord atenția prin semnarea unui contract pentru dezvoltarea site-ului?La ce ar trebui să acord atenția prin semnarea unui contract pentru dezvoltarea site-ului?
Cum de a facilita procesul de creare a unui site web? Ajutați editorul vizual html!Cum de a facilita procesul de creare a unui site web? Ajutați editorul vizual html!
Care este "aspectul div" atunci când creați un site, argumentele sale pro și contraCare este "aspectul div" atunci când creați un site, argumentele sale pro și contra
Ce este aspectul site-ului? Arhivare tabelară și bloc: diferențeCe este aspectul site-ului? Arhivare tabelară și bloc: diferențe
» » Eșantioane de design site-uri