X'inhu Wireframe Websajt?

Tgħallem tuża Wireframes sempliċi biex tibda disinji tiegħek

Wajer tal-Web huwa gwida viżwali sempliċi biex turi x'għandu jkun il -paġna tal-Web . Jissuġġerixxi l- istruttura ta 'paġna , mingħajr ma tuża xi grafika jew test. Il-wireframe ta 'websajt turi l-istruttura sħiħa tas-sit - inkluż liema paġni jgħaqqdu ma' fejn.

Web wireframes huma mod tajjeb ħafna biex tibda x-xogħol tad-disinn tiegħek. U filwaqt li huwa possibbli li jinħolqu wireframes kumplessi b'ammonti kbar ta 'dettall, l-ippjanar tiegħek jista' jibda bil-srievet u pinna. Iċ-ċavetta biex isiru wireframes tajbin hija li tħalli barra l-elementi viżwali kollha. Uża kaxex u linji biex tirrappreżenta stampi u test.

Oġġetti li għandhom jiġu inklużi fil-wireframe tal-paġna tal-Web:

Kif Ibni Wireframe Web Sempliċi

Oħloq wireframe tal-paġna tal-Web billi tuża xi fdal ta 'karta li għandek handy. Hawnhekk kif nagħmilha:

  1. Iġbed rettangolu kbir - dan jista 'jirrappreżenta jew il-paġna sħiħa jew eżatt il-porzjon viżibbli. I normalment tibda bil-porzjon viżibbli, u mbagħad tespandieh biex jinkludi elementi li jkunu taħt it-tinja.
  2. Skeċċ il-format - huwa 2-kolonni, 3-kolonni?
  3. Żid f'kaxxa għal header grafika - Iġbed fuq il-kolonni tiegħek jekk trid li tkun header waħdieni fuq il-kolonni, jew inkella żidha fejn tridha.
  4. Ikteb "Headline" fejn trid li l-intestatura H1 tiegħek tkun.
  5. Ikteb "Sub-Kap" fejn trid H2 u aħbarijiet aktar baxxi. Jgħin jekk tagħmilhom proporzjonali - h2 iżgħar minn h1, h3 iżgħar minn h2, eċċ.
  6. Żid f'kaxxi għal stampi oħrajn
  7. Żid fin-navigazzjoni. Jekk qed tippjana tabs, ġibdet kaxxi, u tikteb "navigazzjoni" fuq il-quċċata. Jew poġġi listi bulleted fil-kolonni fejn trid in-navigazzjoni. Ma tiktebx il-kontenut. Biss jikteb "navigazzjoni" jew tuża linja biex tirrappreżenta t-test.
  8. Żid elementi addizzjonali mal-paġna - identifika liema huma bit-test, iżda ma tużax it-test attwali tal-kontenut. Per eżempju, jekk trid buttuna għal sejħa għall-azzjoni fin-naħa t'isfel tal-lemin, poġġi kaxxa hemm, u tikkettaha "sejħa għal azzjoni". Ma tiktebx "Buy Now!" f'dik il-kaxxa.

Ladarba tkun ħadt il-wireframe sempliċi tiegħek bil-miktub, u m'għandhiex tieħdok aktar minn 15-il minuta biex tpinġi waħda, wiri lil xi ħadd ieħor. Staqsi jekk hemm xi ħaġa nieqsa u għal rispons ieħor. Ibbażat fuq dak li jgħidu inti tista 'tikteb wireframe ieħor jew żomm dak li għandek.

Għaliex il-Wireframes Paper huma l-Aħjar għall-Ewwel Abbozzi

Filwaqt li huwa possibbli li jinħolqu wireframes bl-użu ta 'programmi bħal Visio, għas-sessjonijiet inizjali ta' brainstorming tiegħek, għandek iżżomm mal-karta. Il-karta ma tidhirx bħala permanenti, u ħafna nies jassumu li ħallbuha flimkien f'ħames minuti u għalhekk ma toqgħodx lura milli tagħtilek rispons tajjeb. Imma meta tuża programm biex toħloq wireframes fancy bi kwadri u kuluri perfetti, għandek ir-riskju li jkollok maqbud fil-programm innifsu u sigħat ta 'nfiq tipperfezzjona xi ħaġa li qatt mhu se tmur tgħix.

Il-wireframes tal-karti huma faċli biex jagħmlu. U jekk ma tħobbx, int biss tgħaġġel il-karta, tarmih fir-riċiklaġġ u aqbad folja ġdida.