Siti dimensjonijiet standard: karatteristiċi, ħtiġiet u rakkomandazzjonijiet

iżvilupp tat-teknoloġija ta 'websajts - proċess ħafna multidimensjonali. Madankollu istadji kollha tiegħu jistgħu jinqasmu f'żewġ komponenti ewlenin - funzjonali u għant ta 'barra. Jew, bħal fil-webmaster medja Beg Tmiem u Front End rispettivament. Nies li xtraw websajts tagħhom fl-istudjos web iżvilupp, spiss naively jemmnu li huwa neċessarju li wieħed jiffoka biss fuq funzjonali, u se jkun l-aħjar deċiżjoni. Iżda dan huwa minnu b'mod okkażjonijiet ħafna, rari ħafna, normalment għal start-ups ta 'proġetti fl-istadju ta' ttestjar beta. Il-bqija tad-disinn grafiku u user interface huma sempliċiment obbligati li jikkonformaw ma 'standards ta' żvilupp tal-web u tkun komda.

L-ewwel pedament tal taffaċċja l-disinjatur interface, jew disinjatur - huwa l-wisa 'tal-arranġament tas-sit. Wara kollox, huwa meħtieġ li jitfasslu interfaces għall tagħha. Intuwittivament hemm żewġ approċċi - jew li jagħmlu taqsim separati għal kull waħda mill-riżoluzzjonijiet iskrin popolari, jew tista 'toħloq verżjoni waħda tas-sit għall-mapep kollha. Iż-żewġ għażliet ikun żbaljat, imma ewwel affarijiet ewwel.

wisa standard fil pixels għas-sit tkun taf qatt bżonn

Qabel l-iżvilupp ta 'fenomenu tal-massa tqassim adattivi kien l-iżvilupp ta' sit ma 'eluf ta' pixels wiesgħa. Din iċ-ċifra kienet magħżula għal raġuni waħda sempliċi - li s-sit ġie mqiegħed fuq kwalunkwe iskrin. U hemm ċerta loġika, imma ejja nassumu li persuna tkun għadha inqas HD-monitor fuq il-desktop. F'dan il-każ, it-tqassim tiegħek se jidhru strixxa żgħira fin-nofs ta 'l-iskrin, fejn kollox huwa ffurmati fil pile waħda, u fuq il-ġnub tan-nuqqas ta' spazju enormi. Issa ejja nassumu li persuna waslet għall-sit web tiegħek minn pillola bi skrin ta '800 pixels fil-wisa, u tiġi vverifikata-settings "Uri l-Web site-verżjoni sħiħa." F'dan il-każ, l-website tiegħek se jintwerew ukoll b'mod żbaljat, bħala sempliċiment ma jidħlux fil-iskrin.

Minn dawn il-kunsiderazzjonijiet, nistgħu nikkonkludu li l-wisa 'fissa għall-format, aħna biss ma jidħlux u tixtieq issib mod ieħor. Ejja tanalizza l-idea ta 'tqassim separata għal kull wisa iskrin.

Taqsim għall-okkazzjonijiet kollha

Jekk inti għażilt bħala strateġija biex joħolqu layouts għal daqsijiet disponibbli kollha iskrin fuq is-suq, allura sit tiegħek se tkun l-aktar uniku fl-Internet. Wara kollox, illum huwa sempliċement impossibbli li tkopri l-firxa sħiħa ta 'mezzi f'tentattiv biex jagħmlu iffissar eżatta għal kull għażla. Imma jekk inti tiffoka fuq l-riżoluzzjoni tissorvelja u screen mezzi l-aktar popolari, l-idea hija tajba. uniku żvantaġġ tagħha - l-ispejjeż finanzjarji. Wara kollox, meta l-disinjatur interface disinjatur u Coder se jkunu sfurzati li 5 jew 6 darbiet biex iwettqu l-istess xogħol, il-proġett se jiswa sproporzjonat oriġinarjament mħawla bi prezzijiet tal-baġit.

Għalhekk niftaħar abbundanza ta 'verżjonijiet għall-iskrins differenti jistgħu jkunu ħlief li l-siti odnostranichniki li l-għan - biex ibiegħu prodott wieħed u kun żgur li tagħmel dan ukoll. Ukoll, jekk m'intix wieħed minn dawk Inżul, multi-sit, li inhi minħabba ulterjuri.

Id-daqsijiet l-aktar popolari ta 'siti

Kompromess bejn iż-żewġ estremi hija tpinġija tal-arranġament għal tlieta jew erba ' daqsijiet iskrin. Fost dawn, wieħed għandu jkun tqassim għal apparat mobbli. Il-bqija għandhom jiġu adattati għall-żgħar, medji u kbar iskrin desktop. Kif tagħżel l-wisa tas-sit? Hawn taħt qed nippreżentaw HotLog istatistika servizz għal Mejju 2017 li jurina d-distribuzzjoni tal-popolarità ta 'riżoluzzjoni varji iskrin tal-mezz, kif ukoll id-dinamika tal-bidla fil dan l-indikatur.

Mit-tabella huwa possibbli li jitgħallmu kif jiddetermina d-daqs tas-sit inti tixtieq li tuża. Barra minn hekk, jista 'jiġi konkluż li l-llum aktar komuni huwa l-format iskrin ta' 1366 mill 768 pixels. Dawn l-iskrins huma installati fil-laptop baġit, hekk popolarità tagħhom huwa naturali. Il jmiss l-aktar popolari huwa Full HD-monitor, li hija l-istandard tad-deheb għall-films, logħob, u, għalhekk, biex joħolqu layouts sit. Aktar fit-tabella naraw jippermettu apparat mobbli 360 x 640 pixels, kif ukoll embodiments varji ta 'desktop u skrins mobbli wara.

tqassim tad-disinn

Għalhekk, wara li analizzat l-istatistika, nistgħu nikkonkludu li l-aħjar wisa tas-sit għandha 4 varjazzjonijiet:

1. laptops verżjoni bil 1366 pixels wiesgħa.
2. Full HD-verżjoni.
3. 800 pixels fid tqassim daqs wisa għall-wiri fuq moniters desktop żgħar.
4. verżjoni mobbli tas-sit - 360 pixels fil-wisa.

Ejja ngħidu aħna iddeċieda dak li trid tuża l-daqs ta 'source code ġġenerati għall-sit. Iżda tali proġett xorta tkun għalja. Għalhekk tikkunsidra għażliet aktar, din id-darba mingħajr l-użu ta 'wisa' fissa.

Agħmel tqassim flessibbli

Hemm approċċ alternattiv li għandna bżonn biss li taġġusta għad-daqs minimu tal-iskrin, u d-daqs enormi ta 'siti ser jiġi mistoqsi fil-mija. F'dan il-każ, l-elementi interface bħal menus, buttuni u logos, jistgħu jiġu definiti f'termini assoluti, li jiffoka fuq id-daqs minimu tal-wisa 'tal-iskrin pixels. Blokki mal-kontenut, għall-kuntrarju, se tiġi mġebbda skond il-speëifikat fil-mija tal-wisa taż-żona iskrin. Dan l-approċċ jippermetti jkunx induna id-daqs tas-sit bħala restrizzjonijiet għall-disinjatur u l-talent li tħabbat dan influwenzata.

X'inhu l-proporzjon tad-deheb, u kif tuża l-paġni web għall-format?

Anke fil-Rinaxximent periti ħafna u artisti ppruvaw jagħtu kreazzjonijiet tiegħu l-forma perfetta u l-proporzjon. Għal tweġibiet għall-mistoqsijiet dwar l-implikazzjonijiet ta 'tali proporzjonijiet, huma daru lejn l-reġina ta' xjenzi kollha - matematika.

Minn mindu l-ġranet ta 'antikità kienet ivvintata mill-proporzjon li għajn tagħna jipperċepixxi bħala l-aktar naturali u eleganti, minħabba li huwa kullimkien fin-natura. Discoverer tal-formula ta 'dan il-proporzjon kien perit Grieg talent jismu Phidias. Huwa kkalkulat li jekk ħafna mill-proporzjonijiet tirrigwarda baxx kemm hi tipprovdi akbar, allura dan il-proporzjon se tħares ukoll. Iżda f'dan il-każ, jekk inti tixtieq li jaqsmu asimetriku oġġett. Dan il-proporzjon aktar tard sar imsejjaħ il-proporzjon tad-deheb, li għadha ma stmat iżżejjed l-importanza tagħha għall-istorja kulturali dinja.

Ejja ħa mmorru lura għall-web disinn

Huwa sempliċi ħafna - użu tal-proporzjon tad-deheb, inti tista 'disinn paġni li se jkun aktar pjaċir li l-għajn tal-bniedem. Ikkalkulat skond il-formula tas-sezzjoni tad-deheb, insibu l-għadd irrazzjonali 1.6180339887 ..., iżda għall-konvenjenza tista 'tuża l-valur tond ta 1.62. Dan se jfisser li jimblokka paġna tagħna għandu jkun 62% u 38% tat-totalità, x'ikun id-daqs ġġenerati kodiċi ta 'sors għall-sit inti qed tuża. Eżempju inti tista 'tara fuq l-iskema li ġejja:

Użu ta 'teknoloġiji ġodda

siti moderna web tqassim teknoloġija jippermetti li inti turi b'mod preċiż ideat tal-disinjatur u l-disinjatur, hekk issa inti tistax taffordja l-implimentazzjoni ta 'ideat aktar kuraġġuża milli fil-bidu ta' teknoloġija l-Internet. No longer bżonn ħafna puzzle fuq dak li għandu jkun id-daqs ta 'sit. Bil-miġja ta 'affarijiet bħall-blokk tqassim adattivi, tagħbija dinamika ta' kontenut u fonts, web site iżvilupp sar ħafna drabi aktar pjaċevoli. Wara kollox, dawn it-teknoloġiji għandhom inqas restrizzjonijiet, anki jekk dawn huma. Imma kif tafu, bla limitazzjoni, ma jkun hemm ebda arti. Nissuġġerixxu li tuża approċċ verament kreattivi għall-iddisinjar --taqsima tad-deheb. Magħha, inti tkun kapaċi li b'mod effiċjenti u nicely timla l-spazju ta 'xogħol, x'ikun id-daqs jew siti inti tlabt fl tiegħek templates.

Kif tiġi miżjuda s-sit workspace

Ċansijiet huma li inti mhux se jkollhom spazju biżżejjed biex jakkomodaw l-elementi kollha interface fit-tqassim tad-daqs żgħir. F'dan il-każ, inti ser ikollok tibda taħseb b'mod kreattiv, jew saħansitra aktar kreattivi milli għamilt qabel.

spazju ħieles up massimu fuq is-sit hu possibbli, jaħbu l-navigazzjoni fil-menu pop-up. Dan l-approċċ huwa loġiku li jintuża mhux biss mobbli, iżda wkoll fuq il-desktop. Wara kollox, l-utent m'għandux bżonn il-ħin kollu li nħarsu lejn dak li intestaturi ta 'fuq is-sit tiegħek - dan wasal għall-kontenut. A utent jixtieq li jiġu rispettati.

Eżempju ta 'mod tajjeb biex jaħbu l-menu huwa l-format li ġej (stampa hawn taħt).

'Il fuq kantuniera ta' l-aħmar żona, tista 'tara salib, ikklikkja fuq il-menu li ġlud icon żgħir, li jħallu l-utent waħdu mal-kontenut tal-website.

Madankollu, dan huwa fakultattiv, inti tista 'tħalli l-navigazzjoni li huwa dejjem fil-vista. Iżda int tista 'tagħmel dan element tad-disinn sbieħ, mhux biss lista ta' links fuq is-sit popolari. Użu ikoni intuwittivi minbarra għat-test rabtiet jew saħansitra jissostitwuhom. Din se tippermetti wkoll sit tiegħek għal użu aktar effiċjenti ta 'spazju iskrin fuq it-tagħmir tiegħek.

Aħjar Website - adattiva

Jekk ma tkunx taf liema wieħed jagħżlu tqassim għas-sit, kollha biss ghalik. Biex jiffrankaw l-ispejjeż tal-iżvilupp u fl-istess ħin ma jitilfu l-udjenza minħabba tqassim foqra għal xi mezz, jużaw web disinn jirrispondu.

Adattivi imsejħa disinn li jistenna fuq apparat differenti tajjeb ukoll. Dan l-approċċ se jippermetti sit tiegħek li tkun ċara u faċli anke għal laptop, mill-inqas fuq il-pillola, anki fuq smartphone. Huwa kiseb dan l-effett huwa dovut għall modifiki awtomatiċi lit-qasam tax-xogħol tal-wisa iskrin. Bl-użu folji stil adattivi għas-sit, inti qed tieħu l-aħjar deċiżjoni possibbli.

Dak li jiddistingwi d-disinn adattivi tad-disponibbiltà ta 'verżjonijiet differenti tal-website tiegħek

disinn Responsive huwa differenti mis-sit mobbli biex fil-każ tal-aħħar, l-utent jirċievi-kodiċi html, li hija differenti mill-desktop. Dan huwa ta 'żvantaġġ mill-perspettiva jiġi ottimizzat l-prestazzjoni tas-server, kif ukoll search engine optimization. Barra minn hekk, l-aktar diffiċli isir biex tikkunsidra l-istatistika skond il-verżjonijiet differenti tas-sit. Approċċ adattiv hija nieqsa minn nuqqasijiet.

Adattabilità għall-mezzi differenti jinkiseb minħabba l-wisa 'tqassim jew Perċentwali permezz blokki trasport fl-ispazju disponibbli (fil-pjan vertikali minflok il-smartphone orizzontali fuq desktop), jew it-taqsim individwali mill-ħolqien iskrins varji.

Tista 'titgħallem aktar dwar id-disinn responsivi u jiżviluppaw tista' mill-kotba.