Staðlaðar stærðir síður: lögun, kröfur og tilmæli

Tækniþróun á vefsíðum - mjög multi-faceted ferli. Enn öllum stigum hennar má skipta í tvo meginþætti - hagnýtur og ytri Vagina. Eða, eins og í miðlungs vefstjóra Beg End og framenda sig. Fólk sem keypti vefsíður þeirra í vefur þróun vinnustofur, oft naively trúa því að það sé nauðsynlegt að einblína aðeins á hagnýtur, og það mun vera rétt ákvörðun. En þetta er satt í mjög, mjög sjaldgæfum tilvikum, oftast fyrir sprotafyrirtæki verkefna á stigi beta prófun. The hvíla af the grafískri hönnun og notendaviðmót eru einfaldlega skylt að hlíta vefur þróun staðla og vera þægilegt.

Fyrsti hornsteinn frammi fyrir ViðmótshönnunName, eða hönnuður - er breidd lóðarmörk. Eftir allt saman, það er nauðsynlegt að draga tengi fyrir hana. Innsæi eru tvær leiðir - annaðhvort að gera sérstakar skipulag fyrir hvern vinsæll einbeitni skjár, eða þú getur búið til ein útgáfa af the staður fyrir alla kortum. Báðir valkostir væri rangt, en fyrst það fyrst.

Standard breidd í pixlum fyrir síðuna sem þú munt alltaf þörf

Áður þróun aðlagandi skipulag massa fyrirbæri hefur verið í þróun á síðuna með þúsundir punktar á breidd. Þessi mynd var valin fyrir einn einföldu ástæðu - að staður var sett á hvaða skjá. Og það er ákveðin rökfræði, en við skulum gera ráð fyrir að maður sé enn að minnsta kosti HD-skjár á the skrifborð. Í þessu tilviki, skipulag mun virðast örlítið ræma í the miðja af the skjár, þar sem allt er mótað í einum haug, og á hliðum gríðarstór ekki pláss. Nú skulum gera ráð fyrir að maður kom á vefinn þinn frá töflu með skjá 800 dílar á breidd, og er merkt í stillingum "Sýndu vef fullur útgáfa." Í þessu tilviki, website mun einnig vera birt rangt, eins og einfaldlega ekki passa inn í skjáinn.

Frá þessum atriðum, getum við gert til þess að fasta breidd í skipulag, við bara passa ekki og þú vilt að finna aðra leið. Við skulum greina hugmynd um sérstakt skipulag fyrir hvern skjá breidd.

Skipulag fyrir öll tilefni

Ef þú hefur valið sem stefna að búa til skipulag fyrir alla skjár stærðir í boði á markaðnum, þá síðuna þína mun vera mest einstakt á Netinu. Eftir allt saman, í dag það er einfaldlega ómögulegt að ná yfir allt svið af tæki til að reyna að gera sér nákvæma stillingu fyrir hvern valkost. En ef þú leggir áherslu á vinsælustu skjár einbeitni og skjár tæki, hugmyndin er góð. Eini galli hennar - að fjármagnskostnaður. Eftir allt saman, þegar hönnuður tengi hönnuður og coder neyðist til 5 eða 6 sinnum til að framkvæma sömu vinnu, verkefnið mun kosta hlutfallslega upphaflega plantað á verði fjárhagsáætlun.

Því hrósa mikið af útgáfum fyrir mismunandi skjái hægt nema að síður, odnostranichniki en tilgangur - til að selja eina vöru og vera viss um að gera það vel. Jæja, ef þú ert ekki einn af þeim Landing, a multi-síða, það stendur til ástæðu frekar.

Vinsælasta stærðir síður

Málamiðlun milli tveggja öfga er teikning af útlitinu fyrir þremur eða fjórum skjár stærð. Meðal þeirra, verður að vera skipulag fyrir farsíma. Restin þarf að aðlaga fyrir lítið, miðlungs og stór skrifborð skjár. Hvernig á að velja breidd svæðisins? Hér að neðan kynnum HotLog þjónustu tölfræði fyrir maí 2017, sem sýnir okkur dreifingu vinsældum ýmissa skjár einbeitni af tækinu, sem og virkari breyting á þessu vísir.

Frá borðinu er hægt að læra hvernig á að ákvarða stærð af the staður sem þú vilt nota. Að auki, má draga þá ályktun að algengasta form í dag er skjárinn í 1366 með 768 stig. Þessi skjár er sett upp í fjárhagsáætlun fartölvu, þannig vinsældir þeirra er eðlilegt. Í næsta Vinsælasta er Full HD-skjár, sem er gull staðall fyrir kvikmyndir, leiki, og því að búa til síðuna skipulag. Frekari í töflunni sjáum við að leyfa hreyfanlegur tæki 360 x 640 dílar, sem og ýmsum útfærslum skrifborð og hreyfanlegur skjár eftirá.

hönnun skipulag

Svo, eftir að greina tölfræði, getum við gert til þess ákjósanlegur breidd svæðisins hefur 4 afbrigði:

1. Útgáfa fartölvur með 1366 punktar á breidd.
2. Full HD-útgáfa.
3. 800 pixlar á breidd stærð skipulag til sýnis á litlum skrifborð fylgist.
4. Mobile útgáfa af the staður - 360 dílar á breidd.

Segjum sem svo að við ákváðum hvað þú vilt nota stærð mynda kóða fyrir síðuna. En slík verkefni myndi enn vera dýrt. Þannig að íhuga fleiri valkosti, í þetta sinn án þess að nota fasta breidd.

Gerðu sveigjanlegt skipulag

Það er val aðferð að við þurfum bara að stilla til lágmarks stærð á skjánum, og hreinn stærð af síðum verður spurt prósent. Í þessu tilviki, tengi þættir ss valmyndir, hnappa og lógó, er hægt að skilgreina raungildi, með áherslu á lágmarks stærð breidd á skjánum í pixlum. Blokkir með efni, þvert á móti, verður strekkt í samræmi við tilgreint prósent af breidd á skjánum svæði. Þessi aðferð gerir ekki greina stærð af the staður sem þvingun fyrir hönnuði og hæfileika til að slá þetta Litbrigði.

Hvað er gullna hlutfall, og hvernig á að nota vefsíður til skipulag?

Jafnvel í endurreisnartímanum margir arkitektar og listamenn reynt að gefa sköpun hans fullkomna lögun og hlutfall. Svara við spurningum um afleiðingarnar af slíkum hlutföllum, sneru þeir sér að drottningu allra vísindanna - stærðfræði.

Alltaf síðan á dögum fornaldar var fundin upp af því hlutfalli sem augað okkar skynjar sem mest náttúrulegur og glæsilegur, vegna þess að það er alls staðar nálægur í náttúrunni. Uppgötvað formúlu þessa hlutfalls var hæfileikaríkur grískur arkitekt heitir Phidias. Það er reiknað út að ef flestir hlutföllum tengist lágu í heild gefur stærri, þá er þetta hlutfall mun líta vel. En í þessu tilfelli, ef þú vilt skipta ósamhverft hlut. Þetta hlutfall seinna varð kölluð gullna hlutfall, sem enn hefur ekki ofmeta mikilvægi þess fyrir heiminum menningarsögu.

Við skulum fara aftur til vefhönnun

Það er mjög einfalt - með gullna hlutfall, getur þú hannar síður sem munu hafa mest ánægjulegt að mönnum auga. Reiknuð samkvæmt formúlunni um gullnu kafla, finnum við að óræð tala 1,6180339887 ... en til hægðarauka er hægt að nota hringlaga gildi 1,62. Þetta mun þýða að síðu lokar okkar ætti að vera 62% og 38% af heild, sama hvaða stærð mynda Kóðinn fyrir síðuna sem þú ert að nota. Dæmi er hægt að sjá á eftirfarandi töflu:

Notkun nýrrar tækni

Nútíma tækni án vefir leyfa þér að nákvæmlega flytja hugmyndir hönnuður og hönnuður, þannig að nú er hægt að hafa efni á framkvæmd djarfari hugmyndir en í dögun tækni Internet. Ekki lengur þörf mikið að ráðgáta yfir hvað ætti að vera á stærð við síðuna. Með tilkomu slíkum hlutum eins og blokk aðlögunarhæfni skipulag, dynamic hleðsla efni og leturgerðir, vefur staður þróun hefur orðið mörgum sinnum meira ánægjulegri. Eftir allt saman, hafa þessir tækni minna takmarkanir, jafnvel þótt þeir séu. En eins og þú veist, án takmörkunar, væri ekki list. Við mælum með að nota sannarlega skapandi nálgun að hanna - gullna kafla. Með það, þú vilja vera fær um að duglegur og fallega fylla vinnusvæði, sama hvaða stærð eða staður sem þú baðst í sniðmát þína.

Hvernig á að auka vinnusvæði síðuna

Líklega er að þú munt ekki hafa nóg pláss til að rúma alla tengi atriði í útliti smæðar. Í þessu tilfelli verður þú að byrja að hugsa skapandi, eða jafnvel meira skapandi en þú gerðir áður.

Hámark losa pláss á staðnum og hægt er, felur í sér siglingar á sprettivalmyndinni. Þessi aðferð er rökrétt að nota ekki aðeins farsíma, en einnig á the skrifborð. Eftir allt saman, the notandi hjartarskinn ekki þurfa alla tíma til að líta á það sem hefur fyrirsagnir á síðuna þína - það hefur komið fyrir efni. A notandi óskar að virða.

Dæmi um góða leið til að fela matseðill er eftirfarandi skipulag (mynd að neðan).

Í efra horninu á rauðu svæði, er hægt að sjá kross, smella á valmyndina sem felur í litlu helgimynd, þannig að notandi ein með website efni.

Hins vegar er þetta valfrjálst, hægt að láta siglingar sem er alltaf í sjónmáli. En þú getur gert það falleg hönnun þáttur, ekki bara listi af tenglum á vinsæll staður. Nota leiðandi tákn til viðbótar við texta tengla eða jafnvel skipta þeim. Það verður líka að leyfa síðuna þína til að skilvirkari notkun á skjá pláss á tækinu.

Best Website - aðlögunarhæfni

Ef þú veist ekki hver einn að velja útlit fyrir síðuna, allt bara fyrir þig. Að spara á kostnað þróun og á sama tíma ekki missa áhorfendur vegna lélegrar skipulag nokkurt tæki, nota móttækilegur vefur hönnun.

Adaptive kallað hönnun sem lítur á mismunandi tækjum jafn vel. Þessi aðferð mun leyfa síðuna þína til að vera skýr og auðvelt, jafnvel fyrir a laptop, að minnsta kosti á töflu, jafnvel á smartphone. Það næst þessi áhrif er vegna sjálfvirkra breytinga á vinnusvæði á skjánum breidd. Notkun aðlögunarhæfni stílblöðum fyrir síðuna, þú ert að taka rétta ákvörðun mögulegu.

Hvað aðgreinir aðlagandi hönnun um mismunandi útgáfur af vefsvæði þínu

Móttækilegur hönnun er frábrugðið farsíma síðuna þannig að í síðara tilvikinu, sem notandinn fær HTML-kóða, sem er frábrugðið the skrifborð. Þetta er ókostur frá sjónarhóli hámarka frammistöðu miðlara, auk leitarvél fínstillingu. Að auki, þeim mun erfiðara verður að huga að tölfræði samkvæmt mismunandi útgáfur af the staður. An aðlögunarhæfni nálgun er gjörsneyddur af göllum.

Aðlögunarhæfni til mismunandi tæki er náð vegna skipulag breidd eða hundraðshlutum gegnum flutninga blokkir í laus pláss (í lóðréttu plani í stað lárétt snjallsímanum á skjáborðinu), eða einstakra skipulag með því að búa ýmis skjár.

Þú getur lært meira um móttækilegur hönnun og þróa og þú getur úr bókum.