Cara Membuat Prototype UI Desain Aplikasi Berita Islami di Figma | Figma Tutorial

Wellcome Back to K Desain

Channel yang membahas seputar inspirasi desain baik itu Figma desain, Photoshop desain, Adobe Illustrator desain dan lainnya.

{tocify} $title={ Daftar Isi }


Kali ini kita akan kembali membuat sebuah Prototype UI Desain Aplikasi Berita Islami di Figma, aplikasi ini berguna untuk mempermudah umat muslim untuk mengingatkan seperti waktu solat dan sebagai penanda seseorang muslim sudah membaca alquran sudah berapa halaman dan juga sebagai media untuk melihat tausiah yang disampaikan oleh para Ustazd secara Live walaupun via mobile.

Sedikit Pembahasan nih seputar UI Desain !!


User Interface atau biasa disebut dengan UI desain adalah sebuah sistem yang merupakan bagian terpenting dari program apapun karena sangat menentukan seberapa mudah program tersebut merespon perintah dari si pengguna.

Tujuan User Interface atau UI Desain adalah untuk memberikan interaksi yang baik dan menyenangkan, serta memudahkan pengguna dalam menjalankan aplikasi atau web tersebut.

Baca juga : Cara Membuat Prototype UI Desain Aplikasi Rental Mobil di Figma

UI Designer lebih fokus pada visualisasi, coloring, dan hal-hal yang berkaitan dengan kreativitas dari interface yang akan digunakan oleh user.

Karena User interface berhubungan dengan layar, oleh karena itu desain yang baik merupakan indikator yang sangat penting bahwa pengguna tertarik untuk menggunakan website tersebut. Selain itu, estetika, waktu respons, dan isi adalah bagian terpenting dalam menciptakan antarmuka pengguna yang baik.

Oke Kita Lanjut ke Project Desain !!

Untuk tahap awal yang perlu dilakukan dalam Membuat Prototype UI Desain Aplikasi Berita Islami adalah membuat sebuah seketsa awal dari sebuah desain UI yang ingin kita buat contohnya sebagai berikut.


Untuk kode warna yang kita gunakan dalam desain Prototype UI Desain Aplikasi Berita Islami ini terdapat 5 kode warna yaitu #F5AC1C, #429971, #52BE94, #E92626 dan #FFFFFF, untuk warna yang dihasilkan bisa dilihat pada gambar dibawah.

Setelah semua komponen untuk membuat UI desain aplikasi islami sederhana yang berbasis mobile sudah siap nah, sekarang saat nya untuk memulai mendesain pada aplikasi Figma.

Untuk tutorialnya silahkan ikuti vidio dibawah ini

Untuk melihat prototype project Figma desain UI Aplikasi islami sederhana diatas silahkan kunjungi komunitas Figma pada link dibawah ini Link Project :

klik disisni 


#UIUX #Figma #Tutorial







1 Komentar

Lebih baru Lebih lama