Situs web wireframe yaiku gambar garis sing prasaja sing nuduhaké panempatan unsur ing sawijining kaca web. Sampeyan bisa nyimpen wektu gedhe kanthi nyunting tata letak wireframe prasaja ing wiwitan proses desain tinimbang rancangan rumit ing wayah wengi.
Nggunakake wireframe yaiku cara sing apik kanggo miwiti proyek situs web, amarga sampeyan lan panjenengan bakal ngidini fokus ing tata letak tanpa gangguan saka werna, jinis, lan elemen desain liyane. Konsentrasi ing ngendi papan web lan persentase spasi sing saben unsur njupuk, sing bisa ditemtokake dening kabutuhan klien.
01 saka 03
Apa sing kalebu ing Wireframe situs web
Kabeh elemen penting saka kaca web kudu diwakili ing situs web wireframe. Gunakake maneka prasaja tinimbang grafis sing sejatine, lan labelna. Unsur iki kalebu:
- Navigasi: Tombol kanggo pangguna ngunjungi situs utama ing situs sampeyan.
- Logo perusahaan: Bisa diwakili dening sawijining kothak.
- Isi area: Endi bagean isi sing bakal katon?
- Kothak panelusuran
- Wilayah login pangguna
02 saka 03
Carane Nggawe Website Wireframes
Ana macem-macem cara kanggo nggawe wireframe situs web. Padha kalebu:
Drawing It by Hand on Paper
Cara iki bisa digunakake nalika pasuryan karo klien. Tulis ide-ide tata letak ing kertas, kanthi fokus ing elemen apa sing kudu dilakoni.
Nggunakake Adobe Photoshop, Illustrator, utawa Software liyane
Paling paket grafis dilengkapi karo kabeh alat dhasar sing perlu digawe wireframe. Garis, wangun, lan teks sing prasaja (kanggo menehi label unsur sampeyan) kabeh kudu nggawe wireframe sing apik.
Nggunakake Software Nggawe Kanggo Tipe Tugas Iki
Nalika Photoshop lan Illustrator bisa nggawe trik, sawetara paket software dikembangake khusus kanggo jinis karya iki. OmniGraffle minangka piranti lunak sing ndadekake panyiptaan wireframe kanthi nyediakake wangun, garis, panah lan alat-alat teks sing digunakake ing kanvas kosong. Sampeyan malah bisa ngundhuh grafis khusus grafis (gratis) ing Graffletopia, sing menehi sampeyan luwih akeh elemen, kayata tombol web umum, bisa digarap.
03 saka 03
Keuntungan
Kanthi situs web wireframe, sampeyan duwe entuk tweaking drawing sing prasaja kanggo nggayuh layout sing dikepengini. Luwih saka ngalih unsur-unsur sing rumit ing saindhenging sawijining kaca, bisa nyepetake saperangan kothak menyang posisi anyar. Sampeyan uga luwih produktif kanggo sampeyan utawa klien sampeyan kanggo fokus ing tata letak pisanan ... sampeyan ora bakal metu karo komentar kaya "Aku ora seneng karo werna sing ana!" Nanging, sampeyan bakal miwiti karo tata letak lan struktur sing wis rampung kang kanggo ngrancang desain sampeyan.