Teknolojia ya ukuzaji wa tovuti ni mchakato wenye mambo mengi sana. Lakini bado, hatua zake zote zinaweza kugawanywa katika vipengele viwili kuu - kazi na shell ya nje. Au, kama ilivyo kawaida kati ya wasimamizi wa wavuti, nyuma-mwisho na mbele, mtawaliwa. Watu wanaoagiza tovuti zao kutoka kwa studio za ukuzaji wa wavuti mara nyingi huamini kwa ujinga kuwa inafaa kuzingatia utendakazi tu, na hii itakuwa uamuzi sahihi. Lakini hii ni kweli katika hali nadra sana, kwa kawaida kwa miradi inayoanzishwa katika hatua ya majaribio ya beta. Vinginevyo, muundo wa picha na kiolesura cha mtumiaji huhitajika tu kutii viwango vya ukuzaji wa wavuti na iwe rahisi.
Jiwe la msingi la kwanza ambalo mbuni wa kiolesura, au mbuni, anakabiliwa nalo ni upana wa mpangilio wa tovuti. Baada ya yote, kwa ajili yake ni muhimu kuteka interfaces. Kwa njia ya angavu, mbinu mbili hutokea - ama tengeneza mipangilio tofauti kwa kila azimio maarufu la skrini, au unda toleo moja la tovuti kwa maonyesho yote. Na chaguo zote mbili zitakuwa mbaya, lakini mambo ya kwanza kwanza.
Upana wa kawaida wa tovuti kwa pikselikwa Runet
Kabla ya uundaji wa mpangilio unaobadilika, uundaji wa tovuti yenye upana wa pikseli elfu moja ulikuwa jambo kubwa. Takwimu hii ilichaguliwa kwa sababu moja rahisi - ili tovuti iingie kwenye skrini yoyote. Na hii ina mantiki yake mwenyewe, lakini hebu tufikirie kwamba mtu bado ana angalau kufuatilia HD kwenye desktop. Katika kesi hii, mpangilio wako utaonekana kama kamba ndogo katikati ya skrini, ambapo kila kitu kimeshikamana kwenye lundo moja, na kando kuna nafasi kubwa isiyotumiwa. Sasa hebu tuchukulie kuwa mtu hufikia tovuti yako kwenye kompyuta kibao yenye skrini pana ya 800px na "Onyesha tovuti kamili" imechaguliwa katika mipangilio. Katika hali hii, tovuti yako pia itaonyeshwa vibaya, kwani haitatoshea kwenye skrini.
Kutokana na mazingatio haya, tunaweza kuhitimisha kuwa upana usiobadilika kwa mpangilio hakika hautufai na tunahitaji kutafuta njia nyingine. Hebu tuchambue wazo la mpangilio tofauti kwa kila upana wa skrini.
Miundo ya hafla zote
Ikiwa umechagua kama mkakati wa kuunda mipangilio ya saizi zote za skrini kwenye soko, basi tovuti yako itakuwa ya kipekee zaidi kwenye Mtandao mzima. Baada ya yote, haiwezekani leo kufunika anuwai nzima ya vifaa, kujaribu kurekebisha kwa kila chaguo. Lakini ikiwa unazingatia maazimio maarufu zaidi ya wachunguzi na skrini za kifaa, basi wazo sio mbaya. Hasara yake pekee ni gharama za kifedha. Baada ya yote, wakati mbuni wa kiolesura, mbuni na mtangazaji wanalazimishwa kufanya kazi sawa mara 5 au 6, mradi huo utagharimu.juu bila uwiano kuliko bei iliyopangwa awali.
Kwa hivyo, tovuti za ukurasa mmoja pekee zinaweza kujivunia matoleo mengi ya skrini tofauti, ambayo madhumuni yake ni kuuza bidhaa moja na kuwa na uhakika wa kuifanya vizuri. Vema, ikiwa huna mojawapo ya kutua huku, lakini tovuti yenye kurasa nyingi, basi unapaswa kufikiria zaidi.
Ukubwa wa Tovuti Maarufu Zaidi
Maelewano kati ya hali hizi mbili kali ni kutoa mpangilio wa saizi tatu au nne za skrini. Miongoni mwao, mtu lazima awe mpangilio wa vifaa vya simu. Zingine zinapaswa kubadilishwa kwa skrini ndogo, za kati na kubwa za eneo-kazi. Jinsi ya kuchagua upana wa tovuti? Hapa chini tunawasilisha takwimu za huduma ya HotLog ya Mei 2017, ambayo inatuonyesha usambazaji wa umaarufu wa ubora mbalimbali wa skrini ya kifaa, pamoja na mienendo ya kiashirio hiki.
Kutoka kwenye jedwali unaweza kujua jinsi ya kubainisha ukubwa wa tovuti unayotaka kutumia. Kwa kuongeza, tunaweza kuhitimisha kuwa muundo wa kawaida leo ni skrini ya 1366 na 768 saizi. Skrini hizo zimewekwa kwenye laptops za bajeti, hivyo umaarufu wao ni wa asili. Ifuatayo maarufu zaidi ni mfuatiliaji wa HD Kamili, ambayo ni kiwango cha dhahabu cha video, michezo, na kwa hiyo kwa kuunda mipangilio ya tovuti. Zaidi katika jedwali tunaona ubora wa vifaa vya mkononi 360 kwa pikseli 640, pamoja na chaguo mbalimbali za skrini ya kompyuta ya mezani na ya simu baada yake.
Kubuni mpangilio
Kwa hiyoBaada ya kuchanganua takwimu, tunaweza kuhitimisha kuwa upana bora wa tovuti una tofauti 4:
- Toleo la kompyuta ndogo yenye upana wa 1366px.
- Toleo la HD Kamili.
- Mpangilio mpana wa 800px wa kuonyeshwa kwenye vifuatilizi vidogo vya eneo-kazi.
- Toleo la rununu la tovuti - upana wa pikseli 360.
Tuseme tumeamua ni ukubwa gani wa kutumia kwa chanzo kilichozalishwa cha tovuti. Lakini mradi kama huo bado ungekuwa wa gharama kubwa. Kwa hivyo, hebu tuangalie chaguo zaidi, wakati huu bila kutumia upana usiobadilika.
Kufanya mpangilio kunyumbulika
Kuna mbinu mbadala, wakati inafaa kuzoea tu ukubwa wa chini wa skrini, na ukubwa wa tovuti wenyewe utawekwa kwa asilimia. Wakati huo huo, vipengee vya kiolesura kama menyu, vitufe, na nembo vinaweza kuwekwa katika maadili kamili, kwa kuzingatia ukubwa wa chini wa upana wa skrini katika pikseli. Vitalu vilivyo na yaliyomo, kinyume chake, vitanyoshwa kulingana na asilimia maalum ya upana wa eneo la skrini. Mbinu hii hukuruhusu kuacha kutambua ukubwa wa tovuti kama kizuizi kwa mbunifu na kwa ustadi kushinda hali hii.
Uwiano wa dhahabu ni upi na unawezaje kutumika kwa mpangilio wa ukurasa wa wavuti?
Hata katika Renaissance, wasanifu na wasanii wengi walijaribu kutoa ubunifu wao umbo na uwiano kamili. Kwa majibu ya maswali kuhusu maadili ya sehemu kama hiyo, waligeukia malkia wa sayansi zote - hisabati.
Tangu zamani, sehemu imevumbuliwa ambayo macho yetu huiona kama ya asili na maridadi zaidi,kwa sababu ni ubiquitous katika asili. Mgunduzi wa fomula ya uwiano kama huo alikuwa mbunifu wa zamani wa Uigiriki mwenye talanta anayeitwa Phidias. Alihesabu kwamba ikiwa sehemu kubwa ya uwiano inahusiana na ndogo kwani nzima inahusiana na kubwa, basi uwiano huo utaonekana bora zaidi. Lakini hii ndio kesi ikiwa unataka kugawanya kitu kwa asymmetrically. Sehemu hii baadaye iliitwa sehemu ya dhahabu, ambayo bado haikadirii umuhimu wake kwa historia ya ulimwengu ya utamaduni.
Rudi kwenye muundo wa wavuti
Ni rahisi sana - kwa kutumia uwiano wa dhahabu, unaweza kubuni kurasa ambazo zitapendeza macho ya mwanadamu kadri uwezavyo. Kuhesabu kulingana na ufafanuzi wa formula ya uwiano wa dhahabu, tunapata nambari isiyo na maana 1, 6180339887 …, lakini kwa urahisi, tunaweza kutumia thamani ya mviringo ya 1, 62. Hii itamaanisha kwamba vitalu vya ukurasa wetu vinapaswa kuwa 62. % na 38% ya jumla, haijalishi ni ukubwa gani wa chanzo kinachozalishwa cha tovuti unayotumia. Unaweza kuona mfano kwenye mchoro huu:
Tumia teknolojia mpya
Teknolojia za kisasa za mpangilio wa tovuti hurahisisha kuwasilisha kwa usahihi wazo la mpangaji na mbuni, kwa hivyo sasa unaweza kumudu kutekeleza mawazo ya ujasiri zaidi kuliko mwanzo wa teknolojia ya Mtandao. Huna haja tena ya kufikiri kwa bidii kuhusu ukubwa wa tovuti unapaswa kuwa. Pamoja na ujio wa vitu kama mpangilio wa kuzuia, upakiaji wa yaliyomo na fonti, ukuzaji wa wavuti umekuwa wa kupendeza zaidi. Baada ya yote, teknolojia hizi nivikwazo vichache, ingawa bado vipo. Lakini kama unavyojua, bila mipaka hakutakuwa na sanaa. Tunapendekeza utumie mbinu moja ya ubunifu ya kweli - uwiano wa dhahabu. Kwa hiyo, unaweza kujaza nafasi ya kazi kwa ufanisi na uzuri, bila kujali ukubwa wa tovuti ulioweka katika violezo vyako.
Jinsi ya kuongeza nafasi ya kazi ya tovuti
Kuna uwezekano mkubwa kwamba hutakuwa na nafasi ya kutosha kutoshea vipengele vyote vya UI kwenye mpangilio mdogo. Katika hali hii, itakubidi uanze kufikiria kwa ubunifu au hata kwa ubunifu zaidi kuliko ulivyokuwa hapo awali.
Upeo wa juu zaidi ili upate nafasi kwenye tovuti kwa kuficha urambazaji kwenye menyu ibukizi. Ni busara kutumia njia hii sio tu kwenye vifaa vya rununu, lakini pia kwenye kompyuta za mezani. Baada ya yote, mtumiaji hawana haja ya kuangalia wakati wote katika vichwa gani kwenye tovuti yako - alikuja kwa maudhui. Na matakwa ya mtumiaji lazima yaheshimiwe.
Mfano wa njia nzuri ya kuficha menyu ni mpangilio ufuatao (picha hapa chini).
Katika kona ya juu ya eneo jekundu, unaweza kuona msalaba, ukibofya ambao utaficha menyu kwenye ikoni ndogo, ukimuacha mtumiaji peke yake na maudhui ya tovuti.
Hata hivyo, hii ni hiari, unaweza kuacha urambazaji, ambao utaonekana kila wakati. Lakini unaweza kuifanya kipengele cha kubuni nzuri, na si tu orodha ya viungo maarufu kwenye tovuti. Tumia aikoni angavu kwa kuongeza au hata badala ya viungo vya maandishi. ni sawaitaruhusu tovuti yako kutumia vyema nafasi ya skrini kwenye kifaa cha mtumiaji.
Tovuti bora ni sikivu
Ikiwa hujui ni mpangilio upi wa kuchagua kwa tovuti, basi kila kitu ni rahisi kwako. Ili kuokoa gharama za utayarishaji na wakati huo huo usipoteze hadhira yako kutokana na mpangilio mbaya wa baadhi ya kifaa, tumia muundo unaoitikia.
Muundo wa kuitikia ni muundo unaoonekana mzuri sawa kwenye vifaa tofauti. Njia hii itawawezesha tovuti yako kueleweka na rahisi hata kwenye kompyuta ndogo, hata kwenye kompyuta kibao, hata kwenye smartphone. Athari hii inafanikiwa kwa kubadilisha kiotomati upana wa eneo la kufanya kazi la skrini. Kwa kutumia laha za mtindo wa kuitikia kwa tovuti yako, unafanya uamuzi bora iwezekanavyo.
Kuna tofauti gani kati ya muundo sikivu na matoleo ya tovuti
Muundo unaojibu hutofautiana na toleo la simu la tovuti kwa kuwa katika hali ya pili, mtumiaji hupokea msimbo wa html ambao ni tofauti na ule wa eneo-kazi. Hii ni hasara katika suala la uboreshaji wa utendaji wa seva na uboreshaji wa injini ya utafutaji. Kwa kuongeza, inakuwa vigumu zaidi kuhesabu takwimu za matoleo tofauti ya tovuti. Mbinu ya kubadilika haina hasara hizi.
Uitikiaji wa vifaa mbalimbali hupatikana kupitia mpangilio wenye asilimia ya upana uliobainishwa au kwa kuhamisha vizuizi hadi kwenye nafasi inayopatikana (katika ndege ya wima kwenye simu mahiri badala yamlalo kwenye eneo-kazi), au kuunda mipangilio ya kibinafsi ya skrini tofauti.
Pata maelezo zaidi kuhusu muundo na uundaji mwitikio katika mafunzo yetu.
