Mashhur rozdylni zdatností ekrani. Telefonni ko'rsatish imkoniyatlari: qanday tanlash kerak
Texnik jurnalistika endi kompyuterdan keyingi davr haqida birinchi marta qichqirayotgani yo'q, an'anaviy shakl omillaridagi kompyuterlar sotuvi, ularning distribyutorlari ulushlari ham salbiy pasayib bormoqda. Mobil qurilmalar, smartfonlar yoki planshetlar soni barqaror o'sib bormoqda.
Dizayner uchun tse bizni TKda mobil qo'shimchalar haqida gapirmoqchi bo'lganlar oldida bizni anglatadi, siz telefondan (i, tayyorlayotgan, planshet) saytni shakllantirilishi uchun tartibni bo'yash uchun javobgarsiz. I tse nafaqat tugmachalarga barmoq bilan bosiladiganlarni anglatadi. Ideal holda, shubhasiz, sayt okrema bo'lishi mumkin Mobil versiya Ale, biz o'z fikrimizni bildirganimizdek, ko'pchilik mijozlar uni ko'rishni xohlamaydilar qo'shimcha suyaklar, lekin ular o'zlarining sevimli olma qurilmasi bilan ishlamasliklarini aytish odatiy hol emas.
Ushbu sahifa tartibining kamchiligi shundaki, veb-sahifa avtomatik ravishda brauzer ekranining kengligiga moslashadi. Bir tomondan, veb-sayt ko'rib chiqadigan qo'shimchalar haqida qayg'urmaslikka ruxsat beraman.
Uyning tartibini yaratish veb-dizaynerlarning muammolariga yechim sifatida tan olingan, ammo hid boshqalarni yaratgan. Shuning uchun "sof" tizim deyarli hech qanday tarzda g'alaba qozonmaydi. Yonning silliq joylashuvi bir vaqtning o'zida tomonlarning boshqa maketlaridan g'alaba qozonadi. Masalan, statik chirish uchun. Sizningcha, siz stovptsiv hajmini o'zgartirish natijalarini olib tashlashingiz mumkin.
Ushbu rakeni unutib, bilamanki, dizaynerlar menga birinchi bo'lib ularda chizilgan maketlar bilan bog'liq muammolarni ko'rsatishdi - ular haqida juda ko'p aniq bayonotlar bor, binoning nominal taqsimoti bilan ekranda qancha piksel bor, stol monitorida pastroq. Yaxshi, yaxshi, katta raqamlarni qayta sug'urtalash marketingi evaziga. Ushbu maqola yuzaga kelgan vaziyatni tushunishga yordam beradi.
Javob beruvchi sahifa tartibi
Kenglik, balandlik, kenglik, kengaytma balandligi, orientatsiya, tomonlar nisbati, tasvir nisbati, rang chuqurligi, ranglar palitrasi, monoxrom, razdylna zdatnyst, vydobrazhennya texnologiyasi, sítka. Xuddi statik tartib kabi, ekranning yon tomonidagi piksellarning moslashtirilgan joylashuvi doimiyga o'xshaydi. Lekin tarafning doimiy kengayishi biz ko'proq taxmin qilganimizdek, ZMI ichish asosida yaratilganligida farq bor.
ZMI dan so'rang - bular mantiqiy so'zlar bo'lib, ular birlashganda asosiy algoritmni yaratadi. Misol uchun, javob beruvchi tomon tartibini qisqacha aytish mumkin: Agar siz brauzer kengligini 500 pikselga o'rnatsangiz, asosiy konteyner uni 400 pikselga o'rnatish uchun javobgardir. Misol uchun, agar brauzer juda tor bo'lsa, ikkita ustunning kengayishi bitta ustunga o'zgartirilishi mumkin. Ushbu norozilik tartibini qayta ko'rib chiqish uchun siz Faysal Rassell kodini o'zgartirishingiz mumkin.
Android va iOS-da qo'shimchalar haqida gapiradigan bo'lsak, WP hali ham ekzotik va maxsus ruxsatsiz men tavsiyalar bera olmayman.
Agar HTML hujjatida mobil brauzerga hujjat qaysi kenglikda ko'rsatilishini bildiradigan meta teglar bo'lmasa, brauzerlar hujjatning kengligi 980 pikselga teng bo'ladi. Bu ekran kengligi 320 pikselli telefonlar va 10 dyuymli planshetlar, shuningdek, Android, iOS va Webkit brauzerlari uchun amal qiladi. Bu minimal kengligi 960 piksel bo'lgan saytlar kontentni osongina ko'rsatish uchun kichik chegaralarni olib tashlaydigan o'tish turidir.
Moslashuvchan tartib - yaxshi yechim turli xil ko'chma binolarning yordami uchun. Sayt mobil qurilmalarga moslashtirilgan tartibda ochilishi uchun yon panelning moslashuvchan tartibiga ega veb-saytga ulanish uchun bir soatdan kamroq vaqt ketadi.
Chuy tomoni tartibi
Men kenglik qo'shaman va aniq chegara qiymatlari ko'pincha idealdan uzoqdir va oddiy veb-sahifani ko'rsatish uchun juda boy yoki juda oz vaqt bo'lishi mumkin. Veb-saytning band bo'lish vaqtini oshiring. . Va, nareshti, saytning g'alati tartibi, u ham g'alaba qozongan munosabatlar birligi va moslashuvchan va moslashuvchan tartib g'oyasidan foydalangan holda ZMI uchun so'rov. Vidpovo, vyd rosemiru vikn brauzerida Abo bo'yicha veb-Storíntsy, Chuini tartibi bu ta'sir bo'lishi, níbi vin buv bilan qutulish.
Agar hujjatning minimal kengligi kattaroq bo'lsa, u holda brauzerning xatti-harakati o'zgara boshlaydi. IPhone/iPad-dagi Safari ko'p hollarda tarkibni siqib chiqaradi. Androidda o'zingizni DIP ko'rsating - zichlikka bog'liq bo'lmagan piksellar, yangiliklar haqida ko'proq. Agar hujjatning kengligi 980 dan katta va undan katta bo'lsa, kenglik DIPga qo'shiladi, keyin o'ng qo'lda aylantirish paydo bo'ladi. Shunday qilib, kengligi 1040 piksel bo'lgan sayt iPhone va iPad'da gorizontal aylantirmasdan (1024 piksel), lekin S3 galaxy (jismoniy o'lchami 1280x720) yoki Nexus 1 planshet 2 (jismoniy o'lcham) telefonlarida aylantirish bilan ko'rsatiladi.
Bundan tashqari, agar brauzer multimedia so'rovlari deb hisoblangan o'rta kenglikdan tashqariga chiqsa, u tomonni o'zgartiradi, shuning uchun u oynaning kengligini o'zgartiradi. Moslashuvchan tartibga asoslangan tomonlar ko'pincha "birinchi mobil" yondashuviga asoslanadi. Tse birinchi tartib smartfon uchun yaratilganligini, keyin esa planshet yoki kompyuterga kengaytirilgan ko'rinish qo'shilganligini anglatadi. "Mobil-birinchi" pidhid sizga ko'p vaqtni tejash imkonini beradi, veb-dizaynni kengaytirish osonroq, yoki hatto telefon ekrani uchun ajoyib tartib.
Visnovka etishtirishning keyingi usuli qanday? Ish stoli kompyuterlari va noutbuklarda keng ekranli displeylarning ko'pligidan qat'i nazar, eski yaxshi 960 pikselli panjara o'z ahamiyatini yo'qotmagan. Mobil brauzerlar bir xil kuchga ega bo'lishi mumkin matn bloklari kengaytmada qo'lda o'qilishi mumkin bo'lgan formatda, masalan, matnni telefonda tor matnda yozish va shriftni oshirish uchun. Siz uni ko'rmaysiz, blokdan qasos oladigan matn kabi, balandlikda o'rab olish qiyin. Haqiqatan ham, u balandlikda o'ralgan sayt ishlamaganga o'xshaydi, ayniqsa ko'chma binolarni o'rnatish rejalashtirilgan. Mobil qurilmalarning, ayniqsa telefonlarning yana bir dushmani - bu pozitsiya: o'zgarmas elementlar. Misol uchun, orqa tomondagi qisqa sochli odamni jasorat bilan kuzatib boradigan orqa tugma moda. Qalinroq - katta qoliplar, qattiq qopqoqning kvadratida. Bunday elementlar kichik ekranda nafaqat kam maydonni egallaydi, balki kattalashganda katta maydonda qoladi. Muammo uchun ham xosdir modal oynalar. Ekranning o'rtasida hid paydo bo'lganidek, zo'ravonliksiz spritality vimaging o'rniga ularning mobil miqyosidan. Kshtalt-dagi sevimli qalqib chiquvchi oyna “biz bilan bog'laning ijtimoiy chora-tadbirlar!”, o'zini xuddi shunday darajada tutish uchun - vzagali mobil qo'shimchalarga qattiq hurmatsizlik qiladi, shuning uchun saytni oddiyroq qoldirish, qalqib chiquvchi oynani pasaytirish osonroq.
Vídpovídalny storínki tartibi Faysal Rassell qo'shimcha kod uchun norozilik mumkin. Shubhasiz, yon tomonning g'alati joylashuvi yechimning o'rta ko'rinishlarining tomonlarini yaratishda eng innovatsion yondashuv bo'lib, turli xil uyali binolarda ko'rsatiladigan zamonaviy veb-saytlarni yaratishga imkon beradi.
Nima uchun yon tomonning g'alati tartibi - mobil kengaytmalar uchun eng yaxshi variant?
Sahifalarning sezgir joylashuvi veb-sahifaning ulanish soatiga javob berish uchun bir soat sarflaydi. mobil kengaytma saytning mobil versiyasining asl nusxaga qo'llanilishi. Chi ê mobil qurilmalar uchun veb-saytni yaratish soati uchun yon tomonning moslashuvchan tartibining eski tomonlariga alternativa. Hatto eski echimlar ham mobil versiyaga ega bo'lishi mumkin. Ale kamroq vikoristovuêtsya shoroku yutdi. Faqat vikoristan bo'lmaganlar uchun - eski veb-saytlar uchun, chunki ular o'zgartirishni rejalashtirmaydilar.
Keling, bir nechta saytlarni ko'rib chiqaylik.
Tape.ru hali ham munosib mobil versiyasiga ega bo'lishidan qat'i nazar, unga avtomatik o'tish muvaffaqiyatsiz bo'lmaydi. Ruxsat etilgan menyu uchun avtomatik masshtablash bilan matn ustiga chiqing. koristuvach vinikaê tanlash yoki qo'llaringiz bilan masshtabli oldin, yoki m yozmang. url-da.
Har bir holatda, shuni yodda tutingki, dunyo o'z joyida turmaydi, shuningdek, veb-dizayn. Baribir, saytlar bir vaqtning o'zida koristuvachi bo'lib ko'rinadigan yangi tendentsiyalar paydo bo'lishi sababli o'zgarib bormoqda. I schob ona sayti, qaysi zavzhd buv tsykaviy odamlar, siz bir xil shamol ular bilan bo'lishi mumkin.
To'g'ri, bu ekranlar ideal emas, lekin ular g'oyalarni qabul qilmaydi, lekin boshqacha bo'ladi. Uzoq vaqt davomida ular mo''jizaviy rang berish, eng yuqori yorqinlik va haqiqiy quyuq qora uchun maqtovga sazovor bo'ldi. Bu muhim dunyoga to'g'ri keladi, texnik rejada qolgan daryo biroz o'zgargan, ammo bu hech narsa o'zgarmagan degani emas.
RBC. Ularning mobil versiyasi ham bor, lekin unga o'tish faqat mumkin bosh tomoni. To'g'ridan-to'g'ri xabarlar uchun (Google News, zokrema'dan) siz o'qilmaydigan tuvalni joylashtirishingiz mumkin. Bunday saytda tomosha qilish uchun nima kerak? Ledve.
Pochatkivtsy bir oz ko'proq hayratga tushishi kerak. Polipsheno avtomatik sozlangan yaskravnosti. Tizim ekranning yorqinligini to'g'rilashni eslab qolishi uchun hamma narsa buzilgan va u juda yorqin, sensor tomonidan xiralashgan, shuning uchun keyingi safar ekranning yorqinligini to'g'ri o'rnatasiz.
Kílka dnív navchannya Primík ta 7 vlasnyy rozsud bo'yicha berilgan vazifani avtomatlashtirishni talon-taroj qilish. Far sensori yoki koristuvachning boshi bosh sensori ustiga qo'yilgani kabi, siz bir vaqtning o'zida yorqinlikni o'zgartira olmaysiz, shuning uchun orqa qism sizga fara intensivligi o'zgarmaganligini aytadi. Egalikni tanlashda ajoyib narsa yo'q, lekin o'ylab ko'rishga arziydi, qaysi biri mehribonroq va avtomatikroq bo'lsa, bu siz uchun yaxshiroq, agar sezmasangiz, lekin aqlli telefonning terisi charm bo'lsa, buni bilasiz. , buni bilasiz, bu kurashmoqda.
RBC uslubidagi superkanonik qalqib chiquvchi oyna. Buning eng yaxshi tomoni, chunki u robiti talab qilmaydi.
Intan, qanday verstav, kimni taxmin qiling. Men, ozumilo, mo''jizaviy tarzda nima uchun menyuni bunday tuzatolmaysiz, lekin gapirishga kayfiyatim yo'q edi. Ovqatni mavzudan chetga surib qo'ying.
I qanday zípsuvati vozhennya mumkin. Avtomatlashtirishning virtual qo'lida Í parchalar, u bilan ishlayotganingizni bilish yaxshi. Moviy yorug'lik filtri. Tanaga nom bering, lekin operatsiya oddiy. Rang yoqilganda, displey harorati yanada pastroq bo'ladi, shuning uchun kechqurun u kichikroq bo'ladi, agar telefon olov bilan yoritilgan xonada g'olib bo'lsa, bu esa uyquni buzish muammosini o'zgartiradi, ko'k chiroq bilan chaqiradi. diod.
Yangi kelgan odam mukammallikka ega. Biroq, hamma narsa shubhasiz ijobiydir. Ale zagalom gol ura olmadi. Masalan, yana bitta axlat. Polarizatsiyalangan quyoshdan saqlaydigan ko'zoynak ko'zoynaklarining polarizatsiya filtri 7-belgini gorizontal va vertikal ravishda erkin ranglash imkonini beradi. Biroq, uyqusiz uyqu soati ostida hech narsa yomon emas.
Yana bir narsa, agar siz haqiqatan ham erga qarashga vaqt sarflamasangiz, unda mobil qurilma bilan bog'liq muammolarni sezasiz - shakllarning barcha odatiy elementlari. Kimlar CSS badbo'y hid havoda bo'lmasligi mumkin, bu faqat konsortsium bilan sodir bo'lmagan butun dunyo tarmog'i eriyotgan edi.
Misol uchun, siz ko'rishingiz mumkin bo'lgan chiroyli ro'yxatni chizdingiz. Aytaylik, ish stoli brauzerida hamma narsaga o'xshash vino sichqonchani bosish bilan ochiladi va g'ildirak bilan aylanadi. Ammo bunday elementlarga ega mobil robotda sizda ko'proq muammolar mavjud. Yakby standart sifatida tanlang, koristuvachevy OS da baraban / ochiladigan ro'yxatli tizim oynasini ko'rsatdi.
Qutining zovn_shnyy ko'rinishi minimalistik va zarardan oldin garna bilan kurashadi. Inju oq, qora, oltin shampan, platina plitasi va yumshoq qizilo'ngachlardan tanlang. Alyuminiy korpus koreys kioskining asosiy dizayn elementi hisoblanadi. Ko'pgina tugmalar ham xuddi shu materialdan qilingan, bundan tashqari, displey ostidagi badbo'y hid. Eng muhimi, tana va ramka bir xil rangda, shuning uchun biz yoga tanlamaymiz, u bir tonna bo'ladi.
Ushbu modeldagi barcha tugmalar sokin joylarda, ya'ni old tomonda joylashgan. Mobil telefonlar uchun karnay, yaqinlik sensori va yorug'likdan ko'ra ko'proq. Displey ostida klassik chirish mavjud funktsiya tugmachalari. Tse, aftidan, boshoq, bu boy vazifani qo'llab-quvvatlaydi.
Va iOS-ga fayl biriktirish qobiliyati xuddi shunday. Agar tugmachaning standart ko'rinishi qattiq bo'lsa, u yoqilgan bo'lsa, u holda tugma ham chiroyli.
Shubhasiz, ideal holda, mobil qo'shimchalar tayinlanishi mumkin va mobil qo'shimchalar uchun skriptlar to'g'ridan-to'g'ri o'zgartirilishi mumkin. standart interfeys, vikonuvatisya uchun aybdor emas.
Ushbu model kattaroq diagonali displeyga ega bo'lishi mumkin, u 5 dyuymga aylanadi. Achinarlisi, ranglari yer ko‘rinishida boy emas. Displey bir nechta turli rejimlarga ega bo'lishi mumkin, shuning uchun ranglarning uzatilishini biroz qisqartirish mumkin. Displey rejimlari uchinchi tomon dasturlariga mos kelmaydi.
Virobnik zrobiv garnu roboti, displeyni Sony nuri mavjud bo'lganda o'qish mumkin. Peresia vmystu ko'rinadigan bo'ladi va kontrast o'zgarmaydi. Men boshqa tarafga ham qarayman, men nimani ko'rsataman, yon ekrandan ko'ra ko'proq nima qilish mumkin.
Yana bir qabul qilib bo'lmaydigan xususiyat mobil brauzerlar Bu badbo'y soatda ulangan shriftlarni naqd pul qilmaydiganlar. Barcha yozuvlarda bir xil PT Sans, Google Web Shriftlari bilan aloqalar uzoq vaqt davomida e'tiborga loyiqdir. Ba'zi sabablarga ko'ra, biz allaqachon Helvetica/Roboto-ni dasturlashimiz dargumon. Iltimos, o'ylab ko'ring, shaxsiy shriftingizdan foydalanish vaqti keldi.
Ulanish va veb-brauzer
Siz uni kunning qisqarishi bilan engishingiz mumkinligi aniq edi yoki agar siz uni bir vaqtning o'zida bitta zaryad olsangiz, bizda kamida uchta operatsiya qilishimiz mumkin. 1:00. Dam olish muvaffaqiyatingizni oshirishga imkon beradi periferik binolar smartfon bilan. Muammolar kirish nuqtasi kabi ishlaydigan smartfonga ulanish soatida ayblanadi. Agar ushbu funktsiyani vikoratsiya qilish uchun ikkitadan ortiq qo'shimchalar mavjud bo'lsa, tomonlar sezilarli darajada rivojlangan bo'ladi.
Bloklash ekrani doimiy bo'lib qoladi. Biz kunning qaysi soati va qaysi kunini bilishimizni hali ham o'qiy olamiz. Biz 5 tagacha asosiy ishchi jadvallarni yaratishimiz, ularning tartibini o'zgartirishimiz va ulardan birini asosiy sifatida tanlashimiz mumkin. Ikki barmoqning Navit ishorasi amaliy emas.
Mobil kengaytmalarni qurish ekranlarini o'rganing va kengaytiring. Mobil brauzerda jismoniy va chakana ekran qurish va chakana savdo o'rtasidagi chakana savdo
iPhone va iPad nuqta - olma nuqtalari haqida aniq tushunchaga ega. iPhone ning o'lchami 5 tagacha model - 320 ga 480 piksel. Retina displey nima? Retina Displeyda o'zgaruvchan sonli piksellar mavjud, shuning uchun 4 ta jismoniy piksel bir nuqtaga tushadi. Shunday qilib, iPhone 4 uchun 640 dan 960 pikselgacha bo'lgan ekran uchun jismoniy ruxsatnoma bilan u hali ham 320 dan 480 pikselga teng. Ale, kim bilan grafik qo'shimchalar katta tasvirlar rahunoks uchun batafsil. iPhone 5 uchun nuqtalardagi qiymat 480 dan 568 gacha ko'tarildi. Barcha versiyalardagi iPad uchun, shu jumladan Mini uchun, albatta, 1024x768.
Amalda, bu biz tanlaganimizdek, hamma narsani, birinchi navbatda, birinchi funktsiyadan o'tishimiz kerakligini anglatadi. Tizimli sozlash vertikal ravishda ko'rsatiladi va tasniflanadi. Kechirasiz, bu erda Poshukov tizimi Shuning uchun boshoq koristuvach muammolarga duch kelishi mumkin, o'sha soatda u ularni hal qildi.
Dasturning saytida siz dasturning alifbo ko'rinishini o'rnatishingiz mumkin yoki faqat ularni hayratda qoldirganlar. Bundan tashqari, g'alaba qozona olmaydigan dasturlarni biriktirishingiz mumkin, lekin tebranish xotirasini to'xtatish uchun deyakí. Otzhe, biz ularni yoqishimiz mumkin, yoki qo'shimchalar ishga tushirilishi bilan qancha xotira bandligini, shuningdek, yo'qolgan xotirani hayratda qoldiramiz.
1 dan 1 gacha masshtabda kattalashtirish uchun internetdagi standart grafikalar (masalan, fon tasviri) xuddi kattaroq ko‘rinadigandek ko‘rsatiladi, bir piksel jismoniy ekranning 4 pikseliga cho‘ziladi. rastr tasvir. Grafiklarni qanday ta'kidlash kerak yuqori ruxsat bunday vaziyatda biz hujumkor bo'linishga qarashimiz mumkin. Golovna, ruxsat haqida eslash kerak iOS qurilmalari- retinada va retinada bo'lmagan tomonlar kenglikni o'zgartirishi mumkin deb o'ylashning hojati yo'q. Yo'q, farq faqat piksellar kengligida, nisbatlar bir xil.
Amalda, bu bir qo'l bilan ishlashga imkon beruvchi koristuvach interfeysi hajmining o'zgarishini anglatadi. Biz interfeys joylashgan oyna oynasini erkin sozlashimiz va uning o'rnini o'zgartirishimiz mumkin. Ekran qora rang bilan to'ldirilgan, shuning uchun turbo batareya yo'q. Siz uchun hech narsa muhim emas, bir vaqtning o'zida bitta qo'shimchani yutib oling va xafa bo'lmang. Unda juda ko'p noan'anaviy animatsiya va effektlar mavjud, bu meni har kungi g'olibni hurmat qilishga majbur qiladi. Ushbu egalik klassining natijalari juda ajoyib, biz umumiy hosildorlikning o'rtasidamiz.
Androidda vaziyat boy katlanmış, aniqrog'i, ríznomanytnisha. Android turli xil ekran zichligi (DPI) kontseptsiyasini hayratda qoldiradi. Yogoning mohiyati shundaki, displeyning turli xil jismoniy o'lchamlari va binolarning taqsimlanishi bilan nuqtalardagi xatti-harakatlar modeli ilovani belgilashda o'zgartiriladi. DIP - bu Points analogidir.
Ekran o'lchami - 1. Turkumga shaxsiy bo'lmagan qurilmalar kiradi, masalan, telefonlar 320x480 (HTC Hero, LG Optimus One), 7 dyuymli planshetlar 1024x600 ( samsung galaxy Tab, Kindle Fire), 10 dyuymli planshetlar ( Asus Transformator, Acer A500, Galaxy Tab 10’1).
O'rta bo'g'in militsiyada bo'lgan bachiti mumkin, uni boqmang, Xudo uchun. Mening mahsuldorlik testlarimdan olingan terim, agar byudjet nima ekanligini ayta olsam, o'rtacha o'lcham qancha ekanligini ko'rsatadi. Barcha odatiy burilishlar va burilishlar bilan Koreya mahsuloti to'g'ri kodlar bilan bog'liq muammolarga duch kelmaydi. Atirgullarning ovozi baland va aniq. Shovqinning kamayishi ochiq havo soati ostida yordam berdi va bu ham mehribon edi.
Galereya, musiqa va filmlar
"Galereya" tizimining qo'shimchasi minimalistga qisqartirildi. Rasmlar va videolarni tartiblash mumkin. albom, mistik bilimlar va boshqalar. Levoruch paneli mobil kengaytmada mavjud albomlar o'rtasida almashishga yordam beradi. Shuningdek, fotosuratlarni tahrirlash, kesish, aylantirish, ranglarni uzatish va boshqalar.
Ekran o'lchami 1,33 Nexus 7 planshetidagi 7 dyuymli planshetlarda ishlatiladi.Jismoniy o'lchami - 1280x800, DIP - 960x600.
Ekran kengligi 1,5 - mobil telefonlar yuqori narx kategoriyasi 2011 yil va 2012 yil o'rtalarida FullHD o'rnatilgan 10 dyuymli planshetlar. Masalan, Nexus One 480x800 piksel, 360x533* DIP, HTC One S - 540x960 piksel, 360x640 DIP va Asus Transformer Pad Infinity 1920x1200 piksel, 1280x800 DIP.
*Android dasturchilarida u 534 ni ko'rsatadi, lekin agar brauzer kengligi JS yordamida ko'rsatilsa, u o'zini 533 ni ko'rsatadi va media do'konlarida u birinchi raqamga yo'naltirilgan bo'lishi kerak.
Ekran o'lchami 2 - 2012 yilda yuqori narx toifasidagi telefonlar va tom ma'noda bir nechta planshetlar. Misol uchun, HTC One X, Samsung Galaxy S3 - kengaytirilgan ekran o'lchami 1280x720, DIP 360x640 da kengaytirilgan. Google plansheti Nexus 10 - 2560x1600 piksel, 1280x800 DIP.
Ekran o'lchami 3 - FullHD displeyli 2013 yil flagmani. 1920x1080 pikselda ruxsat berilganda, ular bir xil 360x640 DIPga ega.
Agar shunday bo'lsa, u hali ham 2-fazodan (384x640) 1280x768 pikselli ekranli Google Nexus 4 bilan tebranadi. Ekran tugmalari bo'lgan modellar uchun 42DIP ular uchun panelni egallaydi, shuning uchun bunday modellarda (Galaxy Nexus, Nexus 4, Sony Xperia Z) portret rejimida portret hajmi kichikroq bo'ladi va 598 piksel bo'ladi.
Ushbu tartibda bizda portret uchun uchta ruxsat bor - 320, 460 va biroz 384 va yarim landshaftli juftlik - 480, 533, 568, 640 (598 yumshoq tugmalar bilan).
Planshetlarda portret 600 va 800, landshaft 960, 1024 va 1280 mavjud.
Quyidagi jadvalda eng mashhur mahsulotlar uchun odatiy ruxsatlar ko'rsatilgan:
Mobil qo'shimchaning tartibida qanday ishlash kerak?
Kob uchun yo'riqnomani o'qing. Turli platformalar uchun dasturlar har xil ko'rinishi mumkin. Misol uchun, so'rov bo'yicha o'tgan eksa, siz turli xil operatsion tizimlar elementlarining turlariga mos kelishi mumkin
IPhone uchun dasturning tartibi ustida ishlash uchun 640x1136 (960) o'lchamdagi tuval yarating va o'lchamini ikki barobarga oshiring. Barcha grafikalar, barcha shriftlar shunday bo'lishi mumkin.
Kelajakdagi dasturingiz ekranining yagona qismini signal ko'rsatkichlari bo'lgan holat paneli egallashi mumkin, batareyalar juda nozik. Narx iOS-da 20 piksel va Androidda 25 DIP. Da android telefonlar yumshoq tugmachalar va planshetlar bilan 48 DIP ekranning pastki qismida ularning ostidagi plastinka (Navigatsiya paneli) bilan band. Qachon kanonik bo'lmagan xo'jalik inshootlarida tsimu nachebto Samsung planshetlari kompaniyaning standart qobig'i Navigatsiya paneli va holat paneli poddnani orqali.
Android-da telefoniya uchun dasturlar uchun 720x1280 dan kam bo'lmagan xost sotib olish muhimdir. Bir martadan yaxshiroq 1080x1960, menda zamonaviy flagmanda rozrahunka bor.
720x1280 o'lchamdagi tuval uchun u o'z-o'zini yo'q qiladi, lekin ikkiga, 1080x1960 uchun esa uchga ko'payadi. 480x800 yoki 640x960 o'lchamdagi tuval kabi Vikoristovuvaty - bu yomon fikr.
Tartib ustida ishlash jarayonida vaqti-vaqti bilan oyna o'lchamini o'zgartirish kerak. grafik muharriri chuqur kengayishlarga Men haqiqiy quraman, shuningdek JPG-ni saqlang va binoning boshqa tomoniga qarang. Barmog'ingizni tugmachaga qo'ya olasizmi? Chi emas nadto dribny matn?
Vykoristovuyuchi tartibi nevídpovídnyh rozmírív, qiyshiq ko'rinadigan dastur yoki vv zamilenu jadvali uchun ayb yana sizga paydo bo'ladi.
Zagalom, tafsilotlarga hurmat bilan munosabatda bo'ling va esda tuting - piksel va nuqta / dipi bir xil emas.
Yuqori kenglikdagi ekranlar uchun veb-grafikani optimallashtirish
Otzhe, biz dekilka ishlatadiganlar haqida bilib oldik mumkin bo'lgan variantlar displeydagi piksellar soni. Shubhasiz, "Playstation effekti" sifatida tanilgan, ustiga qo'yilgan grafikaning ta'sirini oldini olish uchun biz yuqori piksellar soniga ega bitmap grafikalarini ajratib ko'rsatishimiz kerak yoki vektor grafikasi masalan, SVG.
SVG-ning barcha qo'llab-quvvatlanishi bilan, u hali ham qorong'i va eski brauzerlar bilan yaxlitlik uchun, baribir, rasterni yutib olish mumkin. Ikkinchi bosh og'rig'i spritlar soni bo'ladi - fon pozitsiyasining qiymatini yuzlab ko'rsatish kerak bo'ladi, bu ajoyib matematik hisoblarni anglatadi. Eng katlanadigan yo'l - bu media so'rovi orqali tasvirlarning o'zlari uchun stiker variantlari soni, masalan -webkit-min-device-piksel nisbati: 2.
Esingizda bo'lsa, texnikaning o'zi juda oddiy va bu faqat bitta va fon tasviriga o'xshash bir xil rasmning dekal versiyalari mavjudligini anglatadi. Agar kerak bo'lsa, siz asosiy tasvirni kattaroq qilib o'zgartirishingiz, kengayish tufayli yoqimsiz hidni kamaytirishingiz va uslublar atributi orqali kengaytirish tomonidagi talablarni belgilashingiz mumkin.
Orqa tomonda, vlasne, ko'p qavatli binoning rasmlari kattaroq vaga bor. Bu erda qasam ichish kerak, nima muhimroq tarkib, qaysi soatning narigi tomoni orqali kattaroq interval orqali o'ynash uchun bir turdagi koristuvach, yoki aks holda u ishlab chiqilgan.
Ovozlar: 416 | Qayta ko'rib chiqilgan: 4271Teri smartfonining asosiy parametrlaridan biri bu ekranning o'lchamidir. Keling, bu nima ekanligini va nima uchun bu juda muhim bo'lishi mumkinligini aniqlaylik.
Ekranning o'lchami qanday?
Razdylna zdatníst displey - tse qiymati, bu bir xil kenglikdagi displeydagi piksellar sonini bildiradi. Bu parametr muhim, chunki u teri smartfoni tasvirining ravshanligini belgilaydi.
Ekran binosining xilma-xilligi tasvirning ravshanligiga yordam beradi. Nima bo'lishidan qat'iy nazar, biz tasvirni aniqroq va aniqroq qilamiz. Kengaytmalar katta o'lchamli bo'lishi mumkin bo'lsa-da, va agar binolar kichik bo'lsa, u holda piksellar kichkintoyda ko'rinadi. Raqamlar va belgilar yetarlicha aniq emas va eski tugmachali telefonlarda bo'lgani kabi biroz chizilgan shaklda.
Ayni paytda 99 yuzta smartfon uchta turdagi ekrandan chiqadi.
- HD (1280x720, 720p);
- Full HD (1920×1080, 1080p);
- Quad HD (2560×1440, 1440p).
Ekran o'lchamini qanday tanlash mumkin?
Eng mashhur smartfon displey o'lchamlari 1280 dan 720 pikselgacha bo'lgan HD. Byudjet narxlari segmentining deyarli barcha gadjetlari bunday displey bilan jihozlangan.
Ko'proq terli yordamchi binolar katta tarqatish binosi bo'lgan displeylarga ega. 1920-1080 yillardagi ekranli smartfonlar uzoq vaqt oldin paydo bo'lgan va endi hech kim ajablanmaydi. Xuddi shunday, smartfonning diagonali 4,5 dan 5,5 dyuymgacha bo'lishi kerak, eng yaxshi ekran o'lchami 1920x1080 piksel (Full HD). Kamroq joy bo'lsa, tasvirda esdalik piksellari bo'ladi va noqulaylik bo'lishi mumkin. Chantly, tse i ê oltin o'rtada - narxlar yuqori emas, tasvirlar aniq va yorqin.
Diagonallar 5,5 dan kattaroq va dyuymdan kattaroq, flagman yordamchi binolari boshqa Quad HD (2650 × 1440) binoga ega. Bu erda tasvir sifati yuqori, ale, go'yo bu haqiqat, inson ko'zi pul summasini deyarli eslay olmaydi. Quad HD - bu kelajakning o'ziga xos xususiyati, u kengaytirilgan texnologiyalar va virtual haqiqat uchun zarur.
