Mga sukaranan nga sukaranan sa site: mga bahin, mga kinahanglanon ug rekomendasyon

Ang teknolohiya sa pagpalambo sa mga website usa ka daghan kaayo nga proseso. Apan bisan pa ang tanan nga mga hugna niini mahimong bahinon ngadto sa duha ka dagkong mga sangkap - ang functional ug ang panggawas nga kabhang. O, sama sa naandan sa mga webmaster, backend ug front-end, matag usa. Ang mga tawo nga nagmando sa ilang mga website gikan sa web development studios, sa kasagaran nagtuo nga kini angay nga mag-focus lamang sa pag-andam, ug kini ang husto nga desisyon. Apan kini tinuod sa talagsaon kaayo nga mga kaso, kasagaran alang sa mga proyekto sa pagsugod sa beta stage. Sa laing bahin, ang graphic design ug user interface kinahanglan nga mosunod sa mga sumbanan sa pagpalambo sa web ug mahimong komportable.

Ang unang cornerstone nga giatubang sa interface designer, o designer, mao ang gilapdon sa layout sa site. Hinuon, gikinahanglan ang pag-drawing alang sa mga interface. Sa tibuuk nga intuitive adunay duha ka pamaagi - aron paghimo'g lahi nga mga layi alang sa matag popular nga resolusyon sa screen, o paghimo og usa ka bersyon sa site alang sa tanan nga mapping. Ug ang duha nga kapilian mahimo nga sayup, apan mahitungod sa tanan nga butang.

Ang standard nga gilapdon sa site sa mga pixel alang sa RuNet

Sa wala pa ang pag-uswag sa adaptive layout, usa ka hitabo sa masa mao ang pagpalambo sa usa ka site nga adunay gilapdon nga usa ka libong pixel. Kini nga numero gipili alang sa usa ka simple nga rason - aron ibutang ang site sa bisan unsang screen. Ug kini adunay kaugalingong pangatarungan, apan atong hunahunaon nga ang tawo adunay labing menos usa ka HD-monitor sa desktop. Sa kini nga kahimtang, ang imong layout daw sama sa usa ka gamay nga gilis sa tunga-tunga sa screen, diin ang tanan nga butang nahimutang sa usa ka pundok, ug sa mga kilid usa ka dako nga wala maabaga nga luna. Karon hunahunaon nato nga ang usa ka tawo miadto sa imong website gikan sa usa ka tablet nga adunay usa ka screen nga 800 ka pulgada ang gilapdon, ug sa mga setting mao ang sulud "Ipakita ang bug-os nga bersyon sa website." Sa kini nga kaso, ang imong site usab gipakita nga sayup, tungod kay kini dili gayud mosibo sa screen.

Gikan niini nga mga konsiderasyon, makahinapos kita nga ang gilay-on nga gilapdon alang sa layout wala kaayo mohaum kanato ug gikinahanglan ang pagpangita sa laing paagi. Analisahon nato ang ideya sa usa ka linain nga plano alang sa matag lapad sa screen.

Mga Layout alang sa tanan nga mga okasyon

Kung gipili nimo ang usa ka estratehiya sa pagmugna og mga layout alang sa tanang mga gidak-on sa screen nga anaa sa merkado, nan ang imong site mahimong labing labing talagsaon sa tibuok Internet. Human sa tanan, kini imposible nga maglakip sa tibuok nga mga himan karon, naningkamot sa paghimo og tukmang pagpasibo alang sa matag kapilian. Apan kon imong ipunting ang labing popular nga resolusyon sa mga monitor ug mga screen sa device, nan ang ideya dili daotan. Ang minus lamang ang gasto sa panalapi. Human sa tanan, sa diha nga ang tigdisenyo sa interface, ang tigdisenyo ug layout designer napugos sa paghimo sa sama nga trabaho 5 o 6 ka beses, ang proyekto nga gasto nga dili na managsama sa presyo nga orihinal nga gibutang sa badyet.

Busa, nanghambog ang daghan nga mga bersyon alang sa nagkalain-laing mga talan-awon, gawas nga mga website sa usa ka pahina, kansang katuyoan mao ang pagbaligya sa usa ka produkto ug kinahanglan gayud nga buhaton kini pag-ayo. Buweno, kon wala ka sa usa niini nga mga landings, ug usa ka multipage site, nan angay nga dugang nga makiglalis.

Labing popular nga mga gidak-on sa site

Ang usa ka pagkompromiso tali sa duha ka mga ekstremos mao ang pagdrowing og usa ka layout alang sa tulo o upat ka mga gidak-on sa screen. Taliwala kanila, kinahanglan gayud nga usa ka mockup alang sa mga mobile device. Ang uban kinahanglan nga ipahiangay alang sa usa ka gamay, medium ug dako nga desktop screen. Unsaon pagpili sa gilapdon sa site? Sa ubos mao ang mga istatistika sa serbisyo sa HotLog alang sa Mayo 2017, nga nagpakita kanato sa pag-apod-apod sa pagkapopular sa nagkalainlaing mga resolusyon sa mga screen sa device, ingon man usab sa kausaban sa kini nga pag-usab sa indicator.

Gikan sa lamesa, makat-on ka unsaon pagtino sa gidak-on sa site nga gusto nimong gamiton. Dugang pa, makahinapos kita nga ang labing komon nga format karon mao ang screen 1366 nga 768 puntos. Ang ingon nga mga talan-awon gibutang sa mga budget laptops, mao nga natural ang ilang pagkapopular. Ang sunod nga labing popular mao ang Full HD monitor, nga mao ang standard nga bulawan alang sa mga video clips, mga dula, ug busa tungod sa paghimo sa mga layout sa site. Dugang sa lamesa atong makita ang resolusyon sa mga mobile device 360 sa 640 puntos, ingon man usab sa nagkalain-laing mga kapilian alang sa desktop ug mobile screens human niini.

Pagplano og usa ka layout

Busa, human sa pag-analisar sa mga estadistika, makahinapos kita nga ang kamala nga gilapdon sa site adunay upat ka kalainan:

1. Ang bersyon alang sa mga laptop nga adunay gilapdon nga 1366 ka pixel.
2. Full HD version.
3. Usa ka 800 pixel-wide nga layout alang sa display sa gagmay nga monitor sa desktop.
4. Ang mobile nga bersyon sa site adunay 360 ka pixel nga gilapdon.

Ingnon ta nga nakahukom kami kung unsaon paggamit ang gidak-on sa namugna nga tinubdan alang sa site. Apan ang maong proyekto magasto pa gihapon. Busa atong ikonsiderar ang dugang mga kapilian, niining panahona nga dili gamiton ang gilay-on nga gilapdon.

Ang paghimo sa layout nga madugangan

Adunay usa ka alternatibo nga pamaagi, kung gikinahanglan ang pag-adjust lamang alang sa minimum size sa screen, ug ang mga gidak-on sa mga site ibutang sa porsyento. Sa kini nga kaso, ang mga elemento sa interface sama sa mga menu, button ug logo mahimong ibutang sa hingpit nga mga bili, nga nagpunting sa minimum nga gidak-on sa gilapdon sa screen sa pixel. Ang mga bloke nga may sulod, sa kalahian, magatuyok sumala sa gitino nga mga porsiyento sa gilapdon sa screen area. Kini nga pamaagi nagtugot kanimo sa paghunong sa pagsabut sa gidak-on sa mga site ingon nga usa ka limitasyon alang sa tigdesinyo ug talento sa pagbuntog niini nga panglantaw.

Unsa ang bulawan nga ratio, ug kung unsaon kini gamiton sa paghan-ay sa mga web page?

Bisan sa Renaissance, daghan nga mga arkitekto ug mga artist misulay sa paghatag sa ilang mga nilalang usa ka sulundon nga porma ug proporsyon. Human sa pagtubag sa mga pangutana mahitungod sa kahulogan niini nga proporsiyon, sila mibalik ngadto sa rayna sa tanang siyensiya - matematika.

Sukad sa panahon sa kakaraanan, usa ka proporsiyon ang giimbento, nga nakita sa atong mata ingon nga labing natural ug elegante, tungod kay kini makita bisan asa sa kinaiyahan. Ang tigdiskobre sa pormula sa maong ratio mao ang usa ka talento nga karaang arkitekto sa Greece nga ginganlag Phidias. Iyang gibanabana nga kon ang mas dako nga bahin sa proporsyon nagtumong sa dili kaayo, samtang ang tibuok nagtumong sa mas dako, nan kini nga proporsiyon labing maayo nga makita. Apan kini mao ang kahimtang kon gusto nimo nga bahinon ang butang nga walay sukod. Kini nga proporsyon gitawag sa ulahi nga bulawan nga seksyon, nga sa gihapon wala magpasobra sa kahinungdanon niini alang sa kasaysayan sa kalibutan sa kultura.

Balik sa Disenyo sa Web

Kini yano kaayo - gamit ang usa ka bulawan nga seksyon, mahimo ka nga magplano og mga panid nga labing makapahimuot sa mata sa tawo. Ang pagkalkula sa kahulugan sa pormula sa bulawan nga seksyon, atong makuha ang dili makatarunganon nga numero 1.6180339887 ..., apan alang sa kasayon nga magamit nato ang nagkalain nga bili nga 1.62. Kini nagpasabot nga ang mga bloke sa among panid kinahanglan nga 62% ug 38% sa kinatibuk-an, dili igsapayan ang gidak-on sa source code alang sa site nga imong gigamit. Usa ka pananglitan nga imong makita sa niini nga laraw:

Paggamit og bag-ong mga teknolohiya

Ang modernong teknolohiya sa disenyo sa website nagtugot kanimo sa tukma nga pagpahayag sa ideya sa tigdisenyo ug tigdisenyo, busa karon mahimo nimong maabut ang pagpatuman sa mas mapangahasong mga ideya kay sa kaadlawon sa mga teknolohiya sa Internet. Dili na kinahanglan nga seryosohon nga hunahunaon kung unsa ang gidak-on sa site. Uban sa pag-anhi sa mga butang sama sa block adaptive layout, dinamikong loading sa sulod ug mga font, ang pagpalambo sa site nahimong daghang mga panahon nga mas kahimut-anan. Hinuon, ang ingon nga mga teknolohiya adunay gamay nga mga pagdili, bisan pa kini naglungtad. Apan sumala sa imong nahibal-an, walay mga limitasyon nga walay arte. Gisugyot namon nga gamiton nimo ang usa ka tinuud nga mamugnaon nga pamaagi sa pagdesinyo - usa ka bulawanong seksyon Uban niini, mahimo nimo nga epektibo ug maayo ang pagpuno sa workspace, dili igsapayan kung unsa nga mga sukod sa mga site nga imong gitino sa imong templates.

Kon unsaon pagpauswag sa workspace site

Adunay usa ka taas nga kalagmitan nga dili ka adunay igo nga luna aron mohaum sa tanan nga mga elemento sa interface ngadto sa usa ka gamay nga size nga layout. Sa kini nga kaso, kinahanglang magsugod ka sa paghunahuna nga malipayon o mas malipayon kaysa kaniadto.

Gipahimutang ang luna sa site pinaagi sa pagtago sa navigation sa pop-up menu. Kini nga pamaagi makatarunganon nga gamiton dili lamang sa mga mobile device, apan usab sa mga desktop. Human sa tanan, ang user dili kinahanglan nga tan-awon sa tanang panahon kung unsa ang mga rubrics sa imong site - miadto siya alang sa sulod. Ug ang mga tinguha sa tiggamit kinahanglan nga tahoron.

Usa ka pananglitan sa usa ka maayong paagi sa pagtago sa menu mao ang mosunod nga layout (litrato sa ubos).

Sa ibabaw nga eskina sa pula nga lugar, makita nimo ang usa ka krus, nga maglikot sa pagtago sa menu sa usa ka gamay nga icon, nga gibiyaan ang user nga nag-inusara sa sulod sa website.

Apan, dili nimo kinahanglan nga buhaton kini, mahimo nimong biyaan ang nabigasyon, nga kanunay makita. Apan mahimo nimo kini nga usa ka nindot nga disenyo nga elemento, ug dili usa ka listahan sa mga popular nga mga link sa site. Paggamit sa mga intuitive nga mga simbolo dugang pa sa mga link sa teksto o gani sa baylo niini. Kini usab magtugot sa imong site sa mas epektibong paggamit sa luna sa screen sa device sa gumagamit.

Ang labing maayo nga site - mapadayunon

Kung wala ka mahibal-an kung unsa nga layout ang pilion alang sa site, dayon ang tanan sayon alang kanimo. Aron makaluwas sa gasto sa pag-uswag ug dili mawala ang mamiminaw tungod sa dili maayong plano alang sa usa ka gamit, gamiton ang usa ka mapadayunon nga disenyo.

Ang pagdibuho gitawag nga usa ka disenyo nga makita sa nagkalainlain nga mga himan nga parehas og maayo. Kini nga pamaagi magtugot sa imong site nga masabtan ug sayon bisan sa usa ka laptop, labing menos sa usa ka tablet, bisan sa usa ka smartphone. Kini nga epekto nakab-ot tungod sa awtomatikong pagbag-o sa gilapdon sa lugar nga gigamit sa screen. Pinaagi sa paggamit sa mga himan nga estilo sa adaptive alang sa site, imong gihimo ang labing husto nga desisyon nga posible.

Unsa ang nagpalahi sa mapahiangay nga disenyo gikan sa pagkabaton sa nagkalainlain nga mga bersyon sa site

Ang adaptive design lahi gikan sa mobile nga bersyon sa site sa nga sa ulahing kaso ang user nakadawat og html-code nga lahi gikan sa desktop nga bersyon. Kini usa ka kakulangan sa mga pamaagi sa pag-optimize sa performance sa server, maingon man sa pag-optimize sa search engine. Dugang pa, mahimong mas lisud ang pag-ihap sa mga istatistika sa lainlaing bersyon sa site. Ang pag-adjust nga wala'y mga kakulangan.

Ang pagkadaling mapadayunon alang sa nagkalain-lain nga mga himan makab-ot pinaagi sa usa ka layout nga adunay usa ka porsyento sa gilapdon o pinaagi sa pagbalhin sa mga bloke ngadto sa anaa nga luna (sa vertical nga eroplano sa smartphone imbis nga pahigda sa desktop), o paghimo sa tagsa-tagsa nga mga hut-ong alang sa lainlaing mga tabla.

Dugang kasayuran mahitungod sa mapahiangay nga disenyo ug pagpalambo niini gikan sa mga libro.