Dimansyon Standard sit: karakteristik, kondisyon ak rekòmandasyon

Teknoloji devlopman nan sit - yon pwosesis ki trè milti-varye. Men, tout etap li yo kapab divize an de eleman prensipal la - yon fonksyonèl ak yon djenn eksteryè. Oswa, tankou nan webmaster a mwayen Beg Fen ak Fen Front respektivman. Moun ki te achte sit entènèt yo nan estidyo devlopman web, souvan naivman kwè ke li se nesesè yo konsantre sèlman sou fonksyonèl, epi li pral desizyon an dwa. Men, sa a se vre nan yon okazyon trè, trè ra, anjeneral, pou kòmanse ups-nan pwojè nan etap la nan tès beta. Rès la nan desen an grafik yo ak koòdone itilizatè yo se tou senpleman oblije konfòme li avèk estanda devlopman web yo epi yo dwe konfòtab.

poto an premye nan fè fas a designer nan koòdone, oswa dekoratè - se lajè a nan Layout a sit la. Apre yo tout, li se nesesè yo trase interfaces pou li. Entwitif ki te gen de apwòch - swa fè kouman apa pou chak nan rezolisyon yo ekran popilè, oswa ou kapab kreye yon vèsyon nan sit la pou tout kat. Tou de opsyon ta dwe mal, men bagay sa premye an premye.

Standard lajè nan piksèl pou sit la ou pral janm bezwen

Anvan yo fè devlopman nan adaptasyon Layout fenomèn mas te devlopman nan yon sit ki gen dè milye de piksèl lajè. te Figi sa a chwazi pou yon rezon ki fè senp - ki te sit la mete sou nenpòt ki ekran. Apre sa, se yon lojik sèten, men se pou yo asime ke yon moun se toujou omwen HD-monitè kè bebe sou Desktop la. Nan ka sa a, layout ou pral sanble ti teren nan mitan an nan ekran an, kote tout bagay se modle nan yon sèl pil, ak sou kote sa yo nan gwo ki pa espas ki la. Koulye a, se pou yo asime ke yon moun rive Sit wèb ou a soti nan yon ti tablo ki genyen yon ekran nan 800 piksèl nan lajè, epi li se tcheke nan anviwònman yo "Montre sit Web la vèsyon an plen." Nan ka sa a, yo pral sit entènèt ou tou gen pou parèt mal, kòm tou senpleman pa anfòm nan ekran an.

Soti nan konsiderasyon sa yo, nou ka konkli ke yon lajè fiks pou Layout a, nou jis pa anfòm, epi ou vle jwenn yon lòt fason. Se pou yo analize lide a nan yon Layout apa pou chak lajè ekran.

Kouman pou tout okazyon

Si ou te chwazi kòm yon estrateji yo kreye kouman pou tout ekran gwosè disponib sou mache a, lè sa a kote ki gen ou yo pral pi inik la nan entènèt la. Apre yo tout, jodi a li se tou senpleman enposib yo kouvri ranje a tout antye nan aparèy nan yon tantativ fè yon anviwònman egzak pou chak opsyon. Men, si ou konsantre sou ki pi popilè rezolisyon pou kontwole ak ekran aparèy yo, lide a se bon. sèlman dezavantaj li yo - depans sa yo finansye. Apre yo tout, lè yo pral designer nan koòdone designer ak xslt dwe fòse yo 5 oswa 6 fwa fè travay an menm, pwojè a ap koute disproporsyonelman orijinal plante nan pri bidjè.

Se poutèt sa fè grandizè yon abondans nan vèsyon pou ekran diferan kapab eksepte ke sit-odnostranichniki nan ki gen rezon - nan vann yon sèl pwodwi yo epi yo dwe asire w ke ou fè li byen. Oke, si ou pa youn nan moun ki Landing, se yon milti-sit, li vle di rezon pi lwen.

gwosè yo ki pi popilè nan sit

Yon antant ant de ekstrèm yo se yon desen nan Layout a pou twa oswa kat gwosè ekran. Nan mitan yo, yon moun dwe gen yon Layout pou aparèy mobil. Rès la bezwen yo dwe adapte pou ekran an piti, mwayen ak gwo Desktop. Ki jan yo chwazi lajè a nan sit la? Pi ba a nou prezante HotLog Statistik sèvis pou Me 2017, ki montre nou distribisyon an nan popilarite nan divès kalite rezolisyon ekran nan aparèy la, osi byen ke dinamik de chanjman nan endikatè sa a.

Soti nan tab la li se posib pou aprann kijan pou detèmine gwosè a nan sit la ou vle sèvi ak. Anplis de sa, li kapab konkli ke fòma ki pi komen jodi a se ekran an nan 1366 pa 768 pwen. ekran sa yo yo enstale nan yon laptop bidjè, se konsa popilarite yo se natirèl. pwochen ki pi popilè a se yon plen HD-monitè kè bebe, ki se estanda nan lò pou sinema, jwèt, ak, Se poutèt sa, yo kreye kouman sit la. Pli lwen nan tablo a nou wè pèmèt aparèy mobil 360 x 640 piksèl, osi byen ke divès kalite reyalizasyon nan Desktop ak ekran mobil apre sa.

Layout konsepsyon

Se konsa, apre analize estatistik yo ki, nou ka konkli ke lajè a pi bon nan sit la gen 4 varyasyon:

1. Version laptops ak 1366 piksèl lajè.
2. Tout HD-vèsyon.
3. 800 piksèl nan Layout gwosè lajè pou ekspozisyon sou monitè Desktop ki piti yo.
4. Mobile vèsyon an sit la - 360 piksèl nan lajè.

Sipoze nou deside ki sa ou vle sèvi ak gwosè a nan pwodwi Kòd sous pou sit la. Men, tankou yon pwojè ta dwe toujou koute chè. Se konsa, konsidere plis opsyon, fwa sa a san yo pa itilize a nan yon lajè fiks yo.

Fè yon Layout fleksib

Gen yon apwòch altènatif ke nou bezwen sèlman nan ajiste pou gwosè a minimòm de ekran an, epi yo pral mande gwosè a absoli nan sit pousan. Nan ka sa a, eleman yo koòdone tankou meni, bouton ak logo, ka defini an tèm absoli, ki konsantre sou gwosè a minimòm de lajè a nan ekran an nan piksèl. Blòk ak kontni an, sou kontrè a, yo pral lonje dapre espesifye nan pousan nan lajè a nan zòn nan ekran. Apwòch sa a pa pèmèt detekte gwosè a nan sit la kòm kontrent pou designer nan ak mil goud la nan yo bat nuanse sa a.

Ki sa ki se rapò a an lò, ak kouman yo sèvi paj sa yo entènèt nan Layout a?

Menm nan Renesans la anpil achitèk ak atis yo te eseye bay kreyasyon l 'fòm nan pafè ak pwopòsyon. Pou repons a kesyon sou enplikasyon yo nan pwopòsyon sa yo, yo tounen vin jwenn larenn lan nan tout syans - matematik.

Depi tout tan jou yo nan antikite te envante pa pwopòsyon an ki je nou pèrsevwar kòm natirèl ki pi ak elegant, paske li se omniprésente nan lanati. Discoverer nan fòmil la nan sa a rapò te yon talan achitèk grèk yo te rele Phidias. Li se kalkile ke si pi fò nan pwopòsyon yo gen rapò ak ba kòm yon antye bay yon pi gwo, Lè sa a, sa a pwopòsyon ap gade byen. Men, nan ka sa a, si ou vle divize asimetrik objè. Sa a pwopòsyon pita te vin rele rapò a an lò, ki toujou pa ègzajere enpòtans li pou istwa nan mond kiltirèl.

Se pou nou tounen nan konsepsyon sit entènèt

Li trè senp - lè l sèvi avèk rapò a an lò, ou kapab desine paj ki pral pi plezi nan je imen an. Kalkile dapre fòmil la nan seksyon an lò, nou jwenn nimewo a irasyonèl 1,6180339887 ..., men pou konvenyans ou ka itilize valè a awondi nan 1.62. Sa a pral vle di ke blòk paj nou an ta dwe 62% ak 38% nan tout la, pa gen pwoblèm sa gwosè pwodwi kòd sous pou sit la w ap itilize. Egzanp ou ka wè sou konplo a yo:

Sèvi ak nan nouvo teknoloji

sit entènèt modèn Layout teknoloji pèmèt ou avèk presizyon transmèt lide nan designer nan ak designer a, se konsa kounye a ou kapab peye aplikasyon an nan odasyeu lide pase nan dimanch maten byen bonè a nan teknoloji entènèt. No longer bezwen anpil nan devinèt sou sa ki ta dwe gwosè a nan yon sit. Avèk avenman a nan bagay sa yo tankou blòk Layout adaptasyon, dinamik loading nan kontni ak polis, devlopman sit entènèt te vin anpil fwa plis agreyab. Apre yo tout, teknoloji sa yo gen mwens restriksyon, menm si yo ye. Men, jan ou konnen, san limitasyon, ta gen pa gen okenn atizay. Nou sijere pou w sèvi ak yon apwòch vrèman kreyatif desine - seksyon an lò. Avèk li, ou yo pral kapab avèk efikasite epi joliman ranpli vorkspas a, pa gen pwoblèm sa gwosè oswa sit ou mande nan modèl ou yo.

Kouman ogmante sit la vorkspas

Chans yo se ke ou pa pral gen ase espas li akomode tout eleman ki koòdone nan Layout a nan gwosè a piti. Nan ka sa a, w ap gen yo kòmanse panse kreyativite, oswa menm plis kreyatif pase ou te fè anvan.

Maksimòm gratis moute espas sou sit la ke posib, kache navigasyon a nan meni an pop-up. Apwòch sa a se ki lojik yo sèvi ak pa sèlman mobil, men tou, sou Desktop la. Apre yo tout, itilizatè a pa bezwen tout tan tout tan an fè yon gade nan sa ki te tit sou sit ou - li te vini pou kontni. Yon itilizatè vle yo dwe respekte yo.

Yon egzanp sou yon bon fason yo kache meni an se Layout sa a (foto ki anba a).

Nan anwo kwen an nan wouj zòn nan , ou ka wè yon kwa, klike sou meni an ki kache nan yon icon piti, kite itilizatè a pou kont li avèk kontni an sou sit wèb.

Sepandan, sa a se si ou vle, ou ka kite navigasyon nan ki se toujou nan je. Men, ou ka fè l 'yon eleman konsepsyon bèl, pa sèlman yon lis nan lyen sou sit la popilè. Sèvi ak ikon entwisyon nan adisyon nan tèks lyen oswa menm ranplase yo. Li pral tou pèmèt sit ou a pi efikas pou sèvi ak espas ekran sou aparèy ou an.

Pi bon Sit wèb - adaptasyon

Si ou pa konnen ki youn a chwazi yon Layout pou sit la, tout jis pou ou. Pou konsève pou sou depans devlopman ak nan menm tan an pa pèdi odyans lan paske yo te Layout pòv pou kèk aparèy, sèvi ak konsepsyon sit entènèt reponn.

Adaptatif rele yon konsepsyon ki sanble sou aparèy diferan egalman byen. Apwòch sa a pral pèmèt sit ou yo dwe klè ak fasil menm pou yon laptop, omwen sou grenn nan, menm sou yon smartphone. Li reyalize sa a efè a se akòz chanjman otomatik nan zòn nan k ap travay nan lajè a ekran. Lè l sèvi avèk fèy papye style adaptasyon pou sit la, w ap pran desizyon an dwa posib.

Ki sa ki fè distenksyon desen an adaptasyon nan disponiblite a nan diferan vèsyon nan sit entènèt ou

Repons konsepsyon ki diferan de sit la mobil pou ke nan ka a lèt, itilizatè a resevwa yon html-kòd, ki se diferan soti nan Desktop la. Sa a se yon dezavantaj ki soti nan pwen an de vi nan optimize pèfòmans lan nan sèvè a, osi byen ke optimize motè rechèch. Anplis de sa, pi difisil nan li vin yo konsidere estatistik yo ki dapre diferan vèsyon nan sit la. Yon apwòch adaptasyon se dépourvu nan enpèfeksyon.

se adaptabilité pou aparèy diferan reyalize akòz lajè a Layout oswa Pousantaj atravè blòk transpò nan espas ki la disponib (nan plan an vètikal olye pou yo smartphone la orizontal sou yon Desktop), oswa kouman endividyèl yo pa kreye ekran divès kalite.

Ou ka aprann plis sou konsepsyon reponn epi devlope ou ka soti nan liv.