Sobat ASN yang pernah membuat Google Forms (GForms) pasti pernah merasa tidak puas. Setelah bisa membuat formulir daring, ingin membuat jadi lebih indah. Salah satunya dengan menambahkan kepala formulir (form header). Desain bawaan (default) GForms seperti berikut.
Hanya berlatar ungu khas GForms, tanpa ada header, tentunya kurang menarik. Padahal, dengan ditambah header, tampilan akan menjadi lebih menarik.
Untuk membuat header GForms bisa dibilang gampang-gampang susah. Asal tahu triknya, bisa dibuat dengan mudah dan cepat! Ikuti caranya di bawah ini.
1. Buka aplikasi desain
Pada tutorial ini menggunakan Canva karena anggota grup ASN Jago Desain cukup familiar dengan aplikasi tersebut.
Setelah Canva terbuka, jika mencoba cari templat header GForms dengan kata kunci pencarian “header” tidak akan ditemukan.
Hingga tutorial ini ditulis, memang Canva belum menyediakan templat header GForms. Oleh karena itu, kita harus membuatnya sendiri dari nol.
2. Tentukan resolusi
Resolusi di sini bukan target capaian yang biasa dibuat pas tahun baru, ya.. Bagi yang belum paham konsep resolusi, silakan belajar instan lewat video ini. Bagi yang sudah paham resolusi, harap diingat bahwa resolusi untuk header GForms berukuran 1.600 X 400 atau dalam rasio adalah 4:1. Dengan kata lain, lebarnya adalah empat kali tingginya.
Sebelum mendesain header, tentukan dulu ukuran kanvas gambar di Canva dengan cara klik tombol bertuliskan Custom Size di area kanan atas.
Lalu tuliskan ukurannya seperti gambar berikut.
Akhiri dengan klik tombol Create new design. Jika langkah ini benar, akan terbuka dokumen Canva baru seperti ini.
Di bagian memang ada semacam timer yang biasa digunakan. Terlihat timing selama 5 detik. Abaikan saja karena pada tutorial ini akan membuat suatu gambar diam sebagai header, bukan gambar bergerak (GIF/video).
3. Aktifkan garis pandu dan penggaris
Klik tombol File di area kiri atas. Untuk mengaktifkan garis pandu, centang dan penggaris, pastikan Show rulers dan Show guides dicentang.
Jika langkah ini benar, penggaris akan muncul di atas dan kiri area gambar seperti ini.
4. Buat garis pandu
Mungkin Sobat ASN berpikir mengapa harus repot-repot aktifkan penggaris dan garis pandu untuk sekedar membuat header GForms. Jadi ceritanya begini.. Pada tampilan tertentu, header akan tertutupi oleh formulir itu sendiri. Pada tampilan di HP memang tidak ada masalah karena tidak terlihat tertutup oleh formulir. Tapi ketika ditampilkan pada resolusi layar besar, jika header memiliki informasi/teks penting, bagian tersebut akan tertutupi dan menjadi masalah baru. Contohnya seperti ini.
Sekarang buat garis pandu horizontal berjarak 250 piksel dari tepi atas (satu garis horizontal) dan garis pandu vertikal berjarak 375 dari tepi kiri dan 1.225 dari tepi kiri (2 garis vertikal). Sekali garis pandu dibuat, garis tersebut akan tampak di semua halaman. Jika tahap ini benar, hasilnya harus seperti ini.
Satu hal yang perlu diingat adalah bahwa ketika garis pandu digeser, penggaris di tepian akan menampilkan angka pada posisi piksel berapa. Berikut contoh penampakannya.
5. Membuat desain header
Sekarang saatnya membuat desain header. Jika ingin praktis, bisa gunakan templat yang disediakan Canva. Yang penting, hindari informasi penting pada bagian bawah tengah. Pembagian areanya seperti berikut.
Berikut ini contoh desain GForms yang sudah jadi dan siap untuk diunggah ke GForms.
Bagaimana.. mudah, kan? Jika ada pertanyaan/kebingungan terkait desain header Gforms, silakan bertanya melalui grup Telegram ASN Jago Desain di alamat: t.me/ASNJagoDesain
Jika memiliki pertanyaan selain desain, tapi tentang tekonologi, informasi, dan digital, silakan tanyakan melalui: https://asnation.id/digit/
