Laman web wireframes adalah lukisan garis mudah yang menunjukkan penempatan elemen pada halaman web. Anda boleh menjimatkan banyak masa dengan mengedit susun atur yang mudah pada permulaan proses reka bentuk dan bukan reka bentuk yang kompleks kemudian.
Menggunakan wireframes adalah cara yang bagus untuk memulakan projek laman web, kerana ia membolehkan anda dan klien anda memberi tumpuan kepada tata letak tanpa gangguan warna, jenis, dan elemen reka bentuk yang lain. Berkonsentrasi pada apa yang berlaku di mana pada halaman web anda dan peratusan ruang yang setiap elemen akan digunakan, yang dapat ditentukan oleh kebutuhan klien anda.
01 dari 03
Apa yang perlu dimasukkan ke dalam jejaring web laman web
Semua elemen penting dalam laman web harus diwakili di laman web wireframe anda. Gunakan bentuk mudah dan bukan grafik sebenar, dan labelkannya. Unsur-unsur ini termasuk:
- Navigasi: Butang untuk pengguna untuk melawat bahagian utama laman web anda.
- Logo syarikat: Boleh diwakili hanya dengan kotak.
- Bidang kandungan: Di mana bahagian kandungan anda akan muncul?
- Kotak carian
- Kawasan masuk pengguna
02 dari 03
Cara Membuat Wireframes Laman Web
Terdapat pelbagai cara untuk membuat wireframe tapak web. Mereka termasuk:
Lukisannya dengan Tangan di Kertas
Kaedah ini berguna apabila bersemuka dengan pelanggan. Lakarkan idea susun atur anda di atas kertas, dengan memberi tumpuan kepada unsur-unsur yang mana harus pergi ke mana.
Menggunakan Adobe Photoshop, Illustrator, atau Perisian Lain
Kebanyakan pakej perisian grafik dilengkapi dengan semua alat asas yang diperlukan untuk membuat wireframes. Garis, bentuk, dan teks mudah (untuk melabelkan elemen anda) adalah semua yang anda perlukan untuk membuat wireframe yang sesuai.
Menggunakan Perisian yang Dibuat untuk Jenis Tugas ini
Walaupun Photoshop dan Illustrator boleh melakukan silap mata itu, beberapa pakej perisian dibangunkan khusus untuk kerja jenis ini. OmniGraffle adalah perisian yang memudahkan penciptaan wireframe dengan menyediakan bentuk, garis, anak panah dan alat teks untuk digunakan pada kanvas kosong. Anda juga boleh memuat turun set grafik tersuai (secara percuma) di Graffletopia, yang memberi anda lebih banyak elemen, seperti butang web biasa, untuk bekerja dengan.
03 dari 03
Manfaat
Dengan laman web wireframe, anda mempunyai manfaat untuk tweaking menggambar garis sederhana untuk mencapai susun atur yang dikehendaki. Daripada menggerakkan unsur-unsur kompleks di sekeliling halaman, ia boleh mengambil sedikit masa untuk menyeret beberapa kotak ke dalam posisi baru. Ia juga lebih produktif untuk anda atau pelanggan anda untuk memberi tumpuan kepada susun atur yang lebih awal ... anda tidak akan bermula dengan komen seperti "Saya tidak suka warna itu di sana!" Sebaliknya, anda akan bermula dengan susun atur dan struktur yang telah dimuktamadkan yang akan berdasarkan reka bentuk anda.