Halo teman semua, pada hari ini saya akan memposting materi tentang apa itu wireframe.
LATAR BELAKANG
Dalam membuat projek baru, kita membutuhkan suatu perencanaan dengan perencanaan apa yang akan kita targetkan maka akan tercapai. Sama halnya dengan membuat website kita juga membutuhkan perencanaan, salah satunya dengan membuat kerangka halaman web yang akan kita bangun. Untuk itu kita bisa menggunakan WireframeSketcher untuk membantu dalam pembuatan kerangka halaman webnya.
MAKSUD DAN TUJUAN
Dengan menggunakan wireframesketcher kita dapat membuat kerangka halaman yang akan kita buat lebih sepat dan mudah.
PEMBAHASAN
Apa itu Wireframe?
Wireframe merupakan kerangka dasar dari halaman web yang akan kita bangun. Secara visual tampilan dari wireframe ini hanya terdiri dari kotak dan garis yang menandakan posisi dari masing-masing element dari layout halaman web.
Apa saja manfaat dari wireframe?
Manfaat dari wireframe :
- Bisa membantu client untuk fokus pada kerangka utama dari pembangunan halaman web tersebut.
- Bisa menggiring client untuk fokus pada fitur, elemen, dan posisinya dalam web tanpa terganggu perhatiannya oleh warnanya, typografi atau elemen disain lainnya.
- Dengan wireframe yang hanya berupa kotak hitam putih maka akan lebih mudah bagi kita untuk mendeteksi apa yang tidak bekerja dari sisi usability, fungsionalitas.
Install WIreframeSketcher
- Langkah pertama kita memdownload aplikasinya terdahulu, untuk mendownload aplikasi WireframeSketcher bisa disini.
- Download aplikasinya sesuai dengan OSnya. Kemudian klik download aplikasinya.
- Tunggu hingga proses download selesai.
- Kemudian buka software manager. Kemudian search "wireframe", apabila aplikasinya sudah ada berarti sudah terinstall.
- Anda bisa langsun membukanya, dibawah ini adalah tampilan wireframe:
KESIMPULAN
Kita bisa menggunakan wireframesketcher guna untuk membantu membuat kerangka halaman yang akan kita buat akan lebih mudah dan cepat.
REFERENSI
http://www.tutorial-webdesign.com/wireframe-sebagai-tahap-awal-pembuatan-desain-web/
http://wireframesketcher.com/download.html
Sekian dan terimakasih
Wassalamualaikum wr.wb
0 komentar:
Posting Komentar