Artikel

Trend Desain UI di 2021!

photoshop
Avatar photo
Written by Techfor Id

Gambar di atas merupakan desain User Interface yang diyakini sedang trend saat ini.

Memang kalau dilihat sih cukup keren karena hanya dengan beberapa gradiasi warna saja mampu menciptakan warna yang unik seperti sinar matahari pada malam hari.

Trus cara buatnya? Tenang saja, kamu Cuma membutuhkan Tools Photoshop, dan sedikit kreatifitas.

Baca Juga : 7 Kunci Perbedaan CLI dan GUI Yang Programer Wajib Tahu

Cara Mendesain UI Yang Sedang Trend

Buka tools photoshop kamu dan buat layer baru dengan ukuran 1920×1080 piksel. Dimana ukuran ini sangat cocok untuk layar desktop.

Berikutnya menentukan warna latar untuk desainnya. Umumnya banyak orang yang lebih suka memilih warna hitam, tapi sebenarnya baiknya disetel ke warna lain namun di gelapkan tingkat kecerahannya.

Sebagai contoh seperti warna ungu berikut :

Seusai warna latar, menambahkan beberapa warna sama dalam bentuk blop (lingkaran) tapi dengan tingkat kecerahan yang berbeda :

Supaya lebih keren dan tampak lebih berwarna, kamu bisa tambahkan blob dengan warna lain dengan tingkat kecerahan yang sama. Tapi usahan masih relevan dengan warna sebelumnya.

Sebagai contoh menggunakan warna ungu agak ke pink sedikit untuk warna berikutnya

Baca Artikel Menarik lainnya :

Kamu juga bisa menambahkan layer lain untuk warna selanjutnya. Contoh, pada gambar ini menggunakan Warna putih tapi dengan ukuran lingkaran 800px :

Masih terlihat kurang bagus ? tenang, kamu bisa pakai Smudge Tools di panel tools sebelah kiri untuk memodifikasi lingkaran putih tersebut supaya lebih memeliki bentuk visual.

Contohnya, kamu bisa pakai tools itu untuk menarik lingkaran putih sebelumnya kebawah seperti ini :

Sedikit Tips, kamu bisa modifikasi dengan opsi Adjustment > Hue and Saturation.

Untuk Hue bisa kamu manfaatkan untuk mengganti warna latar ungu sebelumnya menjadi warna lain.

Sedangkan Saturation untuk meningkatkan kontras warna secara keseluruhan warna agar tampak lebih cerah.

Contohnya :

Jadi tampak jauh lebih berwarna dan visual ketimbang sebelumnya. Jika puas dengan warna latar ini, cukup save dengan mengklik ALT + SHIFT + S.

Usahakan jangan simpan dalam format PNG, melainkan sebagai JPEG. Supaya ukuran tidak besar dan dimuat lebih cepat di situs web.

Semisal belum puas, kamu bisa modifikasi sesuka hati sampai menemukan kombinasi warna yang pas.

Kemudian buka Adobe XD (Opsional) untuk menambahkan beberapa teks biar untuk menu didalamnya dan nampak lebih sempurna.

Sumber : DesignCourse

Baca Artikel Berikutnya,

5 Kesalahan yang Sering Dilakukan Dalam Desain UI

About the author

Avatar photo

Techfor Id

Leave a Comment

Click to ask
Hai, Tanya-Tanya Aja
Hi ini Windy, dari techfor

Windy bisa membantu kamu memahami layanan Techfor
Seperti

1. Kursus Online By Expert
2. Partnership Event dan Konten
3. Layanan liputan multimedia
4. Dan hal lain yg ingin kamu tau

Kirim saja pesan ini serta berikan salah satu nomor diatas atau beritahukan windy lebih jelas agar dapat membantu Kamu