Standard o'lchamlari saytlar: xususiyatlari, talablari va tavsiyalar

veb-saytlari texnologiyasi rivojlanishi - juda ko'p qirrali jarayon. funktsional va tashqi niqobi ostida - hali uning barcha bosqichlari, ikki asosiy turga bo'linishi mumkin. Yoki, o'rta webmasteriga mos ravishda Beg End va Front End kabi. tez-tez, veb rivojlantirish studiyalar o'z saytlari sotib Odamlar soddalik u faqat funktsional haqida o'ylash uchun zarur, deb ishonamiz, va u o'ng qaror bo'ladi. Lekin, bu, odatda, beta sinov bosqichida loyihalarning boshlanish-ups uchun, juda, juda kamdan-kam hollarda haqiqiy emas. grafik dizayn va foydalanuvchi interfeysi qolgan shunchaki veb rivojlantirish standartlarga mos va qulay bo'lishi shart.

interfeysi dizaynerlar va dizaynerlar qaragan birinchi toshi - sayt tuzumining kengligi hisoblanadi. Axir, u uning uchun interfeyslarni chizish zarur. Intuitiv ikki yondashuvlar bor - yo mashhur ekran qarorlari har biri uchun alohida tartibini qilish, yoki barcha xaritalar uchun saytning bitta versiyasini yaratishingiz mumkin. Har ikki imkoniyatlari noto'g'ri bo'lishi mumkin, lekin birinchi birinchi narsa edi.

Agar hech kerak bo'ladi sayt uchun piksel standart kengligi

adaptiv tartibi, ommaviy tus rivojlantirish oldin keng piksel minglab bilan sayt rivojlantirish bo'ldi. Bu ko'rsatkich bir sababi oddiy saylandi - sayt har qanday ekranda joylashtirilgan edi. Va u erda ma'lum bir mantiq, lekin uning bir kishi hali ish stoli ustida kamida HD-monitor, deb faraz qilaylik. Bu holda, siz tartibi, har bir narsa bir qoziq kalıplanmış ekran, o'rtasida kichik ipi ko'rinadi, va katta bo'lmagan makon tomondan bo'ladi. Endi bir kishi kengligi 800 piksel ekran bilan planshet sizning veb-saytga kelib, sozlash tekshiriladi, deb faraz qilaylik "sayti to'liq versiyasini ko'rish." shunchaki ekranda sig'maydi deb, bu holda, veb-saytida ham, noto'g'ri ko'rsatiladi.

Ushbu yo'nalishlar, biz tuzumining uchun sobit kengligi, biz faqat mos emas, deb xulosa qilish mumkin va siz boshqa yo'l topish istayman. ning har bir ekran eni uchun alohida tuzumining g'oyasini tahlil qilaylik.

barcha holatlar uchun tartibini

Agar barcha ekran bozorda mavjud hajmlar uchun tartibini yaratish uchun strategiyasi sifatida tanlagan bo'lsa, u holda sizning sayt Internetda eng noyob bo'ladi. Axir, bugun har bir variant uchun aniq sozlamani qilish uchun bir urinish qurilmalar butun qator qoplash uchun shunchaki mumkin emas. Agar eng mashhur monitor o'lchamlari va ekran qurilmalar haqida o'ylash bo'lsa, g'oya yaxshi. Uning faqat nuqson - moliyaviy xarajatlar. dizayner interfeysi dizayner va Coder shu ishni amalga oshirish uchun 5 yoki 6 marta majbur bo'ladi, barcha so'ng, loyiha dastlab byudjet narxlarda ekilgan nomutanosib turadi.

Bir mahsulotni sotish va yaxshi buni ishonch hosil qilish uchun - Shuning uchun turli ekranlar uchun versiyalari bir davlat uning maqsadi saytlar-odnostranichniki deb tashqari bo'lishi mumkin maqtana. Agar o'sha Landing bir emas bo'lsa, bir nechta sayt, u yanada mulohaza yuritishga turadi.

saytlar eng mashhur registri

ikki nuqta o'rtasidagi bir murosaga uch yoki to'rt uchun tuzumining bir chizilgan ekran hajmi. Ular orasida, bir mobil qurilmalar uchun bir tartib bo'lishi kerak. Qolgan, kichik, o'rta va katta ish stoli ekranga uchun moslashtirilgan bo'lishi kerak. Qanday sayt kengligi tanlash uchun? Biz qurilmaning turli ekran hal ommaviyligini taqsimlash, shuningdek, bu ko'rsatkich o'zgarish dinamikasini ko'rsatadi qaysi may 2017 uchun xizmat statistika HotLog taqdim Quyida.

stol, u siz foydalanmoqchi bo'lgan sayt hajmini aniqlash uchun qanday o'rganish mumkin. Bundan tashqari, u eng keng tarqalgan format bugun 768 punktga 1366 yilda ekran, deb xulosa qilish mumkin. Ushbu ekranlar byudjet noutbuk o'rnatilgan, shuning uchun, ularning mashhurligi tabiiy. Keyingi eng mashhur sayt tartibini yaratish, shuning uchun, filmlar, o'yinlar uchun oltin standart bo'lib, bir Full HD-monitor, deb. Bundan tashqari, biz ko'rib jadvalda keyin mobil qurilmalar 360 x 640 piksel, shuningdek, ish stoli bilan har qanday dasturini va mobil ekranlar ruxsat.

dizayn tartibi

Shunday qilib, statistik tahlil keyin, biz sayt optimal kengligi 4 farqlar bor, deb xulosa qilish mumkin:

1. 1366 piksel kengligi bilan Version Noutbuklarni.
2. Full HD-versiyasi.
3. kichik stol monitorlarda ekran uchun kenglik hajmi tortdilar 800 piksel.
4. kengligi 360 piksel - Saytning mobil versiyasi.

Biz sizga sayt uchun hosil manba kodi hajmini foydalanmoqchi bo'lgan qaysi qaror deylik. Lekin bunday loyiha hali qimmat bo'ladi. Shunday qilib, yanada ko'proq imkoniyat, bir belgilangan kengligi foydalanish holda bu safar o'ylab.

a moslashuvchan tartibi qiling

U erda biz ekranning eng kam hajmi uchun moslashtirish uchun faqat zarur muqobil yondashuv hisoblanadi, va saytlar hech hajmi foiz talab qilinadi. Bu holda, bunday menyular, tugmalar va timsollarning kabi interfeysi elementlari, piksel ekranning kengligi minimal hajmiga e'tibor, mutlaq belgilangan bo'lishi mumkin. mazmun bilan bloklari, aksincha, ekran maydoni kengligi foiz belgilangan ko'ra cho'zib bo'ladi. Bu yondashuv dizayner va bu Nuance ura iste'dodi uchun cheklashlar sifatida sayt hajmini aniqlash emas, balki imkon beradi.

Nima oltin nisbati, va qanday tartibga veb-sahifalarni ishlatish?

Hatto Uyg'onish ko'plab arxitektor va rassomlar uning yaratgan mukammal shaklga va ulushini berishga harakat qilaman. miqdorda oqibatlari haqida savollarga javob, ular barcha fanlar malika yuzlandi - matematika.

Hech qadimgi kun u tabiatda hamma joyda, chunki bizning ko'z, eng tabiiy va nafis sifatida idrok mutanosib tomonidan ixtiro qilingan, chunki. Bu raqam formula kashfiyotchisi Phidias ismli bir iqtidorli yunon me'mori edi. Bu butun bir kattaroq beradi deb nisbatlarda eng past bilan bog'liq bo'lsa, keyin bu raqam shuningdek qarash qiladi, deb hisoblanadi. Lekin bu holda, agar siz assimetrik ob'ektni ajratish istayman. Bu nisbati keyinchalik hali jahon madaniy tarixi uchun uning ahamiyati oshirib bo'lmaydi oltin nisbati, deb nomlangan edi.

veb-dizayn qaytaylik

Bu juda oddiy - siz odam ko'ziga eng quvonarli bo'ladi sahifalarni loyihalashtirish mumkin oltin nisbati yordamida. oltin bo'limning formuladan hisoblab, biz topish irratsional soni 1,6180339887 ..., lekin qulaylik uchun sizga 1.62 Yumaloq qiymatini foydalanishingiz mumkin. Bu bizning sahifa bloklari qat'i nazar, foydalanadigan sayt uchun manba kodni hosil nima hajmi 62% va umuman 38%, bo'lishi kerak, degani bo'ladi. quyidagi sxema bo'yicha ko'rish mumkin Misol:

yangi texnologiyalar foydalanish

Zamonaviy texnologiyalar tartibi, veb-saytlar, endi siz Internet texnologiyalari bo'sag'asidagi ko'ra jasur g'oyalar amalga oshirilishini bermoq mumkin, shuning uchun siz aniq, dizayner va dizayner g'oyalarini etkazish imkonini beradi. Endi bir sayt hajmi bo'lishi kerak, nima ustida bosh qotirar uchun ko'p kerak bo'ladi. blok kabi ishlar kelishi bilan adaptiv tuzumining, mazmuni va shriftlar jadal yuklash, veb-sayt rivojlantirish necha marta ko'proq rohat aylandi. Axir, bu texnologiyalar, ular bo'lsa-da, kam cheklashlar bor. Bilasizmi Lekin, cheklamagan holda, hech qanday san'at bo'lmas edi. oltin bo'limiga - Biz siz loyihalash uchun haqiqiy ijodiy yondashuvni foydalanish uchun tavsiya qilamiz. Shu bilan birga, samarali va chiroyli tarzda qat'iy nazar siz andozalari so'radi, nima hajmi yoki saytlar, ish maydoni to'ldirish mumkin bo'ladi.

ish maydoni sayt oshirish uchun qanday

Omad sizga kichik hajmi tartibini barcha interfeysi elementlari kutib olish uchun etarli joy yo'q, deb hisoblanadi. Bu holda, siz ijodiy fikr boshlash, yoki oldin qilgan ham ko'proq ijodiy kerak bo'ladi.

pop-up menyuda navigatsiya yashirish imkon saytida maksimal yuqoriga bo'sh joy. Bu yondashuv nafaqat mobil, balki ish stoli foydalanish uchun mantiqiy bo'ladi. Axir, foydalanuvchi o'z saytida satrlari nima qarash har doim kerak emas - u tarkib keldi. A foydalanuvchi hurmat istaydi.

Menyuni yashirish uchun yaxshi yo'l misol quyidagi tartib (quyida tasvirlangan) hisoblanadi.

Yuqori yilda qizil burchagida sohasida, veb-sayt mazmuni bilan yolg'iz foydalanuvchi qoldirib, kichik bir alomat maxfiy qilsangiz menyusida bosing, bir xoch ko'rish mumkin.

Biroq, bu ixtiyoriydir, siz huzurida har doim navigatsiya tark mumkin. Lekin siz u go'zal dizayn element, mashhur sayt yo'nalishlarga nafaqat ro'yxati qilish mumkin. ishoratlar matn yoki hatto ularni o'rniga tashqari intuitiv belgilarni foydalaning. Bundan tashqari, qurilma ustida ekran makonini yanada samarali foydalanish uchun saytga beradi.

Eng yaxshi sayt - adaptiv

Agar faqat siz uchun, sayt uchun bir tartib tanlash uchun qaysi biri bilmasangiz. rivojlantirish xarajatlarini tejash va bir vaqtning o'zida, chunki ba'zi qurilma uchun kambag'al tartibi tinglovchilarga yo'qotish emas, balki, javob veb-dizayn foydalanish.

Adaptiv teng shuningdek turli qurilmalarda ko'rinadi a dizayn chaqirdi. Bunday yondashuv sizning sayt hatto smartfon ustida, kamida planshet ustida, hatto bir Laptop uchun aniq va oson bo'lishi uchun imkon beradi. Bu ta'sir ekran kengligi ishchi maydoni avtomatik o'zgarishlar tufayli erishilgan. sayt uchun adaptiv uslublar jadvallarini foydalanib, siz iloji to'g'ri qaror qabul qilinadi.

Nima veb-saytida har xil versiyalar mavjudligi adaptiv dizayn ajratadigan

Responsive dizayn ish stoli farq qiladi, ikkinchi holda, foydalanuvchi bir HTML-kod qabul shunday deb mobil sayt, farq qiladi. Bu server ish faoliyatini, shuningdek qidiruvi optimallashtirish optimallashtirish nuqtai nazaridan bir ahvolga tushgan. Bundan tashqari, yana qiyin sayt turli versiyalari ko'ra statistik hisobga olish bo'ladi. Adaptiv yondashuv kamchiliklari emasligini.

turli qurilmalar uchun moslashuvchanlik tufayli layout kengligi yoki Shuning mavjud bo'shliqda transport bloklar orqali (vertikal tekislik o'rniga bir ish stoli ustida gorizontal smartfon ichida), yoki turli xil ekranlar yaratib individual maketlar uchun erishiladi.

Siz javob dizayn haqida ko'proq bilib va kitoblaridan mumkin rivojlantirish mumkin.