Tarkib

• Qadam bosish
• 2-dan 1-usul: 3 ta asosiy qoidalar
• 2-dan 2-usul: Ko'rsatmalar
• Maslahatlar
• Ogohlantirishlar

Ajoyib veb-saytni yaratish juda qiyin vazifa bo'lib tuyulishi mumkin, ammo asosiy narsalarni yodda tutsangiz, jarayon qiziqarli va qiziqarli bo'ladi. Bu nafaqat tashqi ko'rinishdan ko'proq narsa haqida! Biz sizga odamlar qayta-qayta tashrif buyuradigan veb-saytlarni loyihalashtirishda yordam beradigan asoslarni va ba'zi bir umumiy ko'rsatmalarni namoyish etamiz.

Qadam bosish

2-dan 1-usul: 3 ta asosiy qoidalar

1. 1-qoida:Mijozingizni tinglang. Siz "koinot va undan keyingi tarixdagi dunyodagi eng buyuk veb-sayt" ni loyihalashtirayotgan bo'lishingiz mumkin, u "meni hozir o'rganing!" Deb baqiradigan sayt uchun boy qora tanli, nozik shriftlar va yorqin, badiiy ranglar bilan. Afsuski, sizning mijozingiz to'q pushti va to'q sariq harflar bilan to'q sariq rangli menyu satrini xohladi. Siz ishdan bo'shatildingiz va mijozingiz huquqiga ega bo'lgan eng yaxshi veb-saytingiz zaxira diskida joylashgan bo'lib, uni hech kim hech qachon ko'rmaydi.
   • Mijozingizning korporativ shaxsini o'rganing. Mijoz sizga sevadigan bir nechta veb-saytlarini ko'rsating. Bu sizga nafaqat ularga yoqadigan narsalar haqida, balki siz o'ylamagan bo'lishi mumkin bo'lgan bir nechta dizayn g'oyalarini ham beradi.
   • Agar biz to'q sariq va pushti veb-sayt haqida hazillashyapmiz deb o'ylagan bo'lsangiz, ushbu ajoyib, zamonaviy sayt haqida o'ylab ko'ring:
2. Qoida # 2:O'zingizning auditoriyangizni va ular nimani qidirayotganini bilib oling va sizning dizayningizni shunga moslashtiring. Odamlarning veb-saytlariga ega bo'lishining sababi shundaki, ular boshqa odamlarning ularni ko'rishini xohlashadi. Bu ma'lumotli yoki tijorat maqsadlarida yoki ma'lum bir maqsadli auditoriyani qiziqtirish uchun bo'lishi mumkin. Sizning dizaynerlik vazifangiz kimni loyihalashtirayotganingizni bilish va u erga tushganda ularni sahifada saqlashdir.
   • Siz "Agar yaxshi ko'rinadigan bo'lsa, ular qoladi" deb o'ylashingiz mumkin. Ammo bu albatta shunday bo'lishi shart emas. Masalan, ko'chmas mulkni olaylik. Mana toza, qiziqarli dizaynga ega sayt. U juda ko'p bo'sh joylarga ega bo'lib, ular ochiq ko'rinishga, yorqin ranglarga va taniqli joyda havolalarga ega zamonaviy keng ekran formatiga ega:
   • Endi xuddi shu hududdagi ko'chmas mulkni sotish bo'yicha ushbu yondashuvni ko'rib chiqing: tartibsiz va juda band, zerikarli ranglar va reklama bilan qoplangan.
   • Uy qidirayotganlar uchun qaysi biri yaxshiroq ishlashini taxmin qiling? To'g'ri, qaerda uylar! Odamlar "Santa-Monikada sotiladigan uylar" ni qidirganda, ularga saytning tashqi ko'rinishi ahamiyatsiz. Ular ko'chmas mulk agenti to'g'risida o'qishni yoki shaharning chiroyli rasmlarini ko'rishni xohlamaydilar. Ular uylarni ko'rishni xohlashadi.
3. Qoida # 3:O'zingizni tinglang. Siz mijoz nimani xohlashini tushunasiz va sizning bozoringiz nimani qidirayotganini bilasiz. Endi nihoyat sizga, dizaynerga e'tibor berish vaqti keldi!
   • O'zingiz tanlagan grafik dasturiy ta'minotda shablon yarating. O'zingizning sahifangizning elementlarini turli qatlamlarda yarating (shunda keyinchalik butun shablonni buzmasdan narsalarni to'g'rilashingiz mumkin). Ushbu elementlar bo'lishi mumkin:
     • Sarlavha. Bu sizning saytingizning har bir sahifasida bir xil bo'lgan element. Sarlavha sayt nomi va logotipidan, shuningdek veb-saytning boshqa qismlariga havolalardan iborat (masalan, About, Contact va hk). Vizual va amaliy jihatdan bularning barchasi bir-biriga bog'lab qo'yadi. Menyu satridagi birinchi tugmani uy sahifasiga qaytarish yaxshi amaliyotdir.
     • Masalan, Apple kompaniyasini ko'rib chiqamiz:
     • Ko'pgina Apple narsalaridagi kabi, ularning uy sahifasi juda toza, sodda dizaynga ega. Yuqoridagi menyu satriga e'tibor bering, har bir tugma uchun mantiqiy mavzular, shuningdek qidiruv maydoni - har doim sizning saytingiz uni qo'llab-quvvatlasa yaxshi fikr. Endi bir nechta elementlarni ko'rish uchun tugmachalardan biri - iPad uchun ochilish sahifasini ko'rib chiqamiz:
     • Menyu satri faqat iPad tugmachasini qoraytirganda o'zgaradi.
     • Uchish sahifasining mavzusi katta qora harflar bilan ko'rsatiladi.
     • Mahsulot haqida ko'proq bilib olishingiz uchun yangi pastki menyu paydo bo'ladi. Agar siz ushbu tugmachalardan birini bosgan bo'lsangiz, har bir sahifa mavzusiga qarab yangi tarkib taklif qilishini ko'rasiz, lekin joylashuvi va dizayni bilan bir xil bo'ladi.
     • Ko'pincha, menyu satridagi har bir asosiy mavzu siz to'ldirishingiz uchun har xil pastki sarlavhalarga ega bo'ladi. Ikkinchi menyu satrini yaratish o'rniga, siz "Musiqachilar do'sti" dan quyidagi misol kabi popup menyulardan foydalanishingiz mumkin:
     • Yon panel. Bu sizning saytingizning ko'plab sahifalarida paydo bo'ladi, ammo barchasi hammasi emas - kontekst belgilaydi. Biroq, bu juda muhim element bo'lib, intuitiv va juda tartibsiz bo'lishi uchun ehtiyotkorlik bilan ishlab chiqilishi kerak. Menyu satridan farqli o'laroq, yon panelning tarkibi juda dinamik bo'lishi mumkin. Ushbu ikkita yon panelni ko'chmas mulk sotuvchisi Truliadan tekshiring, birinchisi xaridorlar uchun:
       
       

2-dan 2-usul: Ko'rsatmalar

1. Yaxshi foydalanuvchi interfeysini loyihalash. Veb-saytning sarlavhasi, yon panellari, logotiplari, rasmlari va matnlari kabi turli xil elementlarini har bir sahifada bir joyda joylashtiring, saytingiz harakatlanadigan va intuitiv bo'lishi uchun.
   • Har bir sahifaning yuqori qismida bir xil sarlavhani saqlang. Sizning saytingiz tarkibida ko'plab takrorlanadigan elementlarga ruxsat beriladimi yoki yo'qmi, har bir sahifaning yuqori qismi bir xil ekanligiga ishonch hosil qiling.
   • Dizayningizda mantiqdan foydalaning. Bitta sahifadagi elementlar ahamiyati yoki mavzusi bo'yicha mantiqiy tartiblangan bo'lishi kerak; saytdagi turli xil sahifalar ham bo'lishi kerak.
2. Mos uslubni yarating. Qaerda tartib sizning saytingizga tizimli muvofiqlikni berishi kerak bo'lsa, uslub tematik uyg'unlikni ta'minlashi kerak.
   • Ikki yoki uchta asosiy rangga yopishib oling va ularning bir-biriga mos kelishiga ishonch hosil qiling.
   • Juda ko'p shrift uslubi yoki o'lchamlarini ishlatishdan saqlaning; agar siz bir nechtasini almashtirishni istasangiz, ularni har bir sahifada xuddi shu tarzda ishlating.
   • Bir xil uslubni saqlash va har bir sahifaga alohida-alohida o'tmasdan butun veb-saytdagi elementlarni o'zgartirishni osonlashtirish uchun kaskadli jadvallar jadvalidan (CSS) foydalaning.
3. O'qishni maksimal darajada oshirish. Matningizni o'qishni osonlashtirish uchun uni kichik qismlarga ajratishingiz mumkin.
   • Har bir qismni ajratish uchun subtitrlar va to'g'ri oraliqlardan foydalaning.
   • Mavzular iyerarxiyasi va ahamiyatini ko'rsatish uchun qalin harflardan yoki turli o'lchamlardan foydalaning.
   • Matnga qanday munosabatda bo'lishingizga e'tibor bering. Shriftni juda kichkina qilmang va matnning katta qismlarini o'qishni osonlashtirish uchun qatorlar oralig'ini oshiring. Matnning katta qismlarini o'qish qiyinroq; uni kichik xatboshilarga ajrating.
4. Veb-saytingizni hamma uchun yaxshi o'qiladigan qilib qo'ying. Standart HTML-dan foydalaning va faqat bitta brend yoki brauzer versiyasi uchun mavjud bo'lgan teglar, xususiyatlar va plaginlardan saqlaning.
   • Ko'pgina zamonaviy brauzerlar va kompyuterlar murakkab tasvirlarni boshqarish imkoniyatiga ega bo'lishsa-da, agar siz rasmlarni qisqartirsangiz va Internet uchun optimallashtirsangiz, hamma narsa silliqroq ko'rinadi. Tezlikning ahamiyati bilan sifatning ahamiyatini torting.
5. Veb-saytingizni sinab ko'ring. Bunga ishonch hosil qiling har bir havola ishlaydi kutganingizdek va rasmlarning to'g'ri ko'rinishi.
   • Maqsadli auditoriya a'zolari sizning dizayningizning ravshanligi va foydalanish qulayligini sinab ko'rishlari va veb-saytingiz haqida fikr-mulohazalarini bildirish orqali siz ba'zi bir foydalanuvchi testlarini tashkil qilishni xohlashingiz mumkin.
6. Veb-saytingizni nashr eting. Agar siz hali ham bo'lmasa domen nomini sotib oling. Havolalar hali ham ishlayotganligini vaqti-vaqti bilan tekshirib turing va tashrif buyuruvchilar sizga elektron pochta orqali yuboradigan takliflarni tinglang.

Maslahatlar

• O'zingizning shaxsiy qarashlaringiz yoki boshqa saytlarda ko'rgan narsalaringiz asosida tartibni loyihalashtirishda erkin bo'lsangiz-da, tayyor dizaynni sotib olish osonroq bo'lishi mumkin.
• Yoqimli, maxsus rasmlar bilan mehmonni bombardimon qilmang. Flash-animatsiya, yorqin ranglar, naqshli fon va sahifa yuklanishida avtomatik ravishda o'ynaydigan musiqa 90-yillarda qiziqarli tajribalar edi, ammo endi ular foydalanuvchilarni qo'rqitadi. Maksimal tushunarli bo'lishi uchun matn rangiga zid bo'lgan oddiy fonlarga yopishib oling.
• Abzats oralig'ini optimallashtirish uchun har doim CSS-dan foydalanishingiz mumkin.
• Eshitish yoki ko'rish qobiliyati cheklangan tashrif buyuruvchilar uchun siz videolarni subtitr bilan yozishingiz, audio yozuvlarni yozishingiz va kirish uchun xabar qo'shishingiz mumkin. Jadvallar ma'lumotni tartibga solishning samarali usuli bo'lishi mumkin bo'lsa-da, ekranni o'qiydigan dasturiy ta'minotdan foydalangan holda ko'rish qobiliyati past bo'lgan mehmonlar materialni to'g'ri tartibda eshitmasligi mumkin.
• Sizning tashrif buyuruvchilaringizga siyohni tejashga ruxsat bering: bosma sahifalar uchun alohida uslublar jadvalidan foydalaning.
  • Bosib chiqarish parametrlarini o'rnatishda fon rasmlarini o'chirib qo'ying.
  • Oq fonda qora matndan foydalaning.
  • Menyu satrini va keraksiz rasmlarni olib tashlang.

Ogohlantirishlar

• Ko'chirmachilikdan saqlaning va mualliflik huquqining barcha qonunlariga rioya qiling. Onlaynda topilgan tasodifiy rasmlarni yoki hattoki tarkibiy elementlarni tasdiqlashsiz qo'shmang. O'zingizning saytingizda foydalanadigan barcha narsalar ham qonuniy, ham axloqiy bo'lishi kerak.