Sayt dizayni namunalari

Mundarija:

Sayt dizayni namunalari
Sayt dizayni namunalari
Anonim

Raqamlar va hisob-kitoblarga bormaylik, chunki Internetda qancha sayt mavjudligini aniqlashning iloji yo'q. Har kuni minglab, balki yuz minglab saytlar muvaffaqiyatsizlikka uchraydi va ularning o'rnida yangilari paydo bo'ladi. Muvaffaqiyatsizliklarning sababi nimada? Nima uchun odamlar saytga kirib, darhol uni tark etishadi? Javob oddiy va sizning ko'zingiz oldida - bu sayt dizayni.

Jozob effekti

Roziman, har bir kishi kundan-kunga tashrif buyuradigan ma'lum saytlar to'plamiga ega. Ishonchim komilki, xatcho'plarning aksariyati filmlar, kitoblar, yangiliklar, o'yinlar va boshqalar bo'lgan sevimli saytlardir. Nima uchun biz bitta saytni topgandan so'ng, boshqa shunga o'xshash saytni topishga harakat qilmaymiz, bu undan ham yaxshiroq bo'lishi mumkin? Javob oddiy! Biz xatcho'p qo'ygan saytlardan foydalanish qulay - bunday saytlar odatda elementlarning, toifalarning qulay joylashuviga va ko'zni bezovta qilmaydigan yoqimli dizaynga ega. Bu "jozibali effekt", to'g'ri ishlab chiqilgan saytga bir marta tashrif buyurish - uni tark etishendi xohlamayman.

Keling, savdo platformasi misolida ikkita saytni koʻrib chiqamiz:

Misol saytlar
Misol saytlar

Shubhasiz va shubhasiz, 1-sayt imkon qadar tezroq yopilishini xohlaydi va 2-sayt, aksincha, uzoq davom etishni xohlaydi. Nima uchun bu sodir bo'lmoqda? Birinchi saytda, tasodifiy joylashgan mahsulotga qo'shimcha ravishda, ikkinchi sayt haqida aytib bo'lmaydigan rangning haddan tashqari to'yinganligi ham mavjud. Bunday ajoyib maqol bor: "Kiyimiga qarab uchrashadilar, lekin aqliga qarab ko'taradilar", bu saytlarga ham tegishli, faqat kiyim o'rniga dizayn, aql o'rniga navigatsiya tuzilmasi mavjud. Saytga kirgan mehmon birinchi navbatda ranglar sxemasini ko'radi va shundan keyingina ichki navigatsiya va sayt tuzilishiga e'tibor beradi.

Rangni sezish

Ranglarni tanlashda asosiy qoida - haddan oshib ketmaslik. Ba'zida hatto ikkita yoki uchta to'g'ri tanlangan rang etarli bo'ladi, buning yorqin misoli fb.ru sayti. Ko'pgina veb-dizaynerlar o'zlarining html saytlarini loyihalashda "xavfsiz" ranglar jadvalidan foydalanadilar.

Xavfsiz ranglar jadvali
Xavfsiz ranglar jadvali

Xavfsiz deb ataladi, chunki bu erda ko'rsatilgan barcha ranglar mutlaqo barcha foydalanuvchilar tomonidan bir xil tarzda uzatiladi. Saytdagi dizaynni yaratishda bu ranglarni standart deb aytish mumkin.

Ranglar mosligi

Har bir rangning o'ziga xos "do'stona" rangi bor - bu rang eng yaxshi mos tushadi. G'ildirakni qayta ixtiro qilish va tanlov bilan tajriba qilishning hojati yo'q, hamma narsa uzoq vaqtdan beri ixtiro qilingan va jamoat mulki hisoblanadi. Rangli g'ildiraklar ranglarni tanlash uchun ishlatiladi. Itten. Quyidagi rasmda 2 ta mos rangga mos keladigan rang g'ildiragi ko'rsatilgan.

Qo'shimcha rang kombinatsiyasi
Qo'shimcha rang kombinatsiyasi

T. ya'ni aylana ichidagi qarama-qarshi rang eng mos deb hisoblanadi. Agar siz 3 ta mos rangni tanlashingiz kerak bo'lsa, rang g'ildiragi ham ishlatiladi, faqat ranglarni joylashtirish chizig'i allaqachon o'zgartiriladi.

Triad - 3 ta rangning kombinatsiyasi
Triad - 3 ta rangning kombinatsiyasi

Bunday doiralar koʻp, siz koʻproq mos ranglarni tanlashingiz mumkin. Masalan, to'rtta.

Tetrad - to'rt rangning kombinatsiyasi
Tetrad - to'rt rangning kombinatsiyasi

Itten doiralari orqali ranglarni shu tarzda tanlash ranglarning maksimal kombinatsiyasiga erishiladi va saytning ko'zga ko'rinadigan dizayni olinadi. Ko'proq rangli doiralarni Internetda topish mumkin. Keling, asosiy mavzudan biroz chetga chiqaylik, chunki shuni ma'lum qilmoqchimanki, ushbu Itten rangli g'ildiraklaridan hatto moda olamining professional dizaynerlari ham qo'llashadi, ya'ni dizaynerlik kiyimlarini yaratishda ushbu rangni moslashtirish usuli qo'llaniladi.

Saytning ichki tuzilishi

Agar ranglarni idrok etish bilan hamma narsa aniq bo'lsa, unda saytning ichki tuzilishi yoki boshqacha qilib aytganda, "foydalanish qulayligi" kabi yana bir muhim ko'rsatkich qoladi. Saytda to'g'ri ranglarni tanlashning o'zi kifoya emas, amaliyot shuni ko'rsatadiki - saytning chiroyli dizaynida siz uzoqqa bormaysiz. Saytning to'g'ri tuzilishi uyning ramkasiga o'xshaydi, agar u to'g'ri rejalashtirilmagan bo'lsa, uning atrofida harakat qilish noqulay bo'ladi.

Barcha navigatsiya elementlarini oldindan o'ylab ko'rish kerak va undan ham yaxshiroq - yozib qo'yish kerak. TuzilishiSayt, birinchi navbatda, tashrif buyuruvchilar uchun tushunarli va qulay bo'lishi kerak. Ko'pgina saytlar o'z mehmonlarini yo'qotadilar, chunki ikkinchisi saytga kirayotganda qaerda va nima joylashganligini tushunmaydi. Ko'p tugmalar bilan chalkashmaslik va ko'plab funktsiyalarni osib qo'yish kerak emas. Siz har doim tashrif buyuruvchining ko'zi bilan qarashingiz kerak, agar foydalanuvchi biron bir funktsiyaga muhtoj bo'lmasa, uni olib tashlash yaxshiroqdir. Shunga qaramay, veb-sayt dizaynining yorqin va to'g'ri namunasi Fb.ru veb-sayti bo'lib, uning barcha bo'limlari tashrif buyuruvchi uchun tushunarli va qulay tarzda joylashgan.

Eng katta xato

Oʻrtacha tahlillarga koʻra, 15-30 soniya ichida saytda kerakli boʻlim yoki maʼlumotni topa olmagan foydalanuvchi ushbu boʻlim yoki maʼlumot saytda yoʻqligiga ishonadi va resursni tark etadi. Ko'p hollarda abadiy. Dahshatli navigatsiyaga ega saytning yorqin namunasi:

Yomon sayt navigatsiyasi
Yomon sayt navigatsiyasi

Sizningcha, bunday manbadan kerakli ma'lumotlarni qidiruvdan emas, oddiygina asosiy sahifaga o'tish orqali topish mumkinmi? Menimcha, yo'q. Shunga qaramay, ranglarning to'yinganligi va tushunarsiz navigatsiyaning ko'pligi, bu har qanday tashrif buyuruvchini bema'nilik va hayratga soladi. Bunday xatolarga yo'l qo'ymaslik uchun barcha bo'limlarni guruhlash va ularni har bir tashrif buyuruvchi uchun tushunarli bo'lgan alohida navigatsiya menyusiga qo'yish kerak.

Roʻyxatdan oʻtish shakli

Saytdagi yana bir muhim va qoʻrqinchli omil bu roʻyxatdan oʻtish shaklidir. Ba'zilar ro'yxatdan o'tish oynasida katta buvisining deyarli ma'lumotlarini yig'ishga harakat qilishadi.

Ro'yxatdan o'tish shakli noto'g'ri
Ro'yxatdan o'tish shakli noto'g'ri

Bunday roʻyxatga olish shakllariIlgari Internet faqat uylarda paydo bo'la boshlaganda moda edi. Bugungi kunda Internet foydalanuvchisi o'ziga kerakli ma'lumotni imkon qadar tezroq topishni xohlaydi va uzoq ro'yxatdan o'tish shakllari, saytning ajoyib dizayniga qaramay, 99% ni qaytaradi. Bugungi standartlar bo'yicha ideal ro'yxatdan o'tish shakli quyida ko'rsatilgan.

To'g'ri ro'yxatga olish shakli
To'g'ri ro'yxatga olish shakli

Agar bu maʼlumot yetarli boʻlmasa ham, roʻyxatdan oʻtgandan soʻng, hech kim tashrif buyuruvchidan uni keyinroq soʻrashga qiynalmaydi. Bu yondashuv ish uchun ariza shakliga o‘xshash ro‘yxatdan o‘tish shakliga qaraganda sodiqroq va do‘stona hisoblanadi.

Veb-sayt shablonlari

Hozirda bepul sayt dizaynini ta'minlovchi zamonaviy CMS-tizimlarida ko'plab saytlar yaratilmoqda. Ammo bepul dizayn (shablonlar) hech qanday vizual dizaynni o'z ichiga olmaydi, shuning uchun sayt egasi uni biron bir tarzda o'zgartirishga harakat qilmasa, unda bunday sayt qidiruvda yo'qoladi.

Shuningdek, ular asosida o'z veb-saytingizni joylashtirishni taklif qiladigan butun Internet portallarini eslatib o'tish kerak. Bu holatda ham ijobiy, ham salbiy tomonlari bor:

  • Birinchi va, ehtimol, yagona ortiqcha - bu oddiylik. Sayt ramkasi allaqachon, qoida tariqasida, tajribali dizaynerlar tomonidan bunday resurslardan modellashtirilgan, saytning dizayni muayyan talablar va qoidalarga olib keladi. Uni tematik material bilan to'ldirish va birinchi tashrif buyuruvchilarni kutishgina qoladi. Shuning uchun bunday xizmatlarning soddaligi va qulayligi yangi boshlanuvchilarni o'ziga tortadi. Ammo agar sayt jiddiy rivojlanish va raqobat uchun tuzilgan bo'lsaqidiruv tizimlarida birinchi o'rinni egallagan bo'lsa, bunday xizmatdan bosh tortgan ma'qul.
  • Manuslardan - taqdim etilgan shablonlarni ko'p hollarda tahrirlash yoki o'zgartirish mumkin emas, siz doimo taqdim etilganidan foydalanishingiz kerak bo'ladi. Monotoniya - bu biz boshida gapirgan asosiy kamchilik, chunki har bir sayt individual bo'lishi va tashqi ko'rinishi bilan boshqalardan farq qilishi kerak. Ta'riflab bo'lmaydigan cheklovlar juda ko'p, chunki har bir bunday xizmatning o'ziga xos xususiyati bor.

Yakuniy qism

Ushbu materialda tasvirlangan hamma narsa "asosiy ko'rsatma" bo'lib ko'rinmaydi, siz har doim hamma narsani o'zingiz qilishingiz mumkin va hatto kerak - bu faqat eng keng tarqalgan qoidalar va xatolar to'plami. Lekin bu erda rang idroki va saytning ichki tuzilishi shaklida tasvirlangan eng muhim nuqtalar saytni loyihalash uchun standartdir. Noto'g'ri tanlangan ranglar saytga endi kirgan har qanday mehmonni qo'rqitadi va toifalar va sayt elementlarining savodsiz dizayni unga harakat qilish va kerakli ma'lumotlarni topishga imkon bermaydi. Bu nuqtalarga maksimal darajada e'tibor qaratish lozim va yuqorida aytib o'tilganidek, har doim istalgan saytga dasturchi ko'zi bilan emas, balki tashrif buyuruvchi ko'zi bilan qarashingiz kerak.

Tavsiya: