Membuat Prototype Dengan Photoshop dan InvisionApp

0
755
Membuat Prototype Dengan Photoshop dan InvisionApp

GarudaPixel.com – Banyak desainer pemula maupun handal dalam menggunakan aplikasi photoshop sebagai design website ataupun mobile, tapi, karena pada windows itu sangat jarang sekali aplikasi prototype layaknya flinto, principle, dll. Kini, aku ada solusinya.

Dalam pembuatan prototype, kita perlu membuat sebuah yang namanya hyperlink yang dimana link tersebut memiliki sebuah function pada suatu element ataupun draw rectangle link. Hyperlink tersebut juga memiliki sebuah transisi yang paling mendasar pada sistem UI design yakni fade In dan fade Out atau pun lainnya.

Membuat Prototype Dengan Photoshop dan InvisionApp

Sebenarnya, jika kita menggunakan aplikasi Adobe XD, di sana sudah tersedia sebuah bagian Design dan Prototype, jadi tidak perlu menggunakan tambahan aplikasi lain. Namun pada Photoshop, sayangnya tidak dan perlu menggunakan InvisionApp.com

Caranya mudah, kamu hanya perlu simpan desain atau export desain kamu ke bentuk PNG atau JPG, setelah itu kamu boleh kunjungi invisionapp.com dan buatlah sebuah projek baru bedasarkan projek kamu, maupun itu website atau mobile aplikasi.

Setelah itu, upload semua design kamu yang berbentuk PNG, JPG ke pada projek tersebut, setelah itu kamu bisa memulai dengan membuat sebuah hyperlink pada tiap elemen yang kamu ingin berikan sebuah aksi dan pada aksi tersebut memiliki destinasi yang berbeda. Silahkan simak video di bawah ini untuk lebih lengkapnya.

Terima kasih, semoga artikel Membuat Prototype Dengan Photoshop dan InvisionApp ini bermanfaat dan juga boleh kamu share ke pada teman atau rekan kerja kamu, salam Angga Risky, GarudaPixel.