Yang Perlu Kamu Ketahui Tentang Adobe XD

Tahukah kamu di 2016 Adobe mengeluarkan perangkat lunak baru? Adobe XD.

cup-2218405_640

Penting dan pesatnya perkembangan produk daring (online), seperti laman, aplikasi telepon pintar, berpengaruh pada proses pengembangan/desain produknya.

Hal ini diakomodir oleh Adobe dengan meluncurkan perangkat lunak barunya Adobe XD.

Jadi, apa itu Adobe XD?

Tahun 2016 Adobe memperkenalkan Adobe XD atau Adobe Experience Design sebagai perangkat lunak pertama yang memiliki fungsi lengkap untuk mendesain dan membuat prototipe laman dan aplikasi gawai.

Kedua aktivitas pengembangan prototipe produk UX dan UI ini dapat dilakukan dalam satu perangkat lunak.

Perangkat lunak ini lebih menekankan pada desain dan pengembangan produk digital yang interaktif dengan lebih praktis dan ringkas.

Menurut saya pribadi, Adobe XD ini cukup revolusioner dari segi visi dan misi yang dibawanya.

Siapa sasaran penggunanya?

Pengembangan produk desain online (website, app, etc) kerap melalui proses yang panjang dan rumit.

rawpixel-678089-unsplash

Melibatkan banyak expert dari bidang berbeda, dari UX, IT dan Grafis/visual, kemudian berbagai perangkat lunak hanya untuk membuat prototipe produk/mock up.

Tentunya melibatkan banyak expert, desainer UX dan UI, bahkan tim IT developer.

Nah, dengan Adobe XD pengembangan dan desain prototipe dapat dilakukan langsung oleh product designer.

BACA JUGA: Yang Perlu Kamu Ketahui tentang Adobe Spark

Kenapa kita perlu perangkat lunak all-in-one seperti Adobe XD?

OK, perlu sedikit pencerahan memang.

Coba bayangkan, dengan adanya Adobe XD seorang desainer produk bisa membuat prototipe produk online.

human-723579_640

Karena kini proses pengembangan desain produk online mulai bergeser dengan lebih ringkas dan praktis, peran desain UX dan UI semakin erat dan cenderung melebur.

BACA JUGA: Pengenalan Experience Design (XD) untuk Desainer Grafis

Mulai dari tampilan visual juga tetapi juga penempatan fitur, navigasi dan fungsi setiap tombolnya, dan otomatis kenyamanan interaksi pengguna dalam desain layar/interface.

Bayangkan betapa ringkas proses dan timeline yang diperlukan untuk menyelesaikan prototipe produk sekarang!

office-583839_640

Sebagai desainer grafis mulailah memikirkan desain produk secara menyeluruh.

Kamu bisa membuat prototipe sendiri, lengkap dengan presentasi user experiencenya. Kerennn…

Semoga bermanfaat!

BACA JUGA: 4 Rambu Desain User Interface Situs Web

Trik Cropping Gambar dalam 7 Menit dengan Adobe Photoshop

 Trik klasik (dibuat tahun 2011) yang die-hard atau ga ada matinya.

Kalau hidup bisa dibuat lebih mudah, kenapa dibuat susah? Kalau cropping bisa dibuat mudah, kenapa tidak?

Untuk mempermudah kamu cropping gambar hanya dalam 5-7 menit saja tanpa mengorbankan kerapian hasilnya.

Semoga bermanfaat!

BACA JUGA: Contek Warna Ala Adobe Color CC

da-tuto-rambut

Sumber: Pepelepew251 @Deviantart.com

BACA JUGA: Cara Color Correction CMYK di Adobe Photoshop, Ada Rumusnya !

Cara Color Correction CMYK di Adobe Photoshop, Ada Rumusnya !

Apakah kamu sudah melakukan color correction dengan benar? Ini ada rumusnya, loh.

jason-leung-711068-unsplash

Halo para photo editor / retoucher! Pentingnya melakukan color correction untuk menghasilkan karya digital imaging yang sempurna tak terelakan lagi.

Disini kami berbagi tutorial klasik untuk koreksi warna image-atau bisa lebih ke rumus dasar-untuk koreksi warna CMYK menggunakan Adobe Photoshop.

Semoga bermanfaat!

BACA JUGA: Contek Warna Ala Adobe Color CC

http://fav.me/d33hlt4

BACA JUGA: Trik Cropping Gambar dalam 7 Menit dengan Adobe Photoshop

Contek Warna Ala Adobe Color CC

“…There’s nothing new under the sun.” – bahwa tidak ada yang baru di muka bumi ini. Begitu juga dengan warna.

Apa kaitannya dengan Adobe Color CC?

Salah satu fitur Adobe Color CC yang sangat membantu sekali dalam menemukan warna adalah dengan dari gambar yang sudah ada, atau bisa dibilang menduplikasi warna dengan sangat akurat.

Untuk dapat memaksimalkan penggunaan fitur ini pengguna sebaiknya sign in ,jika sudah punya account, atau Sign-up, untuk mengakses color code dari warna yang diduplikasi dan menyimpan temuan palet warna (theme)

Ayo kita mulai!

Pilih tombol “Create from image” di sebelah kanan atas

colorwheel-colorschemes-adobekulerarrow2

Pilih gambar, akan muncul pop up window untuk membuka gambar dari komputermu.

Temukan warna. Begitu gambar sudah diupload, Kuler akan otomatis memetakan warna berdasarkan Color Mood. Standarnya yang dimunculkan adalah hasil pemetaan color mood opsi Colorful, kamu bisa memilih dari 5 color mood.

untitled

ATAU kamu bisa memetakan secara manual dengan menggerakan lingkaran-lingkaran pointer/penunjuk pada gambar.

BACA JUGA: Temukan Warnamu dengan Adobe Color CC

untitledxx

Simpan temuan di Themes. Sudah selesai utak-atik warnanya, klik tombol SAVE untuk menyimpan palet warna temuanmu di Themes account-mu. Kamu bisa mengganti nama file dengan menklik tombol pensil disebelah nama theme, ini bisa dilakukan baik sebelum atau sesudah disimpan.

Akses ke Color Code. Bagi yang ingin warna yang akurat pasti akan membutuhkan color code, cara liatnya adalah klik “Themes” pada menu bar, kemudian pilih palet warna yang diinginkan…tadaa…muncul detailnya seperti di gambar di bawah ini.

BACA JUGA: Cara Color Correction CMYK di Adobe Photoshop, Ada Rumusnya !

colorwheel-colorschemes-adobekuler11

Semoga bermanfaat!

Temukan Warnamu dengan Adobe Color CC

Bingung cari padanan warna yang cocok, atau penasaran dengan warna lucu yang ada di suatu gambar?

Satu solusi untuk semua pertanyaan seputar warna: Adobe Color CC. Mungkin sudah ada yang mengenal layanan  layanan perangkat (tool) pemindai dan pembuat warna dari Adobe ini, yang pertama kali diluncurkan dikenal dengan nama Adobe Kuler.

Fungsi utamanya adalah menemukan (berikut dengan kodenya) dan duplikasi warna. Secara garis besar, berikut fitus yang bisa kamu gunakan dari Adobe Color CC:

  • warna baru, lengkap dengan kode warnanya
  • duplikasi warna, menemukan warna sesuai dari sample gambar yang sudah ada (menu create>import image)
  • palet warna (menu explore), atau kombinasi warna yang cocok & tema warna, color pallete-nya terdiri dari 5 warna.
  • tren warna yang disediakan palet warna Adobe CC (menu explore)
  • gradien dari warna tertentu (shades)

…dan masih banyak lagi fungsi lainnya, bisa kamu jelajahi sendiri.

Untuk menggunakan aplikasinya gratis dan tidak perlu login, tapi untuk menggunakan fitur save and share kamu harus daftar akun Adobe ID (prosedur sama seperti bikin akun-akun lainnya dan free).

Berikut fitur utama pada menu “Create” dari Adobe Color CC yang akan membuatmu hidup ini lebih mudah !

Bisa Diakses dari Desktop dan Aplikasi Seluler

Yup, betul sekali! Berbeda dengan pendahulunya dulu, selain berupa dekstop app, kini Adobe Color CC dapat diakses melalui aplikasi seluler berbasis iOs atau Andriod.

color-marquee

Temukan Warnamu dengan Color Wheel / Roda Warna

Begitu masuk laman utama, pengguna akan langsung disungguhi skema warna atau disebut juga color wheel (roda warna).

Ada 5 titik warna berupa bulatan kecil dalam color wheel, kamu bisa tahan dan tarik (drag) dari  satu titik hingga menemukan warna yang sesuai untuk dijadikan patokan  dan nanti bulat-bulatan kecil lainnya akan menyesuaikan dengan perubahannya.

color-wheel-color-schemes-adobe-kuler

KODE WARNA

Setelah menemukan warna yang sesuai, pengguna bisa memperoleh kode warna yang dapat digunakan dilain kesempatan dan berbagai perangkat lunak lainnya.

Di bawah setiap kotak warna ada kode warna (color code), seperti gambar di bawah.
Pada setiap tampilan awal hanya menampilkan kode RBG dan HEX.
Klik pada tulisan RBG-nya untuk menampilkan tipe kode warna lainnya, seperti CMYK.

color-wheel-color-schemes-adobe-kuler-2-arrow

COLOR BARS

Jika belum puas dengan warna yang ditemukan dengan color wheel, pengguna bisa menggunakan grafik timeline yang ada dibawah masing-masing kotak di palet warna.
Dijamin akurat dalam 2 langkah:

  1. Pilih standar kode yang diinginkan dengan mengklik kode warna.
  2. Atau bisa langsung utak-atik sendiri  dengan men-drag bulatan di color bar sampai ketemu warna yang pas

COLOR RULE

Color rule adalah tool yang memudahkan pengguna dalam menemukan warna, selain menggunakan color palette atau skema warna, dengan memanfaatkan kategori-kategori yang disediakan dan bisa dipilih sesuai dengan kebutuhan kita.

Saat ini pilihan color rule yang standar ada  5 pilihan: analogous, triad, monochromatic, complementary, compound, shades, atau selebihnya bisa disesuaikan sendiri / custom.

Contoh, jika ingin menemukan bentuk gradien dari warna tertentu pengguna bisa pilih Shades.

Screen Shot 2016-11-22 at 12.23.07 AM.png

DUPLIKAT WARNA

Pengguna juga bisa mengambil sampel warna dari gambar atau foto, dengan menggunakan fungsi Duplicate dengan klik IMPORT IMAGE pada layar Create.

Kami membahas tentang cara duplikasi warna dalam artikel terpisah.

BACA JUGA: Contek Warna Ala Adobe Color CC

Semoga bermanfaat!