Ang website wireframes mao ang yano nga linya nga mga drowing nga nagpakita sa pagbutang sa mga elemento sa usa ka web page. Mahimo nimong maluwas ang imong kaugalingon sa daghang oras pinaagi sa pag-usab sa layout sa usa ka yano nga wireframe sa pagsugod sa proseso sa pagplano imbis sa komplikado nga disenyo sa ulahi.
Ang paggamit sa wireframes usa ka maayong paagi sa pagsugod sa usa ka proyekto sa website, tungod kay kini nagtugot kanimo ug sa imong kliyente sa pag-focus sa layout nga walay pagkalibug sa kolor, tipo, ug uban pang mga elemento sa disenyo. Pag-concentrate kung unsa ang anaa sa imong mga web page ug ang porsiyento sa luna nga gikuha sa matag elemento, nga matino sa mga panginahanglan sa imong kliyente.
01 sa 03
Unsa ang Ilakip sa Wireframe sa Website
Ang tanan nga importante nga mga elemento sa usa ka web page kinahanglan nga girepresentahan sa imong website wireframe. Paggamit og yano nga mga porma imbes nga aktwal nga mga graphic, ug butangi kini. Kini nga mga elemento naglakip sa:
- Navigation: Buttons alang sa mga tiggamit sa pagbisita sa mga nag-unang seksyon sa imong site.
- Logo sa kompyuter: Mahimo lamang nga girepresentahan sa usa ka kahon.
- Mga dapit sa sulod: Asa ang imong mga nagkalain-laing seksiyon sa sulod makita?
- Pagpangita mga kahon
- Mga lugar nga gipangita sa user
02 sa 03
Unsaon Paghimo sa mga Wireframe sa Website
Adunay nagkalainlain nga mga paagi sa paghimo sa usa ka wireframe sa website. Lakip niini ang:
Pagdrowing Kini Pinaagi sa Kamot sa Papel
Kini nga pamaagi magamit sa atubang sa usa ka kliyente. Isulat ang imong mga ideya sa layout diha sa papel, uban ang usa ka tumutok sa kon unsa nga mga elemento ang kinahanglan moadto asa.
Paggamit sa Adobe Photoshop, Illustrator, o uban pang Software
Kadaghanan sa mga pakete sa software sa graphics nga adunay kompleto nga mga himan nga kinahanglanon aron makahimo og mga wireframe. Ang yano nga mga linya, porma, ug teksto (sa pag-label sa imong mga elemento) mao lamang ang imong gikinahanglan sa paghimo sa usa ka presentable wireframe.
Paggamit sa Software nga Gihimo alang Kini nga Uri sa Task
Samtang ang Photoshop ug Illustrator makahimo sa paglansis, ang pipila ka mga pakete sa software gipalambo ilabi alang niining matang sa trabaho. Ang OmniGraffle usa ka piraso sa software nga nagpadali sa pagmugna sa mga wireframe pinaagi sa paghatag sa porma, linya, arrow ug mga gamit sa teksto nga gamiton sa blangko nga canvas. Mahimo ka gani mag-download sa mga custom graphics set (libre) sa Graffletopia, nga naghatag kanimo og daghang mga elemento, sama sa common buttons sa web, nga magamit.
03 sa 03
Mga Kaayohan
Uban sa website wireframes, ikaw adunay kaayohan sa pagbag-o sa usa ka yano nga linya nga drowing aron makab-ot ang gitinguha nga layout. Imbis maglihok sa komplikado nga mga elemento sa usa ka panid, gamay ra ang panahon nga mag-drag sa pipila ka mga kahon ngadto sa mga bag-ong posisyon. Kini labi ka mas mabungahon alang kanimo o sa imong kliyente nga mag-focus sa layout una ... dili ka magsugod sa mga komentaryo sama sa "Dili ko ganahan nga kolor didto!" Sa baylo, magsugod ka sa usa ka finalized layout ug istruktura sa nga ibase sa imong desinyo.