Standard vipimo maeneo: makala, mahitaji na mapendekezo

Teknolojia ya maendeleo ya tovuti - mchakato sana mbalimbali faceted. Hata hivyo hatua za kila inaweza kugawanywa katika sehemu mbili kuu - kazi na ala nje. Au, kama katika webmaster kati Beg Mwisho na Front End mtiririko huo. Watu ambao kununuliwa tovuti yao katika studio ya maendeleo ya mtandao, mara nyingi naively kuamini kwamba ni muhimu kwa lengo tu juu ya kazi, na itakuwa ni uamuzi wa haki. Lakini hii ni kweli katika hafla sana, nadra sana, kwa kawaida kwa ajili ya kuanza ups-ya miradi katika hatua ya kupima beta. wengine wa kubuni graphic na user interface ni tu wajibu wa kutii viwango maendeleo ya tovuti na kuwa na starehe.

msingi wa kwanza wa inakabiliwa interface designer, au designer - ni upana wa tovuti mpangilio. Baada ya yote, ni muhimu kuteka interfaces kwa ajili yake. Shirikishi kuna njia mbili - ama kufanya Layouts tofauti kwa kila moja ya maazimio maarufu screen, au unaweza kuunda toleo moja ya tovuti kwa ajili ya ramani zote. Chaguzi zote mbili bila kuwa na makosa, lakini mambo ya kwanza ya kwanza.

Standard upana katika saizi kwa ajili ya tovuti utasikia milele haja

Kabla ya maendeleo ya adaptive mpangilio wingi jambo imekuwa maendeleo ya tovuti na maelfu ya saizi kubwa. Idadi hii alichaguliwa kwa sababu moja rahisi - kwamba tovuti ilikuwa kuwekwa kwenye screen yoyote. Na kuna mantiki fulani, lakini hebu kudhani kwamba mtu bado ni angalau HD kufuatilia kwenye eneo kazi. Katika hali hii, mpangilio wako wanaonekana strip vidogo katikati ya screen, ambapo kila kitu ni molded katika rundo moja, na pande za kubwa zisizo nafasi. Sasa hebu kudhani kwamba mtu alikuja tovuti yako kutoka kwa kompyuta ndogo na screen ya saizi 800 kwa upana, na ni checked katika mazingira "Onyesha Tovuti toleo kamili." Katika hali hii, tovuti yako pia kuonyeshwa kimakosa, kama tu walionao katika screen.

Kutoka masuala haya, tunaweza kuhitimisha kwamba fasta upana kwa mpangilio, sisi si tu walionao na unataka kutafuta njia nyingine. Hebu kuchambua wazo la mpangilio tofauti kwa kila upana screen.

Mipangilio kwa wakati wote

Kama umechagua kama mkakati wa kujenga Layouts kwa ajili ya wote screen ukubwa inapatikana katika soko, basi tovuti yako itakuwa ya kipekee sana katika mtandao. Baada ya yote, leo ni tu haiwezekani kufunika mbalimbali mzima wa vifaa katika juhudi ya kuwafanya mazingira hasa za chaguo. Lakini kama lengo kufuatilia suluhisho na screen ya vifaa maarufu zaidi, wazo ni nzuri. drawback tu wake - gharama za fedha. Baada ya yote, wakati interface designer designer na coder watalazimika mara 5 au 6 kufanya kazi hiyo, mradi gharama allra awali kupandwa kwa bei ya bajeti.

Kwa hiyo kujivunia wingi wa matoleo kwa skrini mbalimbali kunaweza kuwa isipokuwa maeneo ya-odnostranichniki ambao lengo - kuuza bidhaa moja na kuhakikisha kufanya vizuri. Naam, kama wewe si mmoja wa wale Landing, tovuti mbalimbali, anasimama kwa sababu zaidi.

ukubwa maarufu ya maeneo

maelewano kati ya pande mbili ni kuchora ya layout kwa ajili ya tatu au nne ukubwa screen. Kati yao, ni lazima mtu mpangilio kwa simu vifaa. wengine haja ya kuwa na kutumika kwa ajili ya ndogo, za kati na kubwa screen desktop. Jinsi ya kuchagua upana wa tovuti? Chini sisi sasa HotLog Huduma ya takwimu za kwa Mei 2017, ambayo inaonyesha sisi usambazaji wa umaarufu wa screen azimio mbalimbali ya kifaa, pamoja na mienendo ya mabadiliko katika kiashiria hii.

Kutoka meza inawezekana kujifunza jinsi ya kuamua ukubwa wa tovuti unayotaka kutumia. Aidha, inaweza kuhitimishwa kwamba kawaida format leo ni screen katika 1366 na pointi 768. skrini hizi ni imewekwa katika kompyuta ndogo ya bajeti, hivyo umaarufu wao ni ya asili. ya maarufu ni Full HD-kufuatilia, ambayo ni kiwango cha dhahabu kwa ajili ya sinema, michezo, na, kwa hiyo, ili kujenga Layouts tovuti. Zaidi ya hayo katika meza tunaona kibali vifaa simu 360 x 640 pixels, pamoja na embodiments mbalimbali za eneo-kazi na skrini ya simu baadaye.

kubuni layout

Kwa hiyo, baada ya kuchambua takwimu, tunaweza kuhitimisha kwamba upana mojawapo ya tovuti ina 4 tofauti:

1. Version Laptops na 1366 kote.
2. Full HD version.
3. 800 saizi upana ukubwa mpangilio kuonyeshwa kwenye wachunguzi ndogo desktop.
4. Simu ya toleo la tovuti - 360 saizi katika upana.

Tuseme tuliamua nini unataka kutumia ukubwa wa kuzalisha chanzo kanuni kwa ajili ya tovuti. Lakini mradi huo bado itakuwa ni gharama kubwa. Hivyo kufikiria chaguzi zaidi, wakati huu bila matumizi ya upana kudumu.

Kufanya layout rahisi

Kuna mbinu mbadala kwamba tunahitaji tu ya kurekebisha kwa ukubwa wa chini ya screen, na ukubwa kamili ya maeneo atatakiwa asilimia. Katika kesi hii, mambo interface kama vile menus, vifungo na nembo, unaweza kuelezwa katika hali halisi, kulenga ukubwa wa chini ya upana wa screen katika pikseli. Vitalu na maudhui, kinyume chake, itakuwa aliweka kwa mujibu wa maalum asilimia upana wa eneo screen. Mbinu hii inaruhusu kuchunguza ukubwa wa tovuti kama vikwazo kwa designer na vipaji kuwapiga nuance hii.

Ni nini uwiano wa dhahabu, na jinsi ya kutumia kurasa za mtandao mpangilio?

Hata katika Renaissance wasanifu wengi na wasanii alijaribu kutoa ubunifu wake sura kamili na uwiano. Kwa majibu ya maswali kuhusu maana ya idadi hiyo, wakageuka malkia wa sayansi ya wote - hisabati.

Tangu siku za zamani ilizuliwa na idadi ambayo jicho wetu ulivyo kama kawaida na kifahari, kwa sababu ni ubiquitous katika asili. Aliyegundua formula ya uwiano huu ulikuwa wenye vipaji Kigiriki mbunifu aitwaye Phidias. Ni mahesabu ya kwamba kama wengi wa idadi inahusiana na chini kwa ujumla hutoa kubwa, kisha viwango hivi kuangalia vizuri. Lakini katika kesi hii, kama unataka kugawanya imeenea kitu. viwango hivi baadaye akawa kuitwa dhahabu uwiano, ambayo bado haina kukadiria umuhimu wake kwa ajili ya dunia historia ya kitamaduni.

Turudi kwa mtandao kubuni

Ni rahisi sana - kwa kutumia dhahabu uwiano, unaweza kubuni kurasa hiyo ni zaidi ya kupendeza kwa jicho binadamu. Mahesabu kwa mujibu wa formula ya sehemu ya dhahabu, tunapata idadi irrational 1.6180339887 ..., lakini kwa manufaa unaweza kutumia thamani ya mviringo ya 1.62. Hii ina maana kwamba ukurasa vitalu yetu lazima 62% na 38% ya yote, bila kujali ukubwa yanayotokana chanzo kanuni kwa ajili ya tovuti unachotumia. Mfano unaweza kuona kwenye mpango ifuatayo:

Matumizi ya teknolojia mpya

Teknolojia ya kisasa layout ya tovuti inakuruhusu usahihi kufikisha mawazo ya designer na mbunifu, hivyo sasa unaweza kumudu utekelezaji wa mawazo jasiri kupita alfajiri ya teknolojia ya mtandao. Hakuna tena haja gani kwa puzzle juu ya kile lazima ukubwa wa tovuti. Pamoja na ujio wa mambo kama vile kuzuia mpangilio adaptive, nguvu upakiaji wa maudhui na fonts, mtandao wa maendeleo tovuti imekuwa mara nyingi zaidi ya kufurahisha. Baada ya yote, teknolojia hizi na chini ya vikwazo, hata kama wao ni. Lakini kama unavyojua, bila ya juu, kungekuwa hakuna sanaa. Tunapendekeza kutumia mbinu kweli ubunifu kubuni - sehemu ya dhahabu. Pamoja na hayo, utakuwa na uwezo wa ufanisi na vizuri kujaza nafasi ya kazi, bila kujali ukubwa au tovuti ambazo aliuliza katika templates yako.

Jinsi ya kuongeza nafasi ya kazi tovuti

Nafasi ni kwamba huwezi kuwa na nafasi ya kutosha kwa ajili ya malazi mambo interface wote katika mpangilio wa kawaida kidogo. Katika kesi hii, utakuwa na kuanza kufikiri kwa ubunifu, au hata zaidi ya ubunifu zaidi kuliko hapo awali.

Kiwango cha juu nafasi ya bure juu ya tovuti iwezekanavyo, mafichoni navigation katika orodha pop-up. Mbinu hii ni mantiki ya kutumia si simu tu, lakini pia kwenye eneo kazi. Baada ya yote, mtumiaji hana haja wakati wote wa kuangalia nini ana vichwa kwa tovuti yako - amekuja kwa maudhui. user anataka kuheshimiwa.

Mfano wa njia nzuri ya kujificha menu ni mpangilio ifuatayo (pichani chini).

Katika sehemu ya juu ya kona ya nyekundu eneo, unaweza kuona msalaba, bonyeza menu kwamba ngozi katika icon ndogo, na kuacha user peke na maudhui ya tovuti.

Hata hivyo, hii ni ya hiari, unaweza kuondoka navigation kwamba daima ni mbele. Lakini unaweza kufanya hivyo nzuri kubuni kipengele, si tu orodha ya viungo kwa tovuti maarufu. Matumizi icons angavu pamoja na maandishi viungo au hata kuchukua nafasi yao. Itakuwa pia kuruhusu tovuti yako kwa ufanisi zaidi matumizi ya nafasi ya skrini kwenye kifaa chako.

Best Website - adaptive

Kama huna kujua ambayo moja ya kuchagua layout kwa ajili ya tovuti, kila ajili yako tu. Kuokoa juu ya gharama ya maendeleo na wakati huo huo si kupoteza watazamaji kwa sababu ya mpangilio maskini kwa ajili ya kifaa fulani, kutumia msikivu kubuni mtandao.

Adaptive kuitwa kubuni kwamba inaonekana juu ya vifaa mbalimbali kwa usawa vizuri. Mbinu hii itaruhusu tovuti yako kwa kuwa wazi na rahisi hata kwa mbali, angalau kwenye kompyuta ndogo, hata kwenye smartphone. Ni mafanikio ya athari hii ni kutokana na mabadiliko ya moja kwa moja katika eneo hilo kufanya kazi ya screen upana. Kwa kutumia adaptive karatasi style kwa ajili ya tovuti, wewe ni kuchukua uamuzi wa haki inawezekana.

Nini tofauti kati ya kubuni adaptive ya upatikanaji wa matoleo tofauti ya tovuti yako

kubuni msikivu ni tofauti na tovuti ya simu ili katika kesi ya pili, mtumiaji anapata html-code, ambayo ni tofauti na kazi. Hii ni hasara kutoka hatua ya mtazamo wa optimizing utendaji wa server, pamoja na Biashara. Aidha, zaidi inakuwa vigumu kufikiria takwimu kulingana na matoleo mbalimbali ya tovuti. mbinu adaptive ni bila ya mapungufu.

Adaptability kwa ajili ya vifaa mbalimbali ni mafanikio kutokana na muundo wa upana au Asilimia kupitia vitalu usafiri nafasi ya kutosha (kwa ndege wima badala ya smartphone usawa kwenye eneo kazi), au Layouts mtu binafsi kwa kujenga skrini mbalimbali.

Unaweza kujifunza zaidi kuhusu mpango msikivu na kuendeleza unaweza kutoka vitabu.