Ki sa ki se yon Wireframe Sit wèb?

Aprann sèvi ak senp Wireframes yo kòmanse desen ou yo

Yon wireframe entènèt se yon gid senp vizyèl yo montre w ki yon paj entènèt ta sanble. Li sijere estrikti a nan yon paj , san yo pa itilize nenpòt grafik oswa tèks. Yon wireframe sit entènèt ta montre estrikti nan sit tout - ki gen ladan sa ki paj lyen ki kote.

Web wireframes se yon bon fason yo kòmanse travay konsepsyon ou. Ak pandan ke li posib yo kreye fil elektrik konplèks ak gwo kantite detay, planifikasyon ou ka kòmanse ak yon moso twal ak yon plim. Kle pou fè bon wireframes se pou kite tout eleman vizyèl yo. Sèvi ak bwat ak liy pou reprezante foto ak tèks.

Bagay sa yo genyen ladan yo nan yon paj entènèt web wireframe:

Ki jan yo bati yon Wireframe Web senp

Kreye yon wireframe paj entènèt lè l sèvi avèk nenpòt ki bouyon nan papye ou gen sou la men. Men ki jan mwen fè li:

  1. Trase yon rektang gwo - sa ka reprezante swa paj an antye oswa jis pòsyon vizib la. Mwen anjeneral kòmanse ak pòsyon vizib la, ak Lè sa a, elaji li genyen ladan yo eleman ki ta ka pi ba a pliye.
  2. Montre Layout a - se li 2-kolòn, 3-kolòn?
  3. Add nan yon bwat pou yon grafik header - Trase sou kolòn ou si ou vle li yo dwe yon header sèl pi wo a kolòn yo, oswa jis ajoute li kote ou vle li.
  4. Ekri "Headline" kote ou vle tit H1 ou a.
  5. Ekri "Sub-Head" kote ou vle H2 ak pi ba tit yo dwe. Li ede si ou fè yo pwopòsyonèl - h2 ki pi piti pase h1, h3 ki pi piti pase h2, elatriye.
  6. Add nan bwat pou lòt imaj
  7. Add nan navigasyon. Si w ap planifye onglè, jis trase bwat, epi ekri "navigasyon" sou tèt la. Oswa mete lis bal nan kolòn kote ou vle navigasyon an. Pa ekri kontni an. Jis ekri "navigasyon" oswa itilize yon liy ki reprezante tèks.
  8. Ajoute eleman adisyonèl nan paj la - idantifye sa yo ye ak tèks, men se pa itilize tèks la kontni aktyèl. Pou egzanp, si ou vle yon apèl nan bouton aksyon nan dwa ki pi ba, mete yon bwat la, ak mete etikèt sou li "rele nan aksyon". Pa ekri "Achte Kounye a!" nan bwat sa a.

Yon fwa ou te gen wireframe senp ou ekri, epi li pa ta dwe pran ou plis pase 15 minit nan trase yon sèl, montre li nan yon lòt moun. Mande yo si gen anyen ki manke ak pou lòt fidbak. Ki baze sou sa yo di ou ka ekri yon lòt wireframe oswa kenbe youn nan ou genyen.

Poukisa Papye Wireframes yo pi bon pou Draks Premye

Pandan ke li posib yo kreye wireframes lè l sèvi avèk pwogram tankou Visio, pou sesyon premye brainstorming ou, ou ta dwe bwa sou papye. Papye pa sanble ke pèmanan, ak anpil moun ki pral asime ou jete li ansanm nan 5 minit e konsa pa ezite ba ou bon fidbak. Men, lè ou sèvi ak yon pwogram yo kreye fil elektrik anpenpan ak kare pafè ak koulè, ou kouri risk pou yo kenbe kenbe nan pwogram nan tèt li ak èdtan depanse pafè yon bagay ki pa janm ale nan ale viv.

Papye fil yo fasil pou fè. Men, si ou pa renmen li, ou jis crumple moute papye a, jete l 'nan resiklaj ak pwan yon fèy nouvo.