KNOWS #3 Mengenal Aplikasi Grafis Untuk UI Designer

Hallo fellas,

Malam ini gue bakal share tentang desain web. Pada dunia IT orang yang mendesain sebuah web disebut dengan UI Designer (User Interface Designer). Tugas dari seorang UI Designer adalah membuat desain aplikasi yang akan dibangun. Aplikasi yang dibuat bisa saja dengan platform mobile android, ios, web ataupun desktop. Aplikasi yang digunakan oleh UI Designer bermacam-macam, hal ini tergantung pada style atau gaya desain dari seseorang, aplikasi tersebut yaitu:

• Adobe Photoshop
• Adobe Ilustrator
• Corel Draw
• Adobe XD

Mungkin masih banyak aplikasi grafis lainnya, namun yang pernah gue coba yaitu keempat aplikasi diatas. Berikut kekurangan dan kelebihan dari aplikasi-aplikasi tersebut  (menurut pengalaman gue):

Adobe Photoshop

Adobe Photoshop ini gue kenal pas jalam masih SMP, cuman karena ga tau cara pakenya jadi cuman ngajak-ngacak tools aja. Bukannya mempercantik gambar, malah bikin gambar / foto tambah ancur. Dan pasti semua newbie kaya gitu apalagi yang super kepo kaya gue ini. Photoshop ini adalah aplikasi yang TOP buat desain banner, desain foto biar lebih indah dsb, tapi untuk desain web disini perlu kesabaran yang lumayan lebih karena ukuran dari web standarnya 1920 x 1080 atau 1200 x 1300, nah tinggi biasanya mengikuti banyaknya konten dari web ini semakin banyak maka semakin panjang pula jadi ini relatif, gimana kebutuhan. Jadi sangat panjang jika dibandingkan dengan ukuran foto pada biasanya. Bagi yang sudah biasa dengan aplikasi Adobe Photoshop ini memebuat desain web hanya perlu meluangkan waktu lebih lama untuk satu desain. Selebihnya kembali ke skill, kreatifitas dan kesabaran masing-masing orang. Karena gue orang yang kurang sabar jadi jarang beres ngerjain web desain pake photoshop :D (jangan dicontoh ya..). Berikut kelebihan dan kekurangan desain web dengan photoshop (Jika ada yang kurang, tambahin di komentar ya...)
Kelebihan:

• Ada Guidelines untuk menandai patokan kita dalam meletakan icon atau objek. Jadi sebelum memulai kita bisa atur guidelines dulu untuk mengatur letak-letah header, icon utama deskripsi dll, karena sudah ada tandanya.
• Terdapat tool slice select tool dimana tool ini berfungsi untuk memisah gambar-gambar yang sudah ditandai sehingga dapat disimpan kedalam beberapa gambar.
• Dapat berkreasi dengan tools yang sangat lengkap (kalo bisa make nya)
• Dapat di export ke dalam bentuk format WBMP

Kekurangan:

• Serba manual, mulai dari mengatur ukuran canvas, mengatur guidelines dll
• Harus lebih teliti
• Lebih lama

Adobe Ilustator / Corel Draw

Kenapa Adobe ilustrator bahasnya di rapel sama Corel Draw? karena menurut gue berdarakan pengalaman aplikasi ini memiliki ciri dan fungsi yang sama, hanya saja ada beberapa nama tools yang berbeda tapi memiliki fungsi yang sama. Dibandingkan Adobe Ilustrator gue lebih banyak pake Corel draw untuk membuat sebuah desain, karena gue lebih suka pake fitur freehands nya corel dari pada pentool nya adobe (balik ke selera masing-masing). Sebenernya aplikasi ini lebih cocok digunakan untuk membuat karakter atau icon dari nol. Lalu apa bedanya dengan photoshop? Photoshop adalah aplikasi pengolah gambar (mengelola dari gambar yang sudah jadi) atau bertipe JPEG atau Bitmap sedangkan Adobe Ilustrator atau Corel Draw lebih pas digunakan untuk membuat gambar dari awal (bukan mengolah gambar yang sudah ada). Dengan aplikasi ini bisa juga membuat font, typografi, caligrafi, karikatur, logo dll, semua yang kita buat tergantung pada skill dan ketelitian si pembuat. Tetapi untuk membuat sebuah desain web di aplikasi ini lebih sulit dibandingkan photoshop karena disini dilakukan serba manual. Sehingga kita butuh kemampuan lebih untuk membuat imajinasi kita kedalam sebuah gambar. Sedangkan photoshop prinsipnya hanya menggabungkan banyak foto untuk menghasilkan sesuatu yang baru.

Kelebihan:

• Hasil lebih halus (vector)
• Warna lebih real

Kekurangan:

• Membutuhkan effort lebih
• Memerlukan waktu lebih lama

Adobe XD

Setelah pencarian aplikasi untuk desain user interface, Adobe mengeluarkan jawabanya. Yaitu aplikasi Adobe XD yang dikhususkan untuk membuat ui design dengan fitur prototype nya. Sehingga pembuat bisa membuat desain sekaligus bisa disambungkan antara simbol yang dijadikan button agar beralih ke halaman lain yang dituju. Jadi programmer tidak harus membuat prototype dalam bentuk code yang memakan waktu lebih lama. Selain itu, tools pada adobe XD ini juga sangat minim. Minim bukan berarti buruk ya, karena menurut gue tools di XD ini sudah cukup untuk membuat sebuah desain ui. hanya saja apabila ingin gambar terlihat halus dan bagus maka kita harus melakukan editing pada masing-masing gambar yang akan kita gunakan pada desain itu. Selain itu di adobe xd hasilnya dapat di export ke dalam bentuk mobile. Jadi walaupun prototype aplikasi ini dapat di running di mobile sehingga terlihat seperti aplikasi nyata, walaupun tidak dapat melakukan pengolahan data.

Kelebihan:

• Mempersingkat waktu pembuatan ui design
• Dapat membuat prototype (link)
• Jalan pintas yang digunakan sama seperti di visio
• tidak memerlukan rule karena gambar ada visual yang menunjukan jarak antar gambar

Kekurangan:

Tidak ada tools pengolah gambar yang lengkap (untuk memperhalus) sehingga kita masih memerlukan adobe photoshop untuk mengolah gambar

Sekian penjelasan dari gue tentang aplikasi yang dapat digunakan untuk membuat UI Design. Jika ada saran aplikasi lain bisa di corat coret di komentar. 

Thanks