Illustration Design

User Interface Design Series from UI-UX Research and Design Path MySkill.id

Hello! Pada topik kali ini kita akan belajar tentang ilustrasi dalam UI Design. Ilustrasi telah menjadi elemen yang semakin populer dan banyak digunakan dalam dunia UI. Ilustrasi menawarkan cara yang menarik dan kreatif untuk menyampaikan pesan, memperjelas informasi, dan meningkatkan pengalaman user. Dalam materi ini, kita akan membahas pengertian ilustrasi, fungsi ilustrasi, prinsip yang digunakan dalam membuat ilustrasi, serta ukuran dalam ilustrasi.

Ilustrasi dalam UI Design. Sumber: Hands by Ivan Mesaroš

Pengertian Ilustrasi

Ilustrasi dalam UI Design adalah gambar visual yang diciptakan untuk melengkapi dan memperkaya desain interface. Ilustrasi tidak hanya berfungsi sebagai elemen dekoratif, tetapi juga sebagai alat untuk membantu mengomunikasikan ide, menyampaikan pesan, dan memandu user melalui berbagai tugas ketika menggunakan produk.

Ilustrasi dalam UI Design dapat berupa gambar vektor, gambar berwarna, karakter, ikon, atau ilustrasi animasi. Dalam desain modern, ilustrasi sering kali dikombinasikan dengan tipografi dan elemen desain lainnya untuk menciptakan tampilan yang unik dan menarik.

Fungsi Ilustrasi

1. Memberi pesan kepada user. Ilustrasi memungkinkan UI Designer untuk menyampaikan pesan kompleks dengan cara yang lebih mudah dipahami oleh user. Dengan ilustrasi, ide-ide abstrak atau informasi yang rumit dapat dijelaskan secara visual, sehingga user dapat memahaminya dengan lebih cepat.
2. Menggambarkan sebuah situasi. Ilustrasi dapat digunakan untuk menceritakan kisah atau menjelaskan konsep dengan cara yang menarik dan menarik. Misalnya, dalam proses membuat akun baru pada suatu aplikasi, ilustrasi dapat digunakan untuk membantu user memahami langkah-langkah yang perlu mereka lakukan.
3. Membuat UI lebih mudah dimengerti. Dalam UI Design, ilustrasi dapat digunakan sebagai pemandu untuk membantu user berinteraksi di dalam suatu produk. Misalnya, ikon-ikon ilustrasi dapat digunakan untuk menunjukkan fungsi tombol, link tautan, atau bagian penting lainnya dalam desain interface.
4. Meningkatkan pengalaman user. Ilustrasi dapat meningkatkan daya tarik dan kesan positif user terhadap sebuah aplikasi atau situs web. User akan merasa lebih terhubung dengan interface yang menggunakan ilustrasi yang menarik, sehingga membantu menciptakan pengalaman user yang lebih positif.
5. Menciptakan brand awareness. Ilustrasi dapat membantu menciptakan identitas merek yang kuat dan mudah diingat. Ketika ilustrasi konsisten digunakan dalam seluruh produk atau platform, hal itu dapat membantu membedakan merek dari kompetitor dan membangun kesan yang khas di benak user.

Prinsip dalam Membuat Ilustrasi

1. Pahami konteks dari ilustrasi. Sebelum mulai membuat ilustrasi, penting untuk memahami tujuan dan konteks penggunaan dari ilustrasi tersebut. Setiap ilustrasi harus memiliki tujuan spesifik dan mendukung konten atau tugas yang ingin dicapai oleh user. Pemahaman yang jelas tentang konteks suatu produk akan membantu menciptakan ilustrasi yang relevan dan efektif.
2. Empati dan user centered. Dalam menciptakan ilustrasi untuk UI Design, kita harus selalu berfokus pada user. Pertimbangkan siapa target audiens dari suatu produk, dan sesuaikan ilustrasi agar sesuai dengan preferensi dan kebutuhan user tersebut. Ilustrasi yang menggambarkan pengalaman dan emosi yang relevan dengan user akan lebih efektif dalam menciptakan koneksi dan membangun interaksi yang positif.
3. Sederhana, jelas, dan tidak terlalu kompleks. Ilustrasi dalam UI Design harus sederhana dan mudah dipahami oleh user. Tentukan pesan apa yang ingin disampaikan pada ilustrasi yang dibuat. Hindari penggunaan elemen yang rumit dan berlebihan karena dapat menyebabkan kebingungan dan mengurangi efektivitas ilustrasi. Perhatikan juga bahwa ilustrasi harus berfungsi dengan baik dalam ukuran kecil, seperti pada ikon dan thumbnail.
4. Selaras dengan gaya desain. Pastikan ilustrasi yang dibuat sejalan dengan gaya desain keseluruhan. Konsistensi visual sangat penting dalam menciptakan pengalaman user yang menyatu dan mudah diingat. Gunakan palet warna yang konsisten, bentuk yang seragam, dan pengaturan artistik yang cocok dengan desain keseluruhan.
5. Aksesibilitas yang baik. Usahakan ilustrasi yang kita buat mengacu pada konsep yang menekankan pada penciptaan desain yang dapat diakses oleh semua orang, termasuk user yang memiliki keterbatasan fisik atau kognitif. Pastikan ilustrasi yang kita buat memenuhi standar aksesibilitas, seperti memberikan teks alternatif untuk deskripsi ilustrasi bagi user.

Ukuran pada Ilustrasi

Dalam membuat sebuah ilustrasi, UI Designer harus mempertimbangkan dua jenis ukuran yaitu scene dan spot. Ukuran scene mengacu pada dimensi keseluruhan ilustrasi, sementara ukuran spot berkaitan dengan elemen ilustrasi yang lebih kecil dan lebih fokus.

1. Scene. Ukuran scene dalam ilustrasi mengacu pada dimensi keseluruhan gambar atau ilustrasi utama yang menyajikan cerita atau tema tertentu. Ukuran scene sangat penting karena ini adalah elemen yang pertama kali dilihat oleh user saat berinteraksi dengan produk.
2. Spot. Ukuran spot dalam ilustrasi merujuk pada elemen-elemen ilustrasi yang lebih kecil dan lebih terperinci. Spot ini dapat berupa karakter, objek, ikon, atau elemen penting lainnya yang memberikan informasi tambahan atau menarik perhatian user.

Nice! Demikian materi pembahasan pada topik Illustration Design kali ini. Ilustrasi dalam UI Design adalah elemen yang kuat dalam meningkatkan pengalaman user dan menambah daya tarik visual. Dengan memperhatikan fungsi, prinsip, dan ukuran ilustrasi seperti penjelasan di atas, UI Designer dapat menciptakan ilustrasi yang efektif, relevan, dan menyatu dengan desain keseluruhan. Hal ini akan berdampak positif dalam menciptakan pengalaman user yang menarik dan menyenangkan.

Buat kamu yang mau belajar lebih dalam tentang ilustrasi, sila meluncur ke video pembelajaran berikut https://myskill.id/course/illustration-design