Svetainės dizaino pavyzdžiai

Turinys:

Svetainės dizaino pavyzdžiai
Svetainės dizaino pavyzdžiai
Anonim

Nesileiskite į skaičius ir skaičiavimus, nes neįmanoma nustatyti, kiek svetainių jau yra internete. Kiekvieną dieną tūkstančiai, jei ne šimtai tūkstančių svetainių sugenda ir jų vietoje atsiranda naujos. Kokia nesėkmių priežastis? Kodėl žmonės užsuka į svetainę ir iškart ją palieka? Atsakymas paprastas ir prieš akis – toks yra svetainės dizainas.

Pritraukimo efektas

Sutinku, kiekvienas turi tam tikrų svetainių, kuriose lankomasi kiekvieną dieną, rinkinį. Esu tikras, kad dauguma pažymėtų yra mėgstamos svetainės su filmais, knygomis, naujienomis, žaidimais ir pan. Kodėl, radę vieną svetainę, nebandome rasti kitos panašios, kuri gali būti dar geresnė? Atsakymas paprastas! Svetainės, kurias pažymime, yra patogios naudoti – tokiose svetainėse dažniausiai patogus elementų, kategorijų išdėstymas ir malonus akių nedirginantis dizainas. Tai ir yra „traukos efektas“, vieną kartą apsilankius tinkamai suprojektuotoje svetainėje – paliekant jąnebenoriu.

Pažiūrėkime į prekybos platformos dviejų svetainių pavyzdį:

Svetainių pavyzdžiai
Svetainių pavyzdžiai

Be jokios abejonės, svetainė numeris 1 nori būti kuo greičiau uždarytas, o svetainė numeris 2, priešingai, nori užsitęsti. Kodėl tai vyksta? Pirmoje svetainėje, be atsitiktinai esančio produkto, taip pat yra spalvų perteklius, ko negalima pasakyti apie antrąją svetainę. Yra tokia nuostabi patarlė: „Jie susitinka pagal drabužius, o išlygina protu“, tinka ir svetainėms, tik vietoj drabužių yra dizainas, o vietoj proto – navigacinė struktūra. Lankytojas, įėjęs į svetainę, pirmiausia pamato spalvų schemą, o tik tada atkreipia dėmesį į vidinę navigaciją ir svetainės struktūrą.

Spalvų suvokimas

Pagrindinė taisyklė renkantis spalvas – nepersistengti. Kartais net dviejų ar trijų teisingai parinktų spalvų pakanka, ryškus to pavyzdys yra svetainė fb.ru. Daugelis interneto dizainerių naudoja „saugių“spalvų lentelę kurdami savo html svetainę.

Saugių spalvų lentelė
Saugių spalvų lentelė

Saugus jis vadinamas dėl to, kad visas čia rodomas spalvas absoliučiai visi vartotojai perduos vienodai. Galima sakyti, kad šios spalvos yra standartinės kuriant svetainės dizainą.

Spalvų suderinamumas

Kiekviena spalva turi savo „draugišką“spalvą – su tokia spalva ji dera geriausiai. Nereikia išradinėti dviračio ir eksperimentuoti su atranka, viskas jau seniai išrasta ir yra vieša. Spalvoms parinkti naudojami spalvų ratai. Itten. Toliau pateiktame paveikslėlyje parodytas spalvų ratas, skirtas suderinti 2 atitinkančias spalvas.

Papildomas spalvų derinys
Papildomas spalvų derinys

T. y., priešinga spalva apskritimo viduje laikoma labiausiai suderinama. Jei reikia pasirinkti 3 atitinkančias spalvas, taip pat naudojamas spalvų ratas, jau bus pakeista tik spalvų išdėstymo linija.

Triada – 3 spalvų derinys
Triada – 3 spalvų derinys

Ir tokių apskritimų yra daug, galite pasirinkti daugiau derančių spalvų. Pavyzdžiui, keturi.

Tetrad - keturių spalvų derinys
Tetrad - keturių spalvų derinys

Tokiu būdu pasirinkus spalvas per Itten ratus, bus pasiektas maksimalus spalvų derinys ir išgautas vizualiai malonus svetainės dizainas. Daugiau spalvų ratų galima rasti internete. Šiek tiek nukrypkime nuo pagrindinės temos, nes noriu informuoti, kad šiuos Itten spalvų ratus naudoja net profesionalūs dizaineriai iš mados pasaulio, t.y. kuriant dizainerių kurtus drabužius, naudojamas šis spalvų derinimo būdas.

Vidinė svetainės struktūra

Jei su spalvų suvokimu daugiau ar mažiau viskas paaiškėjo, tai belieka dar vienas svarbus rodiklis kaip vidinė svetainės struktūra arba kitaip – „naudojimas“. Neužtenka tik pasirinkti tinkamas spalvas svetainėje, kaip rodo praktika - dėl gražaus svetainės dizaino toli nenueisite. Teisinga sklypo struktūra yra kaip namo karkasas, jei ji netinkamai suplanuota, bus nepatogu po ją naršyti.

Visus navigacijos elementus reikia apgalvoti iš anksto, o dar geriau – užsirašyti. StruktūraSvetainė visų pirma turi būti suprantama ir patogi lankytojams. Nemažai svetainių netenka lankytojų vien todėl, kad pastarieji įeidami į svetainę nesuvokia, kur ir kas yra. Nereikia apsikrauti daugybe mygtukų ir pakabinti krūvos funkcionalumo. Visada reikia žiūrėti lankytojo akimis, jei vartotojui nereikia kokios nors funkcijos, tai geriau ją pašalinti. Vėlgi, ryškus ir teisingas svetainės dizaino pavyzdys yra Fb.ru svetainė, kurioje visos skiltys išdėstytos taip, kad lankytojui būtų suprantama ir patogu.

Didžiausia klaida

Remiantis vidutine analize, vartotojas, kuris svetainėje per 15-30 sekundžių negali rasti reikiamos skilties ar informacijos, mano, kad šios skilties ar informacijos svetainėje nėra, ir palieka š altinį. Daugeliu atvejų visam laikui. Puikus svetainės su siaubingu naršymu pavyzdys:

Bloga svetainės navigacija
Bloga svetainės navigacija

Ar manote, kad galima rasti reikiamą informaciją apie tokį š altinį, einant ne iš paieškos, o tiesiog į pagrindinį puslapį? Manau, kad ne. Vėlgi, spalvų sodrumas ir nesuprantamos navigacijos gausa, kuri bet kurį lankytoją privers suglumti ir suglumti. Norint išvengti tokių klaidų, būtina visus skyrius sugrupuoti ir sudėti į atskirą naršymo meniu, kuris bus suprantamas kiekvienam lankytojui.

Registracijos forma

Kitas svarbus ir bauginantis veiksnys svetainėje yra registracijos forma. Kai kurie bando registracijos lange surinkti beveik proprosenelės duomenis.

Neteisinga registracijos forma
Neteisinga registracijos forma

Tokios registracijos formosbuvo madingi anksčiau, kai internetas ėmė atsirasti tik namuose. Šiandien internautas nori kuo greičiau rasti jam reikalingą informaciją, o ilgos registracijos formos, nepaisant puikaus svetainės dizaino, 99% tikimybės atstums. Ideali registracijos forma pagal šiandienos standartus parodyta žemiau.

Teisinga registracijos forma
Teisinga registracijos forma

Net jei šios informacijos nepakanka, niekas nesivargina jos prašyti vėliau iš lankytojo, po registracijos. Šis požiūris laikomas lojalesniu ir draugiškesniu nei registracijos forma, kuri labiau primena paraiškos dėl darbo formą.

Svetainių šablonai

Daugelis svetainių dabar kuriamos naudojant modernias TVS sistemas, kurios teikia nemokamą svetainių dizainą. Tačiau nemokamas dizainas (šablonai) neturi jokio vizualinio dizaino, todėl jei svetainės savininkas jokiu būdu nebando jo pakeisti, tokia svetainė dingsta paieškoje.

Taip pat verta paminėti visus interneto portalus, siūlančius jų pagrindu sukurti savo svetainę. Šiuo atveju yra ir privalumų, ir trūkumų:

  • Pirmas ir galbūt vienintelis pliusas yra paprastumas. Svetainės rėmas, kaip taisyklė, jau yra modeliuojamas pagal tokius išteklius patyrusių dizainerių, svetainės dizainui taikomi tam tikri reikalavimai ir taisyklės. Belieka tik užpildyti ją temine medžiaga ir laukti pirmųjų lankytojų. Todėl tokių paslaugų paprastumas ir patogumas vilioja pradedančiuosius. Bet jei svetainė yra sukurta rimtai plėtrai ir konkurencijaipopuliariausias paieškos sistemose, tada geriau atsisakyti tokios paslaugos.
  • Iš minusų – pateikti šablonai daugeliu atvejų negali būti redaguojami ar keičiami, teks nuolat naudoti pateiktą. Monotoniškumas yra pagrindinis trūkumas, apie kurį kalbėjome pačioje pradžioje, nes kiekviena svetainė turi būti individuali ir savo išvaizda skirtis nuo kitų. Daug apribojimų, kurių bus neįmanoma apibūdinti, nes kiekviena tokia paslauga turi savo.

Baigiamoji dalis

Viskas, kas aprašyta šioje medžiagoje, nepretenduoja į „pagrindinę instrukciją“, visada ir net reikia viską daryti savaip – tai tik dažniausiai pasitaikančių taisyklių ir klaidų rinkinys. Tačiau svarbiausi punktai, čia aprašyti spalvų suvokimo ir vidinės svetainės struktūros forma, yra svetainės projektavimo standartas. Neteisingai parinktos spalvos atbaidys kiekvieną ką tik į svetainę įėjusį lankytoją, o neraštingas kategorijų ir svetainės elementų dizainas neleis jam naršyti ir rasti reikiamos informacijos. Šiems dalykams reikia skirti maksimalų dėmesį ir, kaip minėta aukščiau, visada turėtumėte žiūrėti į bet kurią svetainę lankytojo, o ne kūrėjo akimis.

Rekomenduojamas: