Naon Dupi hiji Wireframe Website?

Diajar migunakeun Wireframes basajan pikeun ngamimitian desain Anjeun

A wireframe Web mangrupakeun pituduh visual basajan pikeun némbongkeun Anjeun naon a kaca Wéb bakal kasampak kawas. Ieu nunjukkeun nu struktur kaca , tanpa ngagunakeun sagala grafik atawa téks. A wireframe ramatloka bakal némbongkeun sakabéh struktur situs - kaasup naon ieu numbu kaca ka mana.

wireframes Web nu cara gede pikeun ngamimitian gawé design Anjeun. Bari éta mungkin mun nyieun kompléks wireframes kalawan jumlahna badag jéntré, tata Anjeun tiasa mimitian ku napkin jeung pananya. Tombol nyieun wireframes alus nyaeta ninggalkeun kaluar kabeh elemen visual. Paké buleud tur garis keur ngagambarkeun gambar na téks.

Hal ngawengku dina kaca Wéb wireframe:

Kumaha Ngawangun hiji Web Wireframe Basajan

Jieun wireframe kaca Wéb ngagunakeun sagala besi tua kertas anjeun boga gunana. Di dieu nu kumaha atuh eta:

  1. Ngagambar sagi opat badag - ieu bisa ngagambarkeun boh sakabéh kaca atawa ngan bagian ditingali. Kuring biasana mimitian ku bagian ditingali, terus dilegakeun ka ngawengku unsur nu bakal jadi handap melu ka.
  2. Sketsa perenah di - éta 2-kolom, 3-kolom?
  3. Tambahkeun dina kotak pikeun grafis lulugu - Draw leuwih kolom Anjeun upami Anjeun hoyong ka janten lulugu tunggal luhureun kolom, atanapi ngan nambahan eta dimana rék eta.
  4. Nulis "headline" dimana rék headline H1 Anjeun hésé.
  5. Nulis "Sub-Kepala" dimana rék H2 jeung headline handap janten. Eta mantuan lamun nyieun eta sabanding - H2 leutik batan h1, h3 leutik batan H2, jsb
  6. Tambahkeun di buleud pikeun Gambar lianna
  7. Tambahkeun di navigasi. Lamun nuju perencanaan Tab, ngan narik buleud, jeung nulis "navigasi" leuwih luhur. Atawa nempatkeun béréndélan bulleted dina kolom dimana rék navigasi teh. Ulah nyerat eusi. Ngan nulis "navigasi" atawa ngagunakeun jalur keur ngagambarkeun téks.
  8. Tambahkeun elemen tambahan pikeun kaca - ngaidentipikasi naon aranjeunna kalayan téks, tapi ulah make teks eusi nu sabenerna. Contona, upami anjeun hoyong telepon kana tombol Peta dina katuhu handap, nempatkeun kotak aya, sarta labél eta "nelepon ka aksi". Ulah nyerat "Beuli Ayeuna!" dina kotak éta.

Sakali anjeun saena wireframe basajan anjeun ditulis, tur eta teu kudu nyokot anjeun leuwih ti 15 menit sketsa salah nepi, némbongkeun ka batur. Tanya aranjeunna lamun aya nanaon leungit jeung eupan balik lianna. Dumasar naon anu maranehna nyebutkeun bisa nulis wireframe sejen atawa tetep hiji anjeun boga.

Naha Paper Wireframes Dupi Best keur munggaran Draf

Bari éta mungkin mun nyieun wireframes maké program kawas Visio, pikeun sesi brainstorming awal, anjeun kedah lengket kertas. Makalah teu sigana salaku permanén, jeung loba jalma bakal nganggap maneh threw eta babarengan dina 5 menit na jadi teu ragu masihan anjeun eupan balik alus. Tapi mun anjeun migunakeun program keur nyieun wireframes fancy kalawan kuadrat sampurna jeung kelir, anjeun ngajalankeun résiko tina lalaki bray up dina program didinya jeung belanja jam perfecting hal anu teu kantos bade buka hirup.

wireframes kertas anu gampang pikeun ngalakukeun. Tur upami Anjeun salah teu resep deui, anjeun ngan crumple up kertas, maledog eta di daur ulang na grab hiji lambar anyar.