Adobe XD - Membuat Login Form  Sederhana

April 13, 2017
Simple Login Form  -  Adobe XD - Ekuiva

Beberapa hari yang lalu saya telah mengerjakan sebuah project kecil-kecilan yakni membuat sebuah konsep form login. Konsep form login ini saya buat dan saya share di Channel Ekuiva Youtube. Kenapa saya membuat form login dengan konsep material desain ini, karena saya tertantang untuk membuat form hasil karya saya sendiri.

Banyak karya-karya yang saya lihat diberbagai web portfolio. Dan dari situ bersemangat untuk membuat sebuah karya desain ini. Kedepannya, akan ada banyak yang saya buat dan saya share disini. Sehingga bisa dijadikan referensi juga buat teman-teman dalam hal desain user interface ini.

Berikut hasil video yang saya rekam, saya sengaja edit jadi speed art karena biar tidak telalu bosan menontonnya. Untuk mengetahui lebih banyak lagi video-video saya, klik link Youtube Ekuiva Channel ini.
Untuk mengetahui lebih jelasnya silahkan kunjungi beberapa link, dan subcribe untuk mengetahui update project terbaru :


Namun disini saya akan lebih menjelaskan konsep mendasar mengenai bagaimana kita bisa membuat desain interface yang keren, modern tentunnya ini mudah diimplementasikan oleh para pemula. Ada beberapa tips ketika kita akan belajar bagaimana membuat sebuah project menggunakan Adobe XD ini, diantaranya adalah fokus pada konsep desain yang simple dan sesuai dengan kebutuhan utama para users.

Menurut beberapa sumber, termasuk Wikipedia sebelum kita perlu fokus pada konsep apa yang akan kita kerjakan pada project ada baiknya kita harus memahami Design thinking. Dan ini adalah hal yang mendasar sebelum kita belajar lebih mendalam mengenai konsep desain inerface yang diimplementasi menggunakan Adobe XD nantinya.





Apa sebenarnya maksud dari design thinking ini, dan bagaimana penerapan proses design thinking ini untuk para pemula di bidang interface desinger lalu bagaimana penerapan konsep tersebut kedalam canvas desain menggunakan Adobe XD nantinya. Mari kita bahas satu-persatu komponen yang bisa kita pelajari dari hal tersebut.

Pengertian desain thinking
Merupakan sebuah konsep yang dipergunakan untuk para desainer user inteface ketika membuat ide kreatif dan inovatif dengan memiliki alur proses yang diimplementasikan oleh desainer. Jadi intinya, kamu harus bisa melakukan perancangan desain, dan  konsep desain strategis sebelum benar-benar diimplementasikan kedalam sebuah project. Dan tidak hanya itusaja, desain thinking ini harus memiliki alur proses yang jelas dan bisa menghasilkan sebuah goal yang kreatif.

Ini berguna sekali ketika kita akan membuat sebuah produk yang nantinya akan dikeluarkan oleh client kita kepada customer. Mereka harus tau seperti apa respon dari konsep ide desain thinking ini. Seberapa jauh mereka memahami alur dari proses desain thinking yang dibuat untuk menciptakan pasar. Nah, itulah beberapa hal sebelum kita benar-benar memahami desain interface yang lebih luas lagi, kita perlu mengetahui alur desain thinking yang akan kita buat.

Saya telah mengimplementasikan desain thinking ini pada project membuat login form sederhana tersebut. Dalam hal ini saya fokus pada komponen-komponen yang saya pergunakan seperti login user dengan menggunakan dua metode. Ada yang fokus pada penggunaan email atau username, atau bisa juga menggunakan facebook atau akun google.

Semuanya bisa kita pelajari, bagaimana respon dari user kita. Apakah mereka menyukai konsep kita atau tidak. Tergantung seberapa kreatif ide kita nantinya. Jadi tetap harus fokus pada pemecahan ide-ide kreatif kita.

Step-by-step membuat login form

Ada beberapa step-by-step yang bisa kita kerjakan untuk membuat form ini, sebenarnya didalam video bisa dilihat secara jelas bagaimana membuat form login tersebut. Namun disini saya akan fokus pada penggambaran ide, agar lebih memahami maksud dari project saya ini. Seperti contoh berikut pada gambar dibawah ini.

Adobe XD - Membuat Login Form  Sederhana - Ekuiva

Didalam proses pembuatan form login sedererhana ini saya fokus hanya melakukan beberapa langkah, yaitu 4 langkah proses pembuatan konsep desain menggunakan Adobe XD ini. Dan ini sangat memudahkan sekali tidak perlu banyak tools yang harus dikuasai ketika ingin membuat form login ini.

Contoh prototype menggunakan Adobe XD
Ada beberapa fitur yang bisa kita manfaatkan ketika menggunakan adobe XD ini, terutama ketika ingin membuat sebuah prototype sebuah project web atau mobile. Didalam adobe XD ini telah disediakan fitur untuk melakukan pembuatan prototype.

Seperti contoh dibawah ini, saya telah membuat sebuah prototype sederhana tentang form login ini. Dan ini hanya konsep proses pembuatan, bukan prototype link yang menghubungkan antar halaman.

Adobe XD - Membuat Login Form  Sederhana

Dengan adanya fitur prototype ini project kita bisa lebih interaktif dan bisa kita publish rancangan interatifnya. Bahkan link dari project kia bisa kita share setelah kita upload ke Share Online di Akun Adobe tersebut, sehingga orang diluar sana bisa melihat hasil project kita dengan hanya mengklik link yang sudah kita dapatkan.

Jika kamu tertarik untuk mencobanya, dan ingin menginstall Adobe XD ini dikomputer kamu, berikut link Download Adobe XD yang bisa dikunjungi. Untuk sementara ini software Adobe XD ini masih gratis dan masih bisa kamu gunakan secara bebas. Jadi tidak perlu khawatir tentang lisensi produk tersebut, karena mereka masih bebas kita menggunakannya.

Oke, untuk pengenalan tentang belajar membuat login form ini sampai disini dulu, dan kedepannya saya akan membuat project kreatif & tutorial lainnya. Tentunya dengan konsep & resouce yang lebih baik lagi dari sebelumnya. Sehingga teman-teman bisa menambah wawasan mengenai konsep user interface ini.

Dan ada beberapa project yang sudah saya kerjakan juga, dan project tersebut menggunakan Adobe XD juga, sehingga teman-teman bisa lebih memahami cara penggunaan Adobe XD tersebut. Lihat bagaimana saya membuat project kreatif tersebut secara lengkap dan bagaimana saya membuat project dari canvas yang masih kosong, hingga menjadi sebuah web desain yang keren.

Link tutorial lainnya:

Semoga teman-teman bisa termotivasi lagi untuk membuat karya-karya yang lebih baik lagi kedepannya dan bisa lebih menginspirasi lagi sehingga bisa lebih luas lagi dampak dari kreatif teman-teman. Terimakasih sudah membaca tulisan ini, silahkan subcribe Channel Youtubenya Ekuiva, dapatkan update terbaru yang lebih keren lagi.

------

Ingin Jadi Penulis di Ekuiva ?
Ekuiva membantu kamu untuk bisa menuliskan ide-ide tentang karya kamu dan mempublishnya berbagi dengan teman-teman yang lain. Dan tentu ini bisa sangat membantu kamu untuk bisa menjadi seorang penulis yang memiliki banyak karya. Disini bisa kamu share ide, karya, project kamu yang bisa bermanfaat. Untuk lebih lengkapnya, kunjungi Formulir Kontributor Penulis.




Tidak ada komentar:

Diberdayakan oleh Blogger.