Wireframe
Wireframe(Gambar rangka) adalah garis besar dasar pengalaman digital, seperti aplikasi atau situs web, dibuat berupa garis dan bentuk dengan beberapa teks.Wireframes membentuk struktur dasar halaman. sebelum pertimbangan visual, seperti warna atau gambar, ditambahkan.Wireframes berfungsi sebagai garis besar untuk membuat tim berada di halaman yang sama di awal proyek.
Saat menggambar wireframe,harus memikirkan bagaimana fungsionalitas,membantu desainer menghemat waktu dan sumber daya.Wireframes memungkinkan tim untuk dengan cepat mencoba opsi desain yang berbeda.Wireframes dapat dibuat dengan tangan atau dengan menggunakan alat digital.
Keuntungan membuat wireframes :
- Wireframes menginformasikan elemen untuk disertakan dalam desain.
- Wireframes membantu menangkap masalah lebih awal.
- Wireframes memungkinkan untuk memetakan bagaimana semua elemen akan terlihat pada setiap halaman dan bagaimana pengguna akan menavigasi dari halaman ke halaman.
- Wireframes membuat fokus pada struktur daripada detail seperti warna dan teks.
- Wireframes memungkinkan menghemat waktu dan tenaga.
- Wireframes sebagai panduan bagi semua orang yang terlibat dalam proyek.
- Wireframes memungkinkan untuk beralih dengan cepat.
Gestalt Principles
Tiga Prinsip Gestalt:
- Similarity (Kesamaan) berarti bahwa unsur-unsur yang mirip (dalam bentuk, ukuran, atau warna, misalnya) dianggap memiliki fungsi yang sama.
Contoh:
- Proximity (Kedekatan) berarti bahwa unsur-unsur yang berdekatan tampak lebih terkait daripada hal-hal yang berjarak lebih jauh.
Contoh:
- Common region (Wilayah umum) berarti bahwa elemen-elemen yang terletak di dalam area tertutup yang sama dianggap dikelompokkan bersama.
Contoh :
