Safleoedd dimensiynau safonol: Nodweddion, gofynion ac argymhellion

datblygu technoleg o wefannau - proses iawn amlweddog. Eto gall ei holl gamau yn cael eu rhannu'n ddau brif elfen - swyddogaethol a wain allanol. Neu, fel yn y gwefeistr cyfrwng Beg End a Blaen End yn y drefn honno. Mae pobl sy'n prynu eu gwefannau mewn stiwdios datblygu gwe, yn aml yn ddiniwed yn credu ei bod yn angenrheidiol i ganolbwyntio yn unig ar swyddogaethol, a bydd yn y penderfyniad cywir. Ond mae hyn yn wir mewn adegau iawn, prin iawn, fel arfer ar gyfer busnesau newydd o brosiectau yn ystod y cam o brofi beta. Mae'n ofynnol i weddill y dylunio graffeg a rhyngwyneb defnyddiwr yn syml i gydymffurfio â safonau datblygu gwefan a bod yn gyfforddus.

Conglfaen cyntaf o wynebu'r dylunydd rhyngwyneb, neu ddylunydd - yw'r lled y cynllun y safle. Wedi'r cyfan, mae angen i dynnu rhyngwynebau ar ei chyfer. Reddfol mae dau ddulliau - naill ai i wneud cynlluniau ar wahân ar gyfer pob un o'r penderfyniadau sgrîn boblogaidd, neu gallwch greu un fersiwn o'r safle ar gyfer yr holl fapiau. Byddai'r ddau opsiwn fod yn anghywir, ond mae pethau cyntaf yn gyntaf.

lled safonol mewn picseli ar gyfer y safle y byddwch ei angen

Cyn y gwaith o ddatblygu cynllun addasol ffenomen torfol fu datblygu safle gyda miloedd o picsel o led. Dewiswyd y ffigur ar gyfer un rheswm syml - bod y safle yn cael ei roi ar unrhyw sgrin. Ac mae yna resymeg penodol, ond gadewch i ni dybio bod person yn dal i fod o leiaf yn HD-monitro ar y bwrdd gwaith. Yn yr achos hwn, bydd eich cynllun yn ymddangos yn stribed bach yng nghanol y sgrin, lle mae popeth yn cael ei fowldio mewn un pentwr, ac ar ochr y di-gofod enfawr. Nawr, gadewch i ni dybio bod person yn dod i eich safle gwe o dabled gyda sgrîn o 800 picsel o led, ac yn cael ei wirio yn y lleoliadau "Dangoswch y safle we y fersiwn llawn." Yn yr achos hwn, bydd eich gwefan yn cael ei arddangos yn anghywir, yn syml fel nad ffitio i mewn i'r sgrin.

O'r ystyriaethau hyn, gallwn ddod i'r casgliad bod lled sefydlog am y cynllun, rydym nid yn unig yn cyd-fynd a ydych am ddod o hyd i ffordd arall. Gadewch i ni yn dadansoddi y syniad o gynllun ar wahân ar gyfer pob led y sgrin.

Cynlluniau ar gyfer pob achlysur

Os ydych wedi dewis fel strategaeth i greu cynlluniau ar gyfer yr holl sgrin maint ar gael ar y farchnad, yna bydd eich safle yn cael y mwyaf unigryw yn y Rhyngrwyd. Wedi'r cyfan, heddiw ei bod yn syml amhosibl i dalu am yr holl ystod o ddyfeisiau mewn ymgais i wneud union lleoliad ar gyfer pob opsiwn. Ond os ydych yn canolbwyntio ar y dyfeisiau monitor cydraniad sgrin a mwyaf poblogaidd, y syniad yn dda. Mae ei unig anfantais - y costau ariannol. Wedi'r cyfan, pan fydd y dylunydd rhyngwyneb dylunydd a codydd cael eu gorfodi i 5 neu 6 gwaith i gyflawni'r un gwaith, bydd y prosiect yn costio anghymesur blannwyd yn wreiddiol am brisiau gyllideb.

Felly, yn brolio Gall digonedd o fersiynau ar gyfer gwahanol sgriniau fod eithrio bod y safleoedd-odnostranichniki y mae eu pwrpas - i werthu un cynnyrch a gofalwch eich bod yn ei wneud yn dda. Wel, os nad ydych yn un o'r rhai a Landing, aml-safle, mae'n sefyll i reswm ymhellach.

Mae maint mwyaf poblogaidd safleoedd

Mae cyfaddawd rhwng y ddau begwn yn ddarlun o'r cynllun am dair neu bedair maint sgrîn. Yn eu plith, rhaid i un fod yn gynllun ar gyfer dyfeisiau symudol. Mae angen eu haddasu ar gyfer y sgrin bwrdd gwaith bach, canolig a mawr y gweddill. Sut i ddewis y lled y safle? Isod rydym yn cyflwyno HotLog ystadegau gwasanaeth ar gyfer Mai 2017 sy'n dangos i ni y dosbarthiad o boblogrwydd gwahanol cydraniad sgrin y ddyfais, yn ogystal â dynameg y newid yn y dangosydd hwn.

O'r tabl, mae'n bosibl i ddysgu sut i bennu maint y safle rydych am ei ddefnyddio. Yn ogystal, gellir dod i'r casgliad bod y fformat mwyaf cyffredin heddiw yn y sgrîn yn 1366 gan 768 o bwyntiau. Mae'r sgriniau yn cael eu gosod mewn gliniadur gyllideb, felly mae eu poblogrwydd yn naturiol. Y nesaf mwyaf poblogaidd yn llawn HD-monitro, sef y safon aur ar gyfer ffilmiau, gemau, ac, felly, i greu cynlluniau safle. Ymhellach yn y tabl gwelwn caniatáu dyfeisiau symudol 360 x 640 picsel, yn ogystal â gwahanol embodiments o ben-desg a sgriniau symudol wedyn.

cynllun dylunio

Felly, ar ôl dadansoddi'r ystadegau, gallwn ddod i'r casgliad bod y lled gorau posibl o'r safle 4 amrywiadau:

1. gliniaduron Fersiwn gyda 1366 picsel o led.
2. Full HD-fersiwn.
3. 800 picsel mewn gosodiad maint led i'w harddangos ar fonitorau n ben-desg bach.
4. Fersiwn Symudol o'r safle - 360 picsel o led.

Tybiwch penderfynom yr hyn yr ydych am ei ddefnyddio maint y cod ffynhonnell a gynhyrchir ar gyfer y safle. Ond byddai prosiect o'r fath yn dal i fod yn gostus. Felly ystyriwch mwy o opsiynau, y tro hwn heb y defnydd o lled sefydlog.

Gwnewch gynllun hyblyg

Mae ymagwedd arall y mae angen i ni ond i addasu ar gyfer maint lleiaf y sgrin, a bydd y maint y safleoedd yn cael eu gofyn i cant. Yn yr achos hwn, yr elfennau rhyngwyneb megis bwydlenni, botymau a logos, gellir diffinio mewn termau absoliwt, gan ganolbwyntio ar y maint lleiaf o led y sgrin mewn picseli. Blociau gyda chynnwys, ar y groes, yn cael ei ymestyn yn ôl y nodir y cant o led yr ardal sgrîn. Nid yw'r dull hwn yn caniatáu canfod maint y safle gan fod cyfyngiadau i'r dylunydd a'r talent i guro naws hwn.

Beth yw'r gymhareb euraidd, a sut i ddefnyddio'r tudalennau gwe i gynllun?

Hyd yn oed yn y Dadeni llawer o benseiri ac artistiaid ceisio rhoi siâp perffaith a chyfran ei greadigaethau. Am atebion i gwestiynau am y goblygiadau o cyfrannau o'r fath, maent yn troi i frenhines yr holl wyddorau - mathemateg.

Byth ers y dyddiau o hynafiaeth ei ddyfeisio gan y gyfran y mae ein llygaid yn gweld fel y rhai mwyaf naturiol a chain, am ei fod yn hollbresennol yn natur. Darganfyddwr y fformiwla y gymhareb hon yn bensaer Groeg talentog a enwir Phidias. Mae'n cael ei gyfrifo, os y rhan fwyaf o'r cyfrannau yn ymwneud â isel yn gyffredinol yn darparu mwy o faint, yna bydd y gyfran hon yn edrych yn dda. Ond yn yr achos hwn, os ydych am rannu anghymesur gwrthrych. Mae'r gyfran hon yn ddiweddarach daeth galw y gymhareb aur, nid yw hynny'n goramcangyfrif ei bwysigrwydd ar gyfer yr hanes diwylliannol byd.

Gadewch i ni fynd yn ôl at ddylunio gwe

Mae'n syml iawn - gan ddefnyddio'r gymhareb aur, gallwch chi ddylunio tudalennau a fydd yn fwyaf ddymunol i'r llygad dynol. Gyfrifo yn unol â'r fformiwla yr adran aur, rydym yn dod o hyd i'r rhif afresymol 1.6180339887 ..., ond er hwylustod gallwch ddefnyddio'r gwerth cyflawn o 1.62. Bydd hyn yn golygu y dylai ein blociau dudalen fod yn 62% a 38% o'r cyfan, ni waeth beth yw maint a gynhyrchir cod ffynhonnell ar gyfer y safle yr ydych yn ei ddefnyddio. Enghraifft gallwch weld ar y cynllun canlynol:

Defnydd o dechnolegau newydd

gwefannau cynllun technoleg modern yn caniatáu i chi i gyfleu syniadau y dylunydd a'r dylunydd yn gywir, felly nawr gallwch fforddio'r syniadau beiddgar nag ar y wawr o dechnoleg Rhyngrwyd ar waith. Nid oes angen llawer i bendroni dros yr hyn a ddylai fod yr un maint â safle. Gyda dyfodiad y pethau fel bloc cynllun addasol, llwytho deinamig o gynnwys a ffontiau, datblygu gwefan wedi dod yn llawer gwaith yn fwy pleserus. Wedi'r cyfan, technolegau hyn yn cael llai cyfyngiadau, er eu bod yn. Ond, fel y gwyddoch, heb gyfyngiad, ni fyddai unrhyw gelfyddyd. Rydym yn awgrymu eich bod yn defnyddio dull gwirioneddol creadigol i ddylunio - yr adran aur. Gyda hynny, byddwch yn gallu llenwi'r lle gwaith yn effeithlon ac yn braf, ni waeth beth yw maint neu safleoedd rydych wedi gofyn yn eich templedi.

Sut i gynyddu safle lle gwaith

Mae'n bur debyg na fyddwch yn cael digon o le i gynnwys yr holl elfennau rhyngwyneb yn y cynllun y maint bach. Yn yr achos hwn, bydd yn rhaid i chi ddechrau meddwl yn greadigol, neu hyd yn oed yn fwy creadigol nag oeddech o'r blaen.

Uchafswm rhyddhau lle ar y safle ag y bo modd, yn cuddio y llyw yn y ddewislen pop-up. Mae'r dull hwn yn rhesymegol i ddefnyddio nid yn unig yn symudol, ond hefyd ar y bwrdd gwaith. Wedi'r cyfan, nid oes angen y defnyddiwr drwy'r amser i edrych ar yr hyn sydd penawdau ar eich safle - mae wedi dod ar gyfer cynnwys. Mae defnyddiwr yn dymuno cael ei barchu.

Enghraifft o ffordd dda i guddio y fwydlen yn y cynllun canlynol (yn y llun isod).

Yn yr uchaf gornel y coch ardal, gallwch weld croes, cliciwch ar y ddewislen sy'n cuddio mewn eicon bach, gan adael y defnyddiwr yn ei ben ei hun gyda'r cynnwys gwefan.

Fodd bynnag, mae hyn yn ddewisol, gallwch adael y llyw sydd bob amser yn y golwg. Ond gallwch wneud yn elfen dyluniad hardd, nid dim ond rhestr o ddolenni ar y safle poblogaidd. Defnyddiwch eiconau greddfol yn ychwanegol i destun cysylltiadau neu hyd yn oed eu disodli. Bydd hefyd yn caniatáu eich safle i ddefnydd mwy effeithlon o ofod sgrin ar eich dyfais.

Gwefan Orau - addasol

Os nad ydych yn gwybod pa un i'w ddewis cynllun ar gyfer y safle, i gyd yn unig ar eich cyfer chi. I arbed ar gostau datblygu ac ar yr un pryd â cholli y gynulleidfa oherwydd y cynllun gwael ar gyfer rhai dyfais, defnyddiwch dylunio gwefannau ymatebol.

Addasol a elwir yn gynllun sy'n edrych ar wahanol ddyfeisiau yr un mor dda. Bydd y dull hwn yn caniatáu eich safle fod yn glir ac yn hawdd, hyd yn oed am liniadur, o leiaf ar y dabled, hyd yn oed ar smartphone. Cyflawnodd yr effaith hon yn ganlyniad i newidiadau awtomatig i'r ardal waith o led sgrîn. Gan ddefnyddio dalennau arddull addasol ar gyfer y safle, rydych yn cymryd y penderfyniad cywir posibl.

Beth sy'n gwahaniaethu'r dyluniad addasol o argaeledd gwahanol fersiynau ar eich gwefan

dylunio ymatebol yn wahanol i'r safle symudol fel y yn yr achos olaf, mae'r defnyddiwr yn derbyn html-cod, sydd yn wahanol i'r bwrdd gwaith. Mae hyn yn anfantais o safbwynt optimeiddio perfformiad y gweinydd, yn ogystal â peiriant chwilio optimization. Yn ogystal, y mwyaf anodd yw hi i ystyried yr ystadegau yn ôl gwahanol fersiynau o'r safle. Dull addasol yn amddifad o ddiffygion.

Hyblygrwydd ar gyfer gwahanol ddyfeisiau cael ei gyflawni oherwydd y lled cynllun neu Canrannau drwy flociau trafnidiaeth yn y gofod sydd ar gael (yn y plân fertigol yn lle y smartphone llorweddol ar ben-desg), neu'r gosodiadau unigol trwy greu amrywiol sgriniau.

Gallwch ddysgu mwy am ddylunio ymatebol ac yn datblygu y gallwch o lyfrau.