Стандарт хэмжээ сайтууд: онцлог, шаардлага, зөвлөмж

вэб сайт, технологийн хөгжил - маш олон талт үйл явц юм. үйл ажиллагааны болон гадна бүрхүүлийн - Гэсэн ч түүний бүх үе шатанд хоёр гол бүрэлдэхүүн хэсэг болгон хувааж болно. Эсвэл, дунд Webmaster гуйж Төгсгөл болон урд Төгсгөл тус тус байна. Ихэнхдээ, вэб хөгжүүлэлт студид өөрсдийн вэбсайтыг худалдан авсан хүмүүс naively энэ нь зөвхөн үйл ажиллагааны анхаарлаа хандуулах шаардлагатай байна гэж үзэж, мөн энэ нь зөв шийдвэр байх болно. Гэхдээ энэ нь ихэвчлэн бета туршилтын шатанд төсөл эхлэх өгөв нь, маш ховор тохиолдолд үнэн байдаг. график дизайн, хэрэглэгчийн интерфэйс нь бусад нь зүгээр л вэб хөгжүүлэлтийн стандартад нийцсэн, тав тухтай байх үүрэгтэй.

интерфэйс нь дизайнер, эсвэл дизайнер тулгарч буй анхны тулгын чулуу - газар зохион байгуулалтын өргөн юм. Эцсийн эцэст, энэ нь түүний хувьд интерфэйсүүдийг зурах шаардлагатай. Хар ухаанаар хоёр хандлага байдаг - бас алдартай дэлгэц тогтоол тус бүрийн хувьд тусад нь зайн хийх, эсвэл та бүх газрын зураг нь сайтын нэг хувилбарыг үүсгэж болно. Аль аль нь сонголт буруу байж болно, гэхдээ Эхний зүйл.

сайтын та хэзээ нэгэн цагт хэрэгтэй нь цэгээр Стандарт өргөн

дасан зохицох байршил масс үзэгдэл хөгжүүлэх өмнө өргөн пиксел нь мянга мянган сайтын хөгжлийн байна. Энэ зураг нэг энгийн шалтгаанаар сонгосон - сайт ямар нэгэн дэлгэцэн дээр байрлуулсан байсан юм. Мөн тодорхой логик байхгүй, гэхдээ-ын хүн ч компьютер дээр наад зах нь HD-тавих гэж бодоцгооё. Энэ тохиолдолд, таны зохион байгуулалт дэлгэц, бүх зүйл нэг эвлүүлж цутгасан бол дунд жижигхэн зурвас мэт санагдаж, бас асар их бус зай талд болно. Одоо хүн өргөнтэй 800 пиксел нь дэлгэц бүхий таблет нь таны вэб сайт ирж, мөн нөхцөл байдалд шалгаж байгаа гэж үзье "вэб сайтыг бүрэн хувилбарыг нь үзүүл." Энэ тохиолдолд таны вэб сайт нь ч бас буруу, зүгээр л дэлгэцэнд багтахгүй биш гэж харагдах болно.

Эдгээр асуудлын эхлэн бид зохион байгуулалтын хувьд тогтмол өргөн, бид зүгээр л багтахг й байгаа гэж дүгнэж болох ба та өөр арга замыг олохыг хүссэн. -н дэлгэцийн өргөн болгонд тус тусад нь зохион байгуулалтын санааг шинжлэх үзье.

бүх тохиолдол нь байрлуулалт

Та бүх дэлгэц нь зах зээл дээр байгаа хэмжээтэй зайн бий болгох стратеги болгон сонгосон бол таны сайт интернэтэд хамгийн өвөрмөц байх болно. Бүх дараа, өнөөдөр сонголт тус бүрийн хувьд яг тохиргоог хийх оролдлого төхөөрөмжүүдийн бүх хүрээг хамарсан нь ердөө л боломжгүй юм. Харин та нар хамгийн алдартай хянах шийдвэрлэх, дэлгэц төхөөрөмжүүд дээр анхаарлаа хандуулах уу, санаа сайн. Түүний цорын ганц сул тал нь - санхүүгийн зардал. Эцсийн эцэст, загвар зохион бүтээгч интерфэйс нь загвар зохион бүтээгч болон хамрагдсан нэг ажил гүйцэтгэх 5 эсвэл 6 удаа албадан байх болно, төслийн илүүтэй анх төсвийн үнээр тарьсан үнэтэй болно.

Нэг бүтээгдэхүүн худалдах, сайн хийх хэрэгтэй байх - Тийм учраас өөр өөр дэлгэцийн хувилбарууд нь элбэг сайт-odnostranichniki нь зорилго нь бусад тохиолдолд байж болох өөрөөрөө сайрхахгүй. За, та нар эдгээр буух нэг биш байгаа бол, олон сайт, энэ нь цаашид учир шалтгааныг тодруулан ажиллаж байна.

сайтын хамгийн алдартай хэмжээ

хоёр эрс тэс хооронд буулт гурав, дөрвөн хувьд зохион байгуулалтын зураг юм дэлгэцийн хэмжээ. Тэдний дунд нэг хөдөлгөөнт төхөөрөмжүүдийн хувьд байршил байх ёстой. бусад нь жижиг, дунд, том ширээний дэлгэцэнд тохируулан байх хэрэгтэй. сайтын өргөн хэрхэн сонгох вэ? Бид бидэнд төхөөрөмжийн төрөл бүрийн дэлгэцийн шийдвэрлэх алдартай хуваарилалт, түүнчлэн энэ үзүүлэлт өөрчлөлтийн динамикийг харуулж байна тавдугаар 2017 үйлчилгээний статистик мэдээ HotLog танилцуулах, доор.

хүснэгтээс харахад энэ нь та ашиглахыг хүсэж сайтын хэмжээг хэрхэн тодорхойлж сурах боломжтой юм. Үүнээс гадна, энэ нь өнөөдөр хамгийн түгээмэл хэлбэр нь 768 пунктээр 1366 онд дэлгэц байна гэж дүгнэж болно. Эдгээр дэлгэц нь төсвийн зөөврийн компьютер суурилуулсан байна, тийм болохоор тэдний тархсанаар нь байгалийн юм. Дараагийн хамгийн алдартай нь Full HD-хяналт тавих, кино, тоглоом алтан стандарт, талбайн байрлал бий болгох, тиймийн тул, мөн юм. Цаашид бид харж хүснэгтэд дараа гар төхөөрөмжүүдийг нь 360 х 640 пиксел, түүнчлэн ширээний төрөл бүрийн embodiments болон гар утасны дэлгэц зөвшөөрдөг.

загвар зохион

Тиймээс статистик дүн шинжилгээ хийж дараа нь бид сайтын оновчтой өргөн 4 хувилбаруудыг байна гэж дүгнэж болох юм:

1. Өргөн 1366 пиксел бүхий хувилбар зөөврийн компьютер.
2. Full HD-хувилбар юм.
3. жижиг ширээний дэлгэц дээр дэлгэцийн хувьд өргөн хэмжээтэй зохион байгуулалт нь 800 пиксель.
4. өргөн нь 360 пиксель - сайтын Мобайл хувилбар.

бид таныг сайт бий болсон эх кодын хэмжээг ашиглахыг хүссэн зүйлээ шийдсэн гэж бодъё. Гэхдээ ийм төсөл ч өртөг өндөртэй байж болох юм. Тиймээс илүү олон тохируулгуудтай бөгөөд энэ удаад тогтмол өргөн ашиглах ямар ч авч үзье.

уян хатан зохион байгуулалт хийх

Бид дэлгэцийн доод хэмжээг тохируулах л хэрэгтэй өөр нэг арга байдаг бөгөөд талбайн цар хэмжээ хувь нь асуух болно. Энэ тохиолдолд, тухайлбал цэснүүд, товч болон лого зэрэг интерфэйс элементүүд, үнэмлэхүй хувьд, цэгээр дэлгэцийн өргөн хамгийн бага хэмжээн дээр анхаарлаа хандуулах тодорхойлж болно. агуулга нь блок, эсрэгээр, дэлгэц талбайн өргөн хувийг заасан дагуу сунгасан болно. Энэ арга нь дизайнер бөгөөд энэ нь нэлээд зодож авъяас нь саад болж талбайн хэмжээг илрүүлж чадахгүй боломжийг олгодог.

алтан харьцаа гэж юу вэ, мөн зохион вэб хуудсуудыг хэрхэн ашиглах вэ?

Тэр ч байтугай сэргэн мандалтын олон архитектор, уран бүтээлчид түүний бүтээлүүд төгс хэлбэр, эзлэх хувийг өгөхийг оролдсон. Ийм хувь нь үр дагаврыг тухай асуулт хариулт, тэд бүх шинжлэх ухааны хатанд болсон - математик.

Ямагт хойш эртний хоногийн хувь тэнцүүлэн энэ нь байгальд хаа сайгүй байдаг, учир нь бидний нүд, хамгийн их байгалийн болон гоёмсог гэж ойлгож буйгаа зохион бүтээсэн байна. Энэ харьцаа томъёоны Discoverer Phidias хэмээх авъяаслаг Грекийн архитекторч байсан юм. Энэ нь бүхэл бүтэн томоохон үйлчилгээгээр хангагдсан байдаг болохоор хувь хамгийн бага холбоотой бол энэ хувь сайн харагдах болно гэж тооцоолж байна. Гэвч энэ тохиолдолд, хэрэв та симметр бус зүйлийг хувааж хүсэж байна. Энэ нь хувь хожим нь алтан харьцаа, одоо ч дэлхийн соёлын түүхэнд түүний ач холбогдлыг үнэлж чадахгүй вэ гэж нэрлэдэг болжээ.

вэб дизайн буцаж явцгаая

Энэ нь маш энгийн юм - алтан харьцаа ашиглан, та хүний нүдэнд хамгийн тааламжтай байх болно хуудсыг боловсруулж болно. алтан хэсгийн томъёогоор тооцож, бид олж зохисгүй тоо 1,6180339887 ..., гэхдээ тохиромжтой та 1.62-ийн ойролцоо утгыг ашиглаж болно. Энэ нь манай хуудсанд блок 62% нь, бүхэлд нь 38%, та ашиглаж байгаа сайт зориулан эх кодоо ямар хэмжээ бий ямар ч хамаагүй байх ёстой гэсэн үг юм. Жишээ нь та дараах схемийн дээр харж болно:

шинэ технологи ашиглах нь

Орчин үеийн технологийн байршил вэб сайтууд та үнэн зөв, дизайнер, дизайнер санаа илэрхийлэх одоо та интернэт технологийн үүрээр илүү bolder санаа хэрэгжилтийг төлж чадах тийм боломж олгодог. Ямар ч урт нь талбайн хэмжээ байх ёстой юу гаруй эндүүрэл их хэрэгтэй. блок гэх мэт зүйлсийг бий болсноор дасан зохицох байрлал, агуулга, фонт динамик ачааллын, вэб сайт хөгжүүлэх олон дахин илүү таатай болж байна. Эцсийн эцэст, эдгээр технологи тэд ч гэсэн, бага хязгаарлалт байдаг. Харин та нар мэдэж, ямар нэгэн хязгаарлалтгүйгээр, ямар ч урлагийн байж болох юм. алтан хэсэг - Бид танд зураг төсөл нь үнэхээр бүтээлч арга барилыг ашиглах санал болгож байна. Хэрэв тусламжтай та үр ашигтай, сайхан ч хамаагүй та маягт асуув ямар хэмжээ, сайт, ажлын талбарыг хүсч бөглөх боломжтой болно.

Workspace сайтад нэмэгдүүлэх вэ

Боломж та жижиг хэмжээний зохион байгуулалт нь бүх интерфэйс элементүүдийг багтаах хангалттай зайтай байх болно гэж үзэж байна. Энэ тохиолдолд та бүтээлчээр бодож эхлэх, эсвэл та өмнө нь байсан ч илүү бүтээлч байх болно.

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

цэс нуух сайн арга зам нь дараахь төлөвлөгөө (доорх зурган дээр) байна.

дээд онд улаан булан талбай, та вэб сайт агуулга нь зөвхөн хэрэглэгч орхин хөндлөн харж болно, жижиг дүрс нь нуудаг цэс дээр товшино уу.

Гэсэн хэдий ч, энэ нь заавал байдаг, та нүдний өмнө үргэлж Хөтөлж орхиж болно. Харин та нар энэ сайхан дизайн элемент, алдартай газар дээр нь холбоосууд нь зүгээр л биш, жагсаалт хийх боломжтой. холбоосууд бичвэр, тэр ч байтугай тэднийг солих гадна зөн совингийн цонхнууд ашиглаарай. Энэ нь таны төхөөрөмж дээр дэлгэцийн орон зай илүү үр ашигтай ашиглах нь таны сайтад боломжтой болно.

Шилдэг Вэб сайт - дасан зохицох

Хэрэв та аль нэг нь л зүгээр л та нарын төлөө, газар нь байршлыг сонгох мэдэхгүй байгаа бол. хөгжлийн зардал хэмнэх, тэр үед, учир нь зарим төхөөрөмжийн хувьд ядуу зохион үзэгчдийг алдах биш, хариуцлагатай вэб дизайн ашигладаг.

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

Та ямар вэб сайт янз бүрийн хувилбаруудад олдоц дасан зохицох дизайн ялгаж

Хариуцлагатай дизайн гар утасны сайт компьютер өөр байна, сүүлийн тохиолдолд хэрэглэгч нь HTML-код хүлээн авсан болохоор тэр нь өөр юм. Энэ сервер нь гүйцэтгэл, түүнчлэн хайлтын хөдөлгүүрийн оновчлолын оновчтой болгох үүднээс нэг сул тал юм. Үүнээс гадна, илүү хүнд хэцүү энэ сайтын янз бүрийн хувилбаруудад холбоотой статистик мэдээллийг авч үзэх болно. Нь дасан зохицох арга нь дутагдалтай ангид юм.

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

Та нийцсэн дизайны талаар илүү ихийг мэдэх ном нь та хөгжүүлэх болно.