Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

[Cerita Tentang UI/UX Design]Tools Yang Digunakan Untuk Mendesain UI

- Advertisement -
- Advertisement -
- Advertisement -

Hai. Di artikel kali ini saya akan bercerita tentang tools apa saja yang pernah saya gunakan dalam mendesain UI. Karena saya masih menggunakan Windows sebagai operating system, maka maaf kalau diartikel ini tidak ada sketch dan teman-temannya πŸ˜€

Sekalian deh. Minta doanya ya teman-teman agar segera bisa upgrade ke Macbook, biar bisa nulis cerita pakai sketch :) hehehe

Oke langsung saja, dibawah ini adalah urutan tools yang pernah saya gunakan dalam mendesain UI:

1. Adobe Photoshop

Image for post
sumber : https://www.pexels.com/photo/turned-on-laptop-on-desktop-with-hovered-adobe-photoshop-cc-application-693892/

Aplikasi ini bisa disebut β€œaplikasi sejuta designer”, mungkin karena Adobe Photoshop sudah familiar di telinga orang awam dan sudah memiliki banyak user sehingga membuat banyak orang menggunakan aplikasi ini, termasuk saya. Yups, aplikasi ini merupakan tools pertama yang saya gunakan untuk mendesain UI.

Berikut beberapa exploration design pertama saya menggunakan Adobe Photoshop πŸ˜€

Image for post
Ceritanya bikin aplikasi tentang Accomodation Booking πŸ˜€
Image for post
Ceritanya bikin halaman login πŸ˜€

Sebenarnya masih ada lagi beberapa hasil exploration design saya menggunakan Adobe Photoshop. Kenapa tidak ditampilkan? karena takut membuat mata teman-teman tidak nyaman hehehe πŸ˜€


2. Gravit Designer

Image for post

Cerita awal bisa kenal gravit designer adalah ketika saya mengikuti meetup Komunitas ADS (Arek Design Surabaya), pada saat itu pemateri yang juga menjadi inspirasi saya dalam UI/UX Design yaitu mas Fahmy Habibullah memberikan rekomendasi aplikasi yang cocok untuk mendesain UI selain sketch adalah Gravit Designer. thx mas πŸ˜€

Menurut saya aplikasi ini cocok untuk mendesain UI karena tools item yang ada di Gravit Designer tidak sebanyak photoshop, bisa dibilang tools item di Gravit Designer itu β€œUI Design-able” :D.

Salah satu nilai plus dari Gravit Designer yaitu tersedianya Libraries, jadi memudahkan kalian untuk mendapatkan assets, misalnya : Icons, Shapes, Ilustrations, dll

Berikut hasil exploration design saya menggunakan Gravit Designer πŸ˜€

Image for post
Ceritanya redesign Uplabs.com πŸ˜€
Image for post
Ceritanya bikin aplikasi buat mencari toko kue πŸ˜€
Image for post
Ceritanya bikin aplikasi Tour Indonesia πŸ˜€

3. Figma.com

Image for post

A : Aplikasi apa yang mirip Sketch tapi bisa berjalan di Windows?

B: Figma mirip sih

C: Adobe XD & Figma

D: Figma. tools item nya hampir sama

Seperti itu lah percakapan yang ada di group telegram UI/UX Indonesia. Banyak orang yang merekomendasikan figma sebagai tools yang mirip Sketch. Hal tersebut yang membuat saya tertarik untuk mencoba aplikasi ini.

Dengan tampilan yang clean dan modern membuat saya nyaman menggunakan aplikasi ini. Tools item yang ada di aplikasi ini juga cocok untuk mendesain UI. Berbeda dengan Gravit Designer, Figma bisa mendesain beberapa Frame sekaligus di dalam Art Work

Faktor yang membuat saya betah saat mendesain menggunakan aplikasi ini adalah adanya fitur Prototype. saya membutuhkan fitur ini selain untuk mencoba alur dari aplikasi ini juga untuk memberitahu klien seperti inilah gambaran aplikasi yang akan di develop.

Berikut beberapa hasil karya saya menggunakan Figma.com πŸ˜€

Image for post
https://dribbble.com/shots/5414976-Furniture-Store-App
Image for post
https://www.uplabs.com/posts/foodland-restaurant
Image for post
https://dribbble.com/shots/4825488-Smarthome-App-Redesign

Nah itulah tools yang pernah saya gunakan dalam mendesain UI, yaitu : Adobe Photoshop, Gravit Designer dan Figma. Sebenarnya masih banyak tools yang bisa digunakan untuk mendesain UI, tapi itu tergantung teman-teman, mau pakai yang mana. Kalau saya sendiri kenapa menggunakan tools tersebut? karna saya nyaman menggunakanya , nyaman itu segalanya πŸ™‚

Pernah denger kata-kata β€œThe Man Behind The Gun” ? kata-kata tersebut berlaku juga dalam memilih tools mendesain UI. Bukan tools nya yang membuat design bagus, tapi orang yang menggunakan tools tersebut πŸ™‚

Kalau teman-teman pake tools apa nih? πŸ˜€

sumber:medium.com

- Advertisement -

Latest articles

7,350 Followers
Follow

Related articles