Tolls Untuk Membuat User Interface (UI)

 

Tolls Untuk Membuat User Interface (UI)

Interface (UI) adalah tampilan visual dari produk yang menghubungkan sistem dengan pengguna (user). Sistem ini bisa berupa website, aplikasi atau lainnya. UI atau user interface adalah layar yang berisi bentuk, warna, dan font yang dirancang semenarik mungkin

Berikut Tollsnya : 

1. Figma

    Tools UI UX yang pertama yakni Figma. Figma merupakan tools berbasis vector yang tentunya akan mempermudah kamu dalam membuat desain dengan cepat. 
    

Tools ini berbasis web yang terhubung dengan cloud sehingga kamu dapat mengaksesnya dimana saja dan dapat diakses menggunakan Google Chrome, MacOS, Windows, Linux, Mozilla Firefox, Opera, ataupun Safari. 
    

Tools ini memiliki kelebihan yakni dapat memungkinkan kamu bekerja secara bersamaan pada suatu projek.

Untuk akses Figma kalian lakukan pencarian di google dengan kata kunci : figma.com

2. Adobe XD

Adobe XD merupakan tools UI UX berbasis vektor untuk aplikasi web dan perangkat seluler yang dibuat oleh perusahaan Adobe. 

Adobe XD sengaja dirancang khusus untuk para designer yang berfokus untuk merancang interface aplikasi atau web. Tools ini paling popular digunakan oleh designer pemula hingga profesional karena kemudahan dan fitur yang banyak serta menarik. 

Contoh fitur yang dapat digunakan antara lain auto animate, voice trigger, Responsive Resize, Impor aset dari Photoshop, Content-Aware Layout, Illustrator, dan Sketch.

3. InVision

InVision merupakan tools UI UX untuk membuat desain prototype. InVision telah mengklaim bahwa mereka merupakan tools desain layer yang paling powerful di dunia. 

Hal ini karena mereka memberikan berbagai macam fitur untuk membuat desain, prototype, dan animasi yang sangat mudah dan praktis digunakan hingga proses kerja dapat dilakukan dalam waktu singkat.

Tools ini sangat membantu para desainer untuk membuat tampilan yang indah dan interaktif. Jika menggunakan tools ini, kamu dapat custom animasi dan transisi dari sejumlah gerakan dan interaksi. InVision juga sangat responsif.

4. Sketch

Sketch merupakan tools berbasis vektor yang berasal dari Mac. Jadi, jika kamu tidak memiliki Mac, maka kamu tidak dapat mengakses atau menggunakan aplikasi ini. 

Meskipun demikian, tools ini juga tidak kalah popular diantara para designer UI UX dalam membuat interface dan prototype hi-fi. Sketch dapat membantu designer untuk menciptakan sistem design dan menjaga interface agar tetap konsisten. 

Fitur dari Sketch sendiri juga dapat digunakan untuk banyak hal yang masih berhubungan dengan design UI UX seperti design ikon, ilustrasi vector, membuat user flow, dan sebagainya.

5. Adobe Illustrator

Adobe Illustrator adalah software berbasis program editor grafis vektor yang dibuat dan dikembangkan oleh perusahaan Adobe System. 

Aplikasi ini memiliki fungsi untuk menciptakan karya-karya grafis. Adobe Illustrator banyak digunakan oleh designer profesional dalam membangun design bisnis yang kreatif, inovatif dan menarik. 

Fitur yang ditawarkan oleh aplikasi yakni berupa tools canggih yang dapat membuat ilustrasi berbasis vektor, ikon, tipografi dan lainnya. Adobe Illustrator biasanya digunakan untuk membuat kebutuhan design mulai dari logo, grafik, karya seni, konten promosi, hingga situs web.

6. MockFlow

Mockflow merupakan sebuah tools yang memiliki fungsi untuk membuat kreangka dan menata design dalam sebuah web atau aplikasi. 

Tools ini memungkinkan designer untuk membangun layout dengan cepat. MockFlow dibuat untuk membantu sejumlah tugas UI UX designer dalam menyelesaikan proyek-proyek khas. 

Tools ini telah di support oleh beragam OS seperti Windows, Android, iOS, Mac OS, serta tools pendukung kerja yakni Google Drive, Trello, Jira, Google Docs, Google Suite dan lain-lain.

7. Miro

Miro adalah sebuah tools virtual whiteboard yang akan memudahkan pengguna untuk berkolaborasi dengan mudah dalam suatu proyek bersama. Miro bersifat cloud-based yang sangat cocok digunakan bisnis kecil hingga besar. 

Space whiteboard Miro sendiri tidak terbatas atau infinity. Miro sendiri dapat berfungsi dalam membuat gambar, PDF, video, file Office, hingga dokumen dari Google Drive, dan masih banyak lagi.

8. Flow Map

Flowmap merupakan campuran peta dan flow chart yang berfungsi untuk menunjukkan pergerakan benda dari satu lokasi ke lokasi lain. 

Flowmap dapat membantu analisis dan programmer dalam memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam analisis alternatif lain dalam pengoperasian.

9. Adobe Photoshop

Adobe Photoshop adalah sebuah aplikasi software berbasis grafis raster yang berfungsi untuk membuat dan mengedit gambar lalu menyimpannya dalam berbagai format. 

Fitur yang disediakan oleh Adobe Photoshop merupakan perwujudan dari tools yang ada yakni layers, eyedropper, Integrasi dengan Adobe Fonts, Match font, Select dan mask, Fill atau paint bucket. 

Aplikasi ini juga dapat menyimpan atau mengekspor gambar dan grafik dalam berbagai format file yang digunakan untuk tujuan berbeda. File format tersebut antara lain GIF, PDF, PSD, PSB, TIFF, RAW, PNG, JPEG, Cineon.