UI/UX

Kuasai 8 Software Desain UI/UX Ini Dijamin Gampang Cari Pekerjaan!

Software UX Researcer
Avatar photo
Written by Techfor Id

Sebagai desainer UI atau UX, kalian tentunya membutuhkan tools desain yang dapat memenuhi tugas yang kalian kerjakan. Untuk dapat melakukan hal tersebut ada banyak sekali tools atau software gratis dan berbaya yang tersebar di Internet

Berikut ini kami sajikan beberapa software maupun tools untuk kalian :

1. Invision

Biaya :

  • Single Project – Gratis
  • 3 Project – $15 / Bulan atau Rp. 225.000
  • Unlimited Project – $25 / Bulan atau Rp. 375.000

Platform :

  • Web

Prototype untuk :

  • Android
  • IOS
  • Web

Sejauh ini InVision merupakan Tool desain paling populer di dunia. Tim mereka secara konsisten menambahkan fitur baru untuk membantu para desainer mengerjakan desain mereka lebih efektif lagi.

Dengan Project Management Page di InVision, Kamu dapat mengatur komponen desain ke dalam status Workflow. Kamu dapat mengatur kolom untuk Agenda, In-progress, Review, dan yang lainnya.

Kamu juga bisa menambahkan interaksi dan animasi ke gambar statis. Mengupload beberapa jenis file termasuk JPG, PNG, GIF, AI, dan PSD. InVision memiliki integrasi push dan pull dengan aplikasi seperti Slack, Dropbox, Box, Trello, JIRA dan masih banyak lagi.

kursus web

Banyak platform website maupun perusahaan besar yang menggunakan InVision dalam mengembangkan Project mereka seperti Uber, Salesforce, Twitter, LinkedIn, dan yang lainnya.

Baca Juga : Proses Desain User Experience (UX)

2. Adobe Experience Design

Biaya :

  • Free / Gratis

Platform :

  • OS X
  • Windows
  • Android
  • IOS

Prototype :

  • Web maupun Aplikasi

Dengan Adobe XD, Anda dapat menggambar, Re-use, dan mencampur vektor serta membangun karya seni untuk membuat Wireframe, Screen Layout, prototipe interaktif, dan aset siap produksi semuanya dalam aplikasi yang sama.

Kita dapat dengan mudah beralih dari desain ke prototipe langsung di dalam aplikasi. Juga, tambahkan interaksi dan transisi dan bagikan dengan rekan tim dan stakeholder untuk menguji tampilan dan nuansa desain kamu. Produk yang berasal dari adobe memungkinkan integrasi dengan beberapa produknya lainnya seperti Photoshop dan After Effects yang merupakan nilai tambah besar.

Desainer dapat lebih produktif dengan hanya mengimpor file dari tool Adobe mereka tanpa kesulitan. Klien dapat membuat komentar pada prototipe Anda ketika Anda berbagi secara langsung, dan melihat desain secara real time pada perangkat yang sebenarnya.

Baca Juga : Ingin Jago Desain ? Simak Pengertian Desain User Interface (UI)!

3. Origami Studio

Biaya :

  • Free / Gratis

Platform :

  • OS X

Prototipe Untuk :

  • Android
  • IOS

Origami awalnya di buat oleh Facebook untuk membantu timnya dalam membangun desain produk. Dengan Tool ini, kita bisa melihat mock up secara live di smartphone dengan menggunakan Fitur Origami Live.

Anda juga bisa mengexport komponen desain anda seperti animasi hanya dengan 1x klik, jadi teknisi anda bisa dengan mudah mengcopy-paste desain tersebut ke proyek mereka. Namun salah satu kekurangannya ialah kurangnya fitur kolaborasi, dan hanya sedikit cara dalam commenting dan viewing pada sepanjang sejarah versinya. Tool ini hanya cocok bagi freelance yang baru memulai bisnis.

4. Sketch

Biaya :

  • Free
  • $99 untuk Versi Full nya.

Platform :

  • OS X

Prototype untuk :

  • OS X
  • IOS
  • Web

Dalam banyak segi, Sketch hampir mirip dengan photoshop, membuat kamu bisa mengedit dan memanipulasi photo. Vektor pada Sketch mudah beradaptasi dengan perubahan gaya, ukuran, dan tata letak.

Vektor pada Sketch juga membuat workflow kamu menjadi lebih mudah dalam menghasilkan Artwork atau Seni dengan indah dan berkualitas tinggi dari awal hingga akhir.

Baca Juga : Teori Hooked Dalam UI/UX Menurut Web Designer Ternama

5. Axure

Biaya :

  • 30-day Trial — Free
  • Pro — $29/bulan ($495 harga software)
  • Team — $49/bulan ($895 harga software)

Platform :

  • OS X
  • Windows

Prototypes untuk:

  • Semua OS

Axure menyediakan prototipe yang canggih tanpa harus bisa coding. Axure menyediakan fitur-fitur seperti:

  • Dynamic Content untuk menyediakan fungsi hover jika ada.
  • Conditional Flow Statement untuk memeriksa kondisi
  • Fungsi matematika seperti menambah atau menghapus dari keranjang yang mencerminkan jumlah
  • Penyortiran berbasis data
  • Tampilan adaptif untuk ukuran layar tergantung pada ukuran layar pengguna
  • Menyisipkan Animasi pada prototipe

6. Webflow

Biaya :

  • Free untuk 2 proyek
  • Personal – $16 per bulan
  • Pro – $35 per bulan

Platform :

  • Web

Prototipe untuk :

  • Semua

Metode penjualan utama Webflow adalah menyediakan fungsionalitas yang kuat tanpa perlu menulis satu baris kode pun. Webflow sangat fokus pada animasi web, interaksi, dan desain web yang responsif. Meskipun Anda hanya dapat membangun, mendesain, dan menerbitkan seluruh situs menggunakan UI berbasis visual.

Setelah Anda memperbaiki mockup UI sesuka Anda, Anda dapat mengubahnya menjadi situs siap produksi hanya dengan satu klik. Fitur-fitur ini menarik bagi para desainer independen, yang sekarang memiliki opsi untuk mengekspor prototipe tanpa perlu developer.

Anda dapat meng-host prototipe Anda dengan Webflow atau mengekspor kode dalam HTML, CSS, dan JavaScript. Anda juga dapat membuat website dengan memilih satu di antara ratusan template webflow yang ada.

Baca Juga : Bagaimana Peran UI & UX Membuat Pengunjung Nyaman

7. Framer

Biaya :

  • Free Trial (14 Hari)
  • $15 per bulan

Platform :

  • OS X
  • Android
  • iOS
  • Window 10 Mobile

Prototipe untuk :

  • Semua

Framer adalah salah satu alat prototyping paling populer. Hal ini didasarkan pada premis bahwa dengan kode memungkinkan untuk membuat prototipe apa pun, menghasilkan desain yang baru dan indah.

Jika Anda tidak mengerti, Framer memiliki dokumentasi yang terstruktur dengan sangat baik. Selain itu, ada banyak video dan kursus di Udemy dan O’Reilly tentang alat prototipe UX. Mereka menawarkan pandangan langsung tentang bagaimana kode yang fleksibel dan canggih dapat menghasilkan desain prototipe yang canggih cangginh pula

8. Adobe Photoshop

Biaya :

Platform :

  • Windows
  • iOS
  • OS X

Prototipe Untuk :

  • Semua

Aplikasi yang satu ini siapa yang tidak kenal, Adobe Photoshop adalah sebuah aplikasi yang digunakan untuk memanipulasi foto tapi banyak juga yang gunakan aplikasi ini untuk membuat sebuah tampilan User-Interface dan Photoshop terbaru sudah menyediakan fitur Artboard untuk membantu para UI/UX Designer dalam hal pekerjaannya.

Berikutnya Baca : Mengenal Sejarah Bitcoin Dan Nilainya Dari Masa Ke Masa

Sumber : medium.theuxblog.com

About the author

Avatar photo

Techfor Id

Add Comment

Leave a Comment

Click to ask
Hai, Tanya-Tanya Aja
Hi ini Windy, dari techfor

Windy bisa membantu kamu memahami layanan Techfor
Seperti

1. Kursus Online By Expert
2. Partnership Event dan Konten
3. Layanan liputan multimedia
4. Dan hal lain yg ingin kamu tau

Kirim saja pesan ini serta berikan salah satu nomor diatas atau beritahukan windy lebih jelas agar dapat membantu Kamu