Artikel

Home > Artikel
 

 

Menggunakan Wireframe dalam Merancang Desain Web


Diposting : 2015-01-26 oleh : WebHozz

disini ada gambar

wireframe

Tentunya teman-teman dalam merangcang sebuah halaman website memerlukan sebuah konsep. Biasanya konsep bisa menggunakan berbagai macam cara, diantaranya mungkin teman-teman membuat sebuah rancangan web desain dengan menggambarnya di kertas atau bahkan dengan bantuan tools software. Kenapa kita harus melakukan atau membuat konsep dalam mendesain sebuah web?

 

Wireframe sendiri merupakan kerangka halaman yang akan kita buat atau ilustrasi dasar dari struktur dan komponen dari suatu website.  Seperti kita akan melakukan penempatan misalnya untuk membuat header, menu, konten (isi), footer, link. Tampilannya biasanya berupa kotak-kotak yang menandakan bagian dari masing-masing div yang kita buat.

disini ada gambar

wireframe

Wireframe juga efektif dan efisien karena menghemat waktu dan biaya, menghindari revisi-revisi yang terlalu banyak, serta memudahkan dalam revisi atau perbaikan. Bahkan dapat berguna ketika kita ingin memvisualisasikan ide dengan lebih mudah dibanding melakukan penjelasan secara lisan kepada klien. Untuk itulah sangat baik untuk dijadikan sebagai dasar atau pondasi dalam melayout sebuah website.

Hal yang paling sederhana dalam membuat sebuah wireframe mungkin dengan menggambarkannya diatas kertas. Ya teman-teman kita bisa memulai dengan membuat sketsa. Semakin rumit atau kompleks layout suatu web, maka akan semakin rumit juga kita dalam membuat wireframe.

Beberapa hal yang perlu diperhatikan dalam membuat wireframe persiapkan elemen-elemen yang ingin ditampilkan tadi teman-teman seperti header, content, footer dan kita bahkan bisa membuat wireframe sedetail mungkin tergantung dari gambaran apa saja yang ingin ditampilkan oleh website. Untuk lebih mudahnya bisa menggunakan tool dalam membuat wireframe.

Oke teman-teman WebHozz, semoga bermanfaat ya.. :)

Sumber : http://www.webhozz.com/blog/menggunakan-wireframe-dalam-merancang-desain-web/




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,