Cara membuat GUI di Visio

Microsoft Visio dapat digunakan untuk membuat banyak jenis desain GUI.

Langkah 1

Buka Microsoft Visio. Buat gambar baru dengan mengklik ikon gambar kosong. Tekan tombol "Buat".

Langkah 2

Klik pada jendela "Formulir" di sisi kiri layar. Pilih "Lebih banyak bentuk" Pilih "Bentuk dasar dalam unit Amerika". Klik pada "Formulir cepat".

Langkah 3

Buat kotak judul dengan mengklik kanan pada bentuk kotak persegi panjang dan menyeret bentuk ke area gambar. Ubah ukuran kotak untuk menutupi sekitar 15% dari luas atas gambar.

Langkah 4

Buat kotak menu navigasi dengan mengklik kanan pada bentuk kotak persegi panjang dan menyeretnya di bawah kotak judul. Ubah ukuran kotak untuk memiliki tinggi sekitar setengah inci (1, 27 cm) dan lebar yang sama dengan kotak judul.

Langkah 5

Buat kotak besar untuk tubuh utama dengan mengklik kanan pada bentuk kotak persegi panjang dan menyeretnya di bawah kotak menu navigasi. Ubah ukuran kotak sehingga memiliki lebar yang sama dari judul dan kotak menu navigasi dan untuk menutupi bagian bawah area gambar.

Langkah 6

Buat dua persegi panjang dengan mengklik kanan pada bentuk persegi panjang dan menyeretnya ke area gambar dua kali. Ubah ukuran setiap frame sehingga keduanya pas ke salah satu bagian dari bingkai bodi utama. Pindahkan setiap kotak untuk mengakomodasi mereka berdekatan satu sama lain di dalam tubuh utama.

Langkah 7

Buat bidang teks untuk mewakili tautan navigasi dengan mengklik tombol "Teks A" di bagian atas bilah navigasi. Pilih area di dalam kotak navigasi untuk membuat bidang teks kecil dengan mengklik dengan tombol kiri mouse. Gerakkan mouse untuk mengubah ukuran bidang sesuai dengan panjang yang Anda inginkan. Tuliskan teks untuk membaca "Halaman Utama".

Langkah 8

Buat empat bidang teks lainnya menggunakan tombol kiri mouse. Tulis "Item Menu" di setiap kotak. Ubah ukurannya agar sesuai dengan ukuran kotak "Halaman Utama".

Langkah 9

Pilih area di dalam kotak judul utama dan buat bidang teks dengan deskripsi "Judul utama".

Langkah 10

Buat kotak teks di setiap kotak yang terletak di dalam area konten utama dari gambar. Berikan deskripsi ke setiap kotak teks, misalnya "Area konten". Ubah ukuran setiap kotak teks menjadi ukuran yang sama. Pilih tombol "Pointer" di bagian atas menu navigasi.

Langkah 11

Simpan gambar dengan mengklik "File" dari menu navigasi atas dan pilih "Save as."