Tinanong mo ang iyong sarili, "Ano ang tumutugon sa disenyo ng web?" Ang tumutugon sa disenyo ng web ay isang paraan kung saan lumilikha ang isang taga-disenyo ng isang web page na "tumugon" o resizes mismo depende sa uri ng device na nakikita nito. Iyon ay maaaring isang oversized desktop computer monitor, isang laptop o aparato na may maliliit na screen tulad ng mga smartphone at tablet.
Ang nakikiramay na disenyo ng Web ay naging isang mahalagang kasangkapan para sa sinumang may digital na presensya. Sa paglago ng mga smartphone, tablet at iba pang mga aparatong mobile computing, mas maraming tao ang gumagamit ng mas maliit na screen upang tingnan ang mga web page.
$config[code] not foundAng mga website na ito ay dapat ding isaalang-alang ang mobile-unang index na inihayag lamang ng Google noong Abril 2018. Habang pinapalaki ng mas maliliit na negosyo ang kanilang presensya sa mobile, ang kanilang website, eCommerce, pahina ng Google Business, mga pahina ng social media at iba pang mga asset ay madaling mapuntahan sa lahat mga aparato.
Ano ang tumutugon sa Web Design?
Ang layunin ng tumutugon disenyo ay magkaroon ng isang site, ngunit may iba't ibang mga elemento na tumutugon nang naiiba kapag tiningnan sa mga device na may iba't ibang laki.
Kumuha ng tradisyonal na "nakapirming" website. Kapag tiningnan sa isang desktop computer, halimbawa, ang website ay maaaring magpakita ng tatlong haligi. Ngunit kapag tiningnan mo ang parehong layout sa isang mas maliit na tablet, maaaring pilitin mong mag-scroll nang pahalang, isang bagay na hindi gusto ng mga gumagamit. O kaya'y maaaring nakatago ang mga elemento mula sa pagtingin o tumingin sa pangit. Ang epekto ay kumplikado din sa pamamagitan ng katotohanan na maraming mga tablet ang maaaring matingnan sa alinman sa portrait orientation o naka-sideways para sa landscape view.
Sa isang maliit na screen ng smartphone, ang mga website ay maaaring maging mas mahirap na makita. Ang mga malalaking larawan ay maaaring "masira" ang layout. Ang mga site ay maaaring maging mabagal upang i-load sa mga smartphone kung ang mga ito ay mabigat graphics.
Gayunpaman, kung ang isang site ay gumagamit ng tumutugon disenyo, ang bersyon ng tablet ay maaaring awtomatikong ayusin upang ipakita lamang ng dalawang haligi. Sa ganoong paraan, ang nilalaman ay maaaring basahin at madaling i-navigate. Sa isang smartphone, maaaring lumitaw ang nilalaman bilang isang haligi, marahil ay nakasalansan patayo. O marahil ang user ay may kakayahang mag-swipe sa paglipas upang tingnan ang iba pang mga haligi. Ang mga imahe ay palitan ang laki sa halip na i-distort ang layout o pagkuha ng putol.
Ang punto ay: may tumutugon na disenyo, awtomatikong inaayos ng website batay sa device na nakikita ng viewer.
Paano Gumagana ang Responsive Web Design?
Ang mga tumutugon na mga site ay gumagamit ng mga fluid grids.Ang lahat ng mga elemento ng pahina ay laki ayon sa proporsiyon, kaysa sa mga pixel. Kaya kung mayroon kang tatlong mga haligi, hindi mo nais sabihin nang eksakto kung gaano kalaki ang bawat isa, ngunit kung gaano kalaki ang dapat na ito ay may kaugnayan sa iba pang mga haligi. Ang Haligi 1 ay dapat tumagal ng hanggang kalahati ng pahina, ang haligi 2 ay dapat tumagal ng hanggang 30%, at ang haligi 3 ay dapat tumagal ng hanggang 20%, halimbawa.
Ang media tulad ng mga imahe ay may sukat din na sukat. Sa ganoong paraan ang isang imahe ay maaaring manatili sa loob ng haligi nito o kamag-anak disenyo elemento.
Mga Kaugnay na Isyu
Mouse v touch: Dinisenyo din para sa mga mobile device ang isyu ng mouse kumpara sa pag-ugnay. Sa mga desktop computer, normal ang gumagamit ay may mouse upang mag-navigate at pumili ng mga item. Sa isang smartphone o tablet, gumagamit ang karamihan ay gumagamit ng mga daliri at pagpindot sa screen. Ano ang maaaring mukhang madali upang pumili gamit ang isang mouse, maaaring mahirap piliin ng isang daliri sa isang maliit na lugar sa isang screen. Dapat gawin ng taga-disenyo ng Web ang "touch".
Graphics at bilis ng pag-download: Gayundin, mayroong isyu ng graphics, mga ad at bilis ng pag-download. Sa mga mobile device, maaaring matalino na magpakita ng mas kaunting mga graphics kaysa sa mga tanawin sa desktop upang ang isang site ay hindi tumatagal magpakailanman upang mag-load sa isang smartphone. Ang mga mas malaking laki ng ad ay maaaring kailangang palitan para sa mas maliliit na mga ad.
Apps at "mga bersyon ng mobile": Sa nakaraan, maaaring naisip mo ang tungkol sa paglikha ng isang app para sa iyong website - sabihin ang iPad app o isang Android app. O gusto mong magkaroon ng isang mobile na bersyon partikular para sa BlackBerry.
Ngunit may napakaraming iba't ibang mga device ngayon, mas nakakakuha ng apps at iba't ibang mga bersyon para sa bawat aparato at operating platform.
Bakit Kailangan ng Mga Maliit na Negosyo upang Lumipat sa Nakikiramay na Disenyo sa Web
Mas maraming tao ang gumagamit ng mga mobile device. Ang isang kamakailang Pew sa pag-aaral ay 77% ng mga Amerikano na ngayon ang nagmamay-ari ng mga smartphone sa 2018 na kung saan ay mula sa 35% lamang sa Pew Research Center ang unang smartphone pagmamay-ari survey natupad noong 2011.
Suriin ang iyong trapiko at maaari ka lamang magulat sa kung gaano karaming mga bisita ang nakakakuha sa iyong website sa pamamagitan ng mga mobile device. (Sa iyong Google Analytics, piliin ang "Madla" sa kaliwang bahagi, pagkatapos ay ang "Mobile" upang makita kung anong proporsiyon ng trapiko ay mula sa mga aparatong mobile. Maaari ka ring mag-drill down upang makita kung aling mga device ang nagpapadala ng trapiko.)
Ang mga template ng tumutugon na disenyo ay nasa lahat ng dako ngayon, para sa pagbili. Kung, halimbawa, mayroon kang isang WordPress site na maaari mong bisitahin ang isang kagalang-galang template gallery tulad ng WorldWideThemes.net at maghanap para sa "tumutugon WordPress tema." Bumili ng isa para sa ilalim ng $ 50. Pagkatapos ay maibagay ito ng iyong Web developer para sa iyong logo at tatak.
Tala ng Editor: Narito sa Maliit na Mga Trend sa Negosyo, kami ay nagtatrabaho sa isang bagong tumutugon na disenyo. Hindi ba dapat mo?
Larawan sa pamamagitan ng Shutterstock
Higit pa sa: Pagmemerkado sa Nilalaman, Ano ang 95 Mga Puna ▼
