Sinusuri ang mga imahen at mga haba ng teksto upang matiyak na naaangkop ang iyong site
Kapag nag-disenyo kami ng mga website at nagplano kung paano ipapakita ang nilalaman ng mga site na iyon, madalas naming gawin ito sa isang perpektong sitwasyon sa isip. Ang mga pamagat at mga lugar ng teksto ay naisip na may tiyak na haba, habang ang mga larawan na kasama sa tekstong iyon ay dinisenyo upang ipakita sa mga sukat na magpapahintulot sa kanila na magtrabaho ayon sa nilalayon sa pangkalahatang disenyo. Kahit na ang mga elemento na ito ay medyo tuluy-tuloy bilang bahagi ng isang tumutugon na build ng website (na dapat nilang maging), magkakaroon ng isang limitasyon sa kung paano kakayahang umangkop ang mga ito.
Kung lumawak ka sa isang website sa isang CMS (sistema ng pamamahala ng nilalaman) at payagan ang mga kliyente na pamahalaan ang site na iyon at magdagdag ng bagong nilalaman sa paglipas ng panahon, ang mga limitasyon na iyong dinisenyo para sa walang pasubali ay ilagay sa pagsubok. Tiwala sa katotohanan na ang iyong mga kliyente ay makakahanap ng mga paraan upang baguhin ang website na hindi mo pinangarap na gagawin nila. Kung hindi mo pa accounted para sa mga sitwasyon na rin sa labas ng mga ideal na iyong nagtrabaho sa sa iyong proseso ng disenyo, layout ng site ay maaaring sa malubhang panganib. Ito ang dahilan kung bakit napakahalaga na ang stress mo ay subukan ang lahat ng nilalaman ng website at ang mga aspeto ng layout ng site bago ilunsad ang site na iyon. Narito ang ilang mga tip para sa kung paano mo ito magagawa.
Laki ng Imahe ng Pagsubok
Walang alinlangan, ang pinaka-karaniwang paraan ng pagbagsak ng mga tao sa layout ng kanilang website ay ang pagdaragdag ng mga hindi angkop na laki ng mga imahe (ito rin ay ang paraan na ang negatibong epekto sa pangkalahatang pagganap ng isang site at nagiging sanhi ng mabagal na bilis ng pag-download). Kabilang dito ang mga larawan na masyadong malaki, gayundin ang mga masyadong maliit upang magtrabaho ayon sa nilalayon sa iyong website.
Kahit na gumamit ka ng CSS upang pilitin ang sukat ng mga imaheng ito sa iyong layout, ang mga larawan na hindi gaanong mahalaga sa iyong orihinal na panoorin para sa site ay magdudulot ng mga problema. Kung hindi tama ang mga dimensyon ng isang imahe, puwede mong pilitin ng iyong CSS ang imaheng iyon upang maipakita gamit ang naaangkop na lapad at taas, ngunit ang imahe mismo at ang aspect ratio nito ay maaaring nasira. Iyon ay tiyak na magkaroon ng negatibong epekto sa hitsura ng iyong site bilang isang imahe na masyadong maliit ay "tinatangay ng hangin" at mawawala ang kalidad. Ang isang imahe na masyadong malaki na ginawa mas maliit na may CSS gumawa ng magmukhang mabuti at panatilihin ang kalidad nito, ngunit ang laki ng file ay maaaring hindi makatwiran malaki para sa kung paano ito ay ginagamit.
Kapag sinusubukan ang iyong trabaho sa website, siguraduhing magdagdag ng mga larawan na mahalay sa labas ng iyong nilalayon na saklaw. Magdagdag ng mga CSS at tumutugon na mga diskarte sa imahe na tumutugon sa mga hamong ito sa pamamagitan ng pagbabago ng imahe ayon o, sa kaso ng isang hindi tamang ratio ng aspeto, isinasaalang-alang din ang paggamit ng isang bagay tulad ng property ng CSS clip upang i-crop ang imahe kung kinakailangan.
Pagsubok Iba pang Media
Bilang karagdagan sa mga larawan, subukan din ang iba pang media tulad ng mga video sa iyong site at makita kung paano lilitaw ang mga elementong iyon sa iyong layout gamit ang iba't ibang sizing at aspect ratio value. Muli, isaalang-alang ang tumutugon na likas na katangian ng iyong site at kung paano ito gagana para sa iba't ibang laki ng aparato at screen .
Pagsubok ng Mga Heading ng Teksto
Pagkatapos ng mga larawan, ang susunod na lugar ng website na nagiging sanhi ng karamihan sa mga problema sa mga live na website na pinamamahalaan ng mga non-web professional ay mga heading ng teksto. Ito ang mga (parang) maikling linya ng teksto na madalas magsimula sa nilalaman ng isang pahina o isang seksyon sa pahinang iyon. Ang teksto sa itaas ng talatang ito na nagbabasa ng "Pagsusulit sa Mga Heading ng Teksto" ay isang halimbawa nito.
Kung ikaw ay nag-disenyo ng isang site upang mapaunlakan ang isang heading tulad ng isang ito:
"Pagsubok ng mga Heading ng Teksto"
Ngunit ginagamit ng iyong kliyente ang CMS upang magdagdag ng isang artikulo na may pamagat tulad nito:
"Pagsusulit ng Mga Pamagat ng Teksto sa Iba't-ibang Mga Webpage Lahat na may Iba't ibang Mga Sukat Mga Kinakailangan at Mga Pangangailangan sa Gumagamit"
Kung gayon ang iyong layout ay maaaring hindi malinis na ma-accommodate ang lahat ng sobrang teksto. Tulad ng dapat mong i-stress ang pagsubok sa iyong mga larawan at media sa pamamagitan ng pagdaragdag ng mga entry na mahulog na rin sa labas ng mga sukat na iyong unang idinisenyo para sa, kaya dapat mong gawin ito sa mga heading ng teksto upang matiyak na sapat na kakayahang umangkop upang epektibong magpakita kahit ultra-mahaba linya tulad ng isa sa itaas.
Pagsusuri ng Mga Haba ng Teksto
Ang pananatili sa paksa ng teksto, gusto mo ring subukan ang iba't ibang haba ng teksto para sa pangunahing nilalaman sa mga pahina . Kabilang dito ang teksto na napaka, masyadong mahaba pati na rin ang teksto na napaka, masyadong maikli - na talagang maaaring maging isyu na maraming mga layout ng pahina.
Dahil ang mga webpage, ayon sa likas na katangian, ay lumalaki upang mapaunlakan ang taas ng teksto na naglalaman ng mga ito, ang mga pahina na may maraming teksto ay kadalasang binibigyan lamang ng taas kung kinakailangan. Maliban kung pinaghihigpitan mo ang taas ng pahina (na hindi mo dapat gawin kung gusto mo ang iyong pahina ay maging kakayahang umangkop), pagkatapos ay ang sobrang teksto ay hindi dapat magpose ng problema. Masyadong maliit na teksto ay isa pang isyu - at ito ay isa na maraming mga designer kalimutan na subukan para sa kanilang proseso ng disenyo.
Masyadong maliit na teksto ang maaaring gumawa ng isang pahina na hindi kumpleto o masira, kaya siguraduhin na i-scale ang nilalaman ng iyong pahina upang makita kung ano ang mangyayari sa mga pagkakataong iyon at gawin ang kinakailangang mga pagsasaayos sa CSS ng iyong site upang mahawakan ang mga sitwasyong iyon.
Pagsubok ng Pag-zoom ng Pahina
Maaaring gamitin ng mga taong may mga problema sa pangitain ang tampok na Page Zoom ng isang web browser upang madagdagan ang laki ng iyong webpage. Kung ang isang tao ay mag-zoom sa isang makabuluhang halaga, ang iyong layout ay maaaring masira. Ito ay isa sa mga dahilan kung bakit maaaring gusto mong gamitin ang EMs bilang yunit ng pagsukat para sa laki ng font ng iyong website pati na rin ang iyong mga query sa media . Dahil ang EMs ay isang kamag-anak na yunit ng pagsukat (batay sa default na laki ng teksto ng browser na iyon), mas kaaya-aya sila sa tuluy-tuloy, nababaluktot na mga layout ng website.
Subukan ang iyong website para sa pag-zoom ng pahina at huwag lamang tumigil sa isa o dalawang antas ng pag-zoom. Mag-zoom up sa iyong site ng iba't ibang mga antas upang matiyak na ang iyong mga pahina reaksyon bilang inilaan.
Huwag Kalimutan Tungkol sa I-download ang Bilis at Pagganap
Habang sinusubok mo ang mga implikasyon ng layout ng mga desisyon ng kliyente, huwag kalimutan na bigyang pansin ang epekto ng mga pagpapasya sa pagganap ng isang site. Ang mga imahe at nilalaman na idagdag ng mga kliyente ay maaaring makapigil sa bilis ng pag-download ng site at sineseryoso na sirain ang pangkalahatang kakayahang magamit ng site. Planuhin ang epekto ng mga karagdagan at gawin ang iyong bahagi sa proseso ng pag-unlad upang mabawasan ang mga epekto na ito.
Kung ang iyong website ay binuo na may badyet sa pagganap, ibahagi ang impormasyong ito sa iyong mga kliyente at ipakita sa kanila kung paano subukan ang isang webpage para sa mga sukatan ng pagganap. Ipaliwanag sa kanila ang kahalagahan ng pagpapanatili ng mga itinakdang mga limitasyon para sa laki ng pahina at pag-download ng bilis at ipakita sa kanila kung paano ang mga karagdagan na ginagawa nila ay maaaring makaapekto sa site sa kabuuan. Maglaan ng oras upang sanayin sila kung paano panatilihin ang site na nagtatrabaho at naghahanap ng maayos. Sa paksa ng pagsasanay ...
Ang Pagsasanay ng Client ay Mahalaga
Mahalaga na i-stress ang mga imahe, teksto, at iba pang mga elemento ng pahina ng iyong site at upang lumikha ng mga estilo na magiging account para sa mga extreme pagkakataon, ngunit hindi iyon isang kapalit para sa pagsasanay ng kliyente. Ang iyong trabaho bulletproofing isang site ay dapat na bilang karagdagan sa oras na gagastusin mo ang pagsasanay sa iyong mga kliyente kung paano epektibong pag-aalaga para sa at pamahalaan ang kanilang site. Sa wakas, ang isang mahusay na sinanay na kliyente na nauunawaan ang kanilang mga responsibilidad at ang epekto ng mga desisyon na ginagawa nila sa isang site ay napakahalaga sa iyong mga pagsisikap upang mapanatili ang site na iyon na nagtatrabaho at naghahanap ng pinakamahusay.