Tips Pembuatan Mockup Menggunakan Balsamiq

TIPS TRIK BALSAMIQ

• Warnai mobile - pakai rectangle / text area - drag di dalam perangkat
• Tambahkan links - untuk menarik - real
• Untuk menu pakai - layout - pilih button bar

Tutorial Pembuatan Mockup Aplikasi

1. Menu IOS - pilih iphone - drag in - lalu zoom out / kecilkan - taruh ditengah
2. Iphone model 6,7,8 - top bar on - resizing maintain proportions sebelah kanan
3. Setelah itu klik kanan pilih lock iphone = tujuannya biar hpnya nga gerak" sehingga mempermudah kita mendesain nanti
4. Lalu kita gandakan wireframe/ hpnya dulu - tujuannya agar semua perancangan desain mockup aplikasi kita lebih rapi, karena kita menggunakan 1 ukuran mobile yang sama sampai proses pembuatan mockup ini selesai. (caranya klik kanan - pilih duplicate lalu zoom out / kecilkan agar sama seperti wireframe 1.)
5. setelah selesai duplicate - kita mulai cara buat mockup aplikasinya

• Tampilan Awal

Menu text - pilih a big title = ketik SIPAKEL

Duplikat sipakel - ctrl c , ctrl v /ctrl d. warna = green (009E0F). text = bold, italic, rata tengah, ukuran 32.

A big title= ketik Ketsoblak. warna = yellow4. text = bold, underline, rata tengah, ukuran 28.

Atur peletakan judul aplikasinya - lalu blok 2 text itu - klik kanan - grouping - atur letaknya  pada hp

Menu text - pilih label - ketik Aplikasi Layanan Online Administrasi Kelurahan.strate = disabled. text = rata tengah, ukuran 13 - atur letaknya pda hp

Menu forms - pilih h,rule - opasity tengah - letak dibawah layanan apk - duplikat garis - taruh diatas dan dibawah - atur kerapian letak - selesai tampilan awal

Lalu ubah nama wireframe 1 = tampilan awal rancangan aplikasi ataline