Мобилдик веб-баракчалар жана иш тактасынын веб-баракчалары

Мазмуну:

Мобилдик веб-баракчалар жана иш тактасынын веб-баракчалары
Мобилдик веб-баракчалар жана иш тактасынын веб-баракчалары
Anonim

Мобилдик түзмөктөрдө колдонуу үчүн оптималдаштырылган веб-баракчалар рабочий жана ноутбук компьютерлеринде пайда болгон баракчалардан айырмаланат. Акыркылары чоң экрандар жана чычканды так чыкылдатуу үчүн иштелип чыккан, ал эми мобилдик веб баракчалары кичине экрандар жана так эмес манжа менен басуу үчүн иштелип чыккан.

  • Кичинерээк экрандар жана так эмес манжалар үчүн иштелип чыккан.
  • Чычканды так басуу менен чоң экрандар үчүн иштелип чыккан.

Веб-сайтка кирүүлөрдүн көпчүлүгү мобилдик түзмөктөрдөн келгенин эске алганда, сайттын дизайнерлерине мобилдик түзмөктөр менен да, рабочий компьютерлер менен да иштеген версияларды берүү милдети жүктөлгөн. Эң кеңири таралган ыкма – серепчи аныктаган колдонуучунун түзмөгүнө жана экранынын өлчөмүнө жараша туура версияны автоматтык түрдө жеткирүүчү жооп берүүчү веб-дизайнды колдонуу.

Кандай болгон күндө да, мобилдик веб-баракчалар иш тактасынын версияларынан бир нече жагынан айырмаланат.

Image
Image

Бет дизайны: Мобилдик экрандарда орун аз

  • Смартфон жана планшет дисплейлери диагональ боюнча 4-10 дюйм түзөт.
  • Жыйналма же кеңейтилүүчү меню виджеттери адатта каптал тилкелерин жана көлөмдүү баш менюларды алмаштырат.
  • Тексттин ортосундагы боштук соттук колдонуу менен толук кеңдиктеги графика.

  • Көпчүлүк рабочий мониторлор диагональ боюнча 19 дюймдан 24 дюймга чейин өлчөнөт.
  • Демөөрчү шилтемелер жана чоң баннердик жарнамалар кеңири таралган.
  • Графика үчүн көбүрөөк боштук менен тыгызыраак текст.

Иш тактасы менен мобилдик веб-баракчалардын ортосундагы эң ачык айырма – бул экрандагы кыймылсыз мүлк. Көпчүлүк рабочий мониторлор диагональ боюнча жок дегенде 19 дюймдан 24 дюймга чейин өлчөгөнү менен, планшеттер адатта 10 дюймдун тегерегинде. Смартфондор диагональ боюнча 4 дюймга жакын. Жөн эле кичирейтүү веб-баракчаны мобилдик ыңгайлуу версияга ийгиликтүү айландырбайт, анткени ал текстти окулбойт жана сайтка кирүүчүдөн кошумча кадамды талап кылат. Ошондой эле, кичинекей элементтерди так басуу мүмкүн болбой калат.

Маселени чечүү үчүн дизайнерлер каптал тилкелерди жана өтө зарыл эмес графикаларды алып салышы мүмкүн. Тескерисинче, алар кичирээк графиканы колдонушат, шрифттердин өлчөмүн көбөйтүшөт жана мазмунду кеңейтилүүчү виджеттерге жыйыштырат. Бул кыймылсыз мүлк чектөөсү веб-дизайнерлердин таптакыр башкача ой жүгүртүүсүн жаратты.

Ошондой эле, жыйылган же кеңейүүчү меню виджеттери адатта каптал тилкелерин жана көлөмдүү баш менюларды алмаштырат. Дизайнерлер экрандын ар бир миллиметрин эсепке алуу аракетинде ашыкча бош мейкиндикти алып салышат, ошол эле учурда окууга кылдат көз салышат.

Көп сандаган демөөрчүлүк шилтемелер жана чоң баннердик жарнамалар телефондо же кичинекей планшетте иштебейт. Анын ордуна, кичинекей калкыма жарнамалар мобилдик веб-баракчаларда көбүрөөк кездешет.

Графикага оролгон текстти камтыган макеттер мобилдик түзмөктөрдө жакшы ойнобойт. Анын ордуна, дизайнерлер көбүнчө ал графикага экрандын толук туурасын берип, астындагы же жогорудагы текстти иштетишет. Ошо сыяктуу эле, жакшы веб-дизайн окуу үчүн текстти бөлүктөргө бөлөт; эч ким тексттин бекем дубалдарын окугусу келбейт. Бул кичинекей экрандарда дагы маанилүү болуп калат. Ак мейкиндикти сарамжалдуу пайдалануу абдан маанилүү.

Барактарды башкаруу: Иш тактасынын тактыгы жана мобилдик Blobs

  • Так чабыттоо үчүн чоң басуу аймактары же хотспоттор.

  • Башка URL: "m" тамгасын кошот. Көп учурда сайттын рабочий версиясын көрүү опциясы.
  • Кирүү эсептик дайындары көбүнчө атайын орунга ээ, кээде манжа изине мүмкүнчүлүк бар.
  • Так курсорго негизделген шилтемелер жана баскычтар.

Иш тактаңыздагы чычкандын так көрсөткүчүнөн айырмаланып, адамдын манжасы бүдөмүк, ал эми таптаганда гипершилтемелер үчүн экранда чоң буталар талап кылынат. Мобилдик колдонууга ылайыктуу сайттар так навигацияны жеңилдетүү үчүн чоң басуу аймактарын (же хотспотторду) сунуштайт.

Уюлдук телефондорго ыңгайлуу веб-баракчалар көбүнчө даректеринде m тамгасын камтыйт; мисалы, Facebookтун мобилдик дареги m.facebook.com. Мобилдик URL, адатта, сиз мобилдик планшет же смартфон менен сёрфинг кылганыңызда автоматтык түрдө тандалат. Кээ бир учурларда барактын кадимки рабочий версиясына өтүүгө мүмкүндүк берген тапталуучу шилтемени көрөсүз.

Стод компьютерлери жана ноутбуктар үчүн арналган логин жана сырсөз талаалары кичинекей жана телефондо жараксыз болуп калат, ошондуктан веб-жарыялоочулар аларды чоңойтуп, кээде колдонууга ыңгайлуу болушу үчүн аларга өздөрүнүн баракчаларын беришет. Манжа изи же Google же Facebook сыяктуу башка каттоо эсеби менен кирүү түзмөктүн жана кызматтын мүмкүнчүлүктөрү өнүгүп жаткан сайын кеңири жайылууда.

Бул эмне үчүн маанилүү?

Мобилдик веб баракчалары колго жүрүүчү түзмөктөр үчүн иштелип чыккан жана иш тактадан окуу үчүн жасалган барактардан бир топ айырмаланат. Адатта веб-баракчанын рабочий версиясын мобилдик түзмөктөн көрө алсаңыз да, тескерисинче, алар мазмунду көрүү, окуу жана навигациялоону жеңилдетүү үчүн башкача иштелип чыккан.

Сунушталууда: