Sinau nggunakake Wireframes prasaja kanggo miwiti desain sampeyan
A wireframe Web minangka pandhuan visual sing prasaja kanggo nuduhaké apa sing bakal katon kaya kaca Web . Ngusulake struktur kaca , tanpa nggunakake grafis utawa teks. A wireframe situs web bakal nuduhake kabeh struktur situs - kalebu apa pranala menyang ngendi.
Web wireframe minangka cara sing apik kanggo miwiti karya desain. Lan nalika sampeyan bisa nggawe wireframe rumit kanthi jumlah detail sing akeh, rencana sampeyan bisa diwenehi serbet lan pena. Kunci kanggo nggawe wireframe apik kanggo nyelehake kabeh unsur visual. Gunakake kothak lan garis kanggo makili gambar lan teks.
Babagan kalebu ing kaca web wireframe:
- kotak kanggo elemen grafis utami
- panggonan saka headline lan sub-kepala
- struktur tata letak sing prasaja
- telpon kanggo tumindak
- pamblokiran teks
Cara Nggawe Wireframe Web Wikipedia
Nggawe halaman web wireframe nganggo kertas sing sampeyan gunakake. Punika babagan kula:
- Gambar persegi panjang sing amba - iki bisa nuduhake kabeh kaca utawa mung bagean sing katon. Aku biasane miwiti karo bagean sing katon, banjur nggedhekake kanggo kalebu unsur sing bakal ana ing ngisor iki.
- Gambar tata letak - apa 2 kolom, kolom 3?
- Tambah ing kothak kanggo graphik header - Tarik liwat kolom sampeyan yen pengin dadi header siji ing sadhuwure kolom, utawa mung nambahake ing ngendi sampeyan pengin.
- Tulis "Headline" ing ngendi sampeyan pengin dadi headline H1.
- Tulis "Sub-Head" ing ngendi sampeyan pengin H2 lan headline ngisor. Iku mbantu yen sampeyan nggawe wong proporsional - h2 luwih cilik tinimbang h1, h3 luwih cilik tinimbang h2, etc.
- Tambah ing kothak kanggo gambar liyane
- Tambah ing pandhu arah. Yen sampeyan lagi nggambar tab, tarik wae kothak, lan nulis "pandhu arah" ing sisih ndhuwur. Utawa dilebokake daftar dhaptar ing kolom sing pengin pandhu arah. Aja nulis isi kasebut. Cukup nulis "pandhu arah" utawa gunakake baris kanggo makili teks.
- Nambah unsur tambahan ing kaca - ngenali apa sing nganggo teks, nanging ora nganggo teks isi sing bener. Contone, yen sampeyan pengin panggilan tumindak tombol ing sisih tengen ngisor, lebokna kothak ing kono, lan labelake "panggilan kanggo tumindak". Aja nulis "Tuku Saiki!" ing kothak kasebut.
Sawise sampeyan wis entuk kothak prasaja sederhana, lan ngirim ora njupuk luwih saka 15 menit kanggo nampilake siji, nuduhake menyang wong liya. Takon yen ana apa-apa sing ilang lan umpan balik liyane. Adhedhasar apa sing diucapake sampeyan bisa nulis wireframe liyane utawa njaga sing sampeyan duwe.
Apa Paper Wireframes Paling apik kanggo Draf pisanan
Nalika sampeyan bisa nggawe wireframe nggunakake program kaya Visio, kanggo sesi brainstorming dhisikan, sampeyan kudu tetep nganggo kertas. Kertas ora koyone permanen, lan akeh wong bakal ngusulake sampeyan mbuwang bebarengan ing 5 menit lan supaya ora ragu-ragu kanggo menehi saran apik. Nanging nalika sampeyan nggunakake program kanggo nggawe wireframes apik karo kotak lan werna sing sampurna, sampeyan bisa nglakokake risiko kejiret ing program kasebut dhewe lan mbuwang jam nyampurnakake soko sing ora bakal lunga.
Paper wireframe gampang dilakoni. Lan yen sampeyan ora seneng, sampeyan mung crumple munggah kertas, uncalan ing daur-ulang lan njupuk sheet anyar.