Tools yang dapat digunakan untuk mendesain UI/UX

 


    

Pada kali ini kita akan membahas tentang tools yang digunakan bagi seorang UI/UX Design. Tools yang digunakan ini adalah hal yang paling utama digunakan dalam menjalankan suatu project desain. Tak dapat dipungkiri bahwa user interface adalah suatu komponen penting dalam sebuah website atau aplikasi yang harus memiliki tampilan yang baik dan mudah digunakan oleh pengunjung/pengguna.

    Menjadi seorang UI/UX desainer bukan perkara yang sulit. Anda cukup mengenal dan menguasai designer tools untuk UI/UX terbaik. Selama beberapa tahun terakhir, kombinasi Sketch dan InVision telah menjadi pilihan populer bagi banyak desainer, tetapi masih banyak tools lain yang menawarkan fitur dan opsi yang lebih kompetitif. Dan kembali lagi kepada kamu, tools mana yang kamu rasa nyaman digunakan dan cepat saat menggunakannya.

Berikut saya rangkum 5 tools yang populer digunakan oleh para UI/UX Designer

 1.     Figma

        Figma memudahkan kamu membuat desain tampilan dengan cepat. Figma ini adalah platform yang berbasis web, jadi bisa dijalankan dengan hanya menggunakan web browser yang kamu punya seperti: Google chrome, Mozilla Firefox, Opera dan atau Safari. Kalian bisa klik di sini untuk menuju Website Figma

        Karena figma berbasis web, maka figma ini bisa dijalankan disemua sistem operasi baik itu Windows, MacOS atau Linux.

        Kelebihan dari figma ini adalah bisa menjadi tools kolaborasi dimana memungkinkan kita dapat bekerja secara bersamaan pada suatu project. Tentu ini sangat efektif bila kita sedang mengerjakan suatu project dengan Developer, Designer atau Copy Writer secara langsung dalam waktu yang sama.

 2.Adobe XD

        Adobe XD adalah tools yang dibuat oleh perusahaan Adobe dan berada pada koleksi Adobe Creative Cloud. Berbeda dengan koleksi Adobe lainnya, Adobe XD ini adalah aplikasi yang khusus dibuat untuk para desainer yang berfokus merancang antaramuka aplikasi atau web yang disebut dengan UI/UX Designer.

        Adobe XD ini juga salah satu tools yang paling populer digunakan oleh para desainer profesional maupun pemula karena kemudahannya dan juga fitur yang banyak serta menarik. Seperti misalnya fitur voice trigger, auto animatenya, responsif dan lainnya. Untuk melihat tutorialnya bisa dilihat pada  TUTORIAL Adobe XD

3.   Invision

        Tools ini tentunya sangat populer dikalangan banyak UI Designer. Karena kenapa? tools ini baru dirilis sejak beberapa bulan yang lalu. Dan sekarang Invision sudah bisa diinstal di Windows dan MacOS.

        Invision bisa membantu kita para desainer untuk membuat tampilan dengan indah dan interaktif. Kamu bisa membuat custom animasi dan transisi dari sejumlah gerakan dan interaksi. Selain itu, kamu juga dapat membuat hanya dengan satu artboard untuk beberapa perangkat, alias responsif. Ini tentu menghemat waktu pengerjaan desain kita untuk lebih banyak spend waktu memikirkan ide yang lainnya.

4.   Sketch

        Sketch adalah salah satu tools yang paling populer dikalangan komunitas desain UI/UX Designer atau Web Designer. Sketch memudahkan kita untuk membuat tampilan hight fidelity dan prototype.

        Salah satu fitur keren dari sketch adalah Symbols, dimana kamu bisa mendesain UI assets dan elemen untuk digunakan kembali. Ini sangat membantu desainer untuk membuat desain agar lebih tertata dan konsisten.

5.    Mokingbot

        Mokingbot memudahkan kamu membuat desain tampilan dengan cepat. Mokingbot ini adalah platform yang berbasis web, jadi bisa dijalankan dengan menggunakan web browser yang kamu punya seperti: Google chrome, Mozilla Firefox, Opera dan atau Safari. Kalian bisa klik di sini untuk menuju website Mokingbot

    Untuk beberapa info ataupun tutorial yang dapat membantu bisa cek LINK dibawah ini. Sampai jumpa lagi di tulisan yang lainnya

Flowchart kasir

Tutorial desain user interface

Belajar PHP Part 1 || Pengenalan PHP, Variable, dan Tipe Data di PHP

Belajar PHP Part 2 || Kondisi IF dan ELSE pada PHP

Tutorial Android Studio || Menampilkan Angka Pada TextView

Tutorial Adobe XD || Make an Animation Dropdown in Adobe XD

Cara menampilkan hasil Coding di HP

Komentar