Hal kecil yang bisa kamu perhatikan agar desain UI mu makin cakep —Bagian #3

Shadow

Saat menggunakan shadow pada desain UI, pilih warna pada color pallete bagian tengah atau bawah, kemudian kurangi opacity nya.

Mari kita lihat pembahasannya dibawah ini…

Kita coba untuk memilih shadow dari warna pada color pallete bagian atas, dengan opacity warna nya 100 dari 100

Dan hasilnya adalah seperti dibawah ini, Sepertinya tidak ada masalah.

Tetapi akan terjadi masalah jika kita menaruh elemen berwarna di belakang kotak putih yang kita beri shadow, karena akan menjadi seperti dibawah ini

Shadow yang dibuat dari color pallete bagian atas atau dengan kata lain warna muda, akan terlihat memancar ketika bertemu dengan elemen yang berwarna.


Mari kita coba untuk memilih warna dari color pallete bagian tengah dengan opacity warna nya 9 dari 100.

Dan hasilnya akan terlihat seperti ini

Mari kita coba taruh elemen berwarna di bagian belakangnya, dan hasilnya akan seperti dibawah ini

Dengan memilih warna shadow di color pallete bagian tengah atau bawah, Maka jika bertemu dengan elemen yang berwarna akan membuat shadow tersebut tidak memancar.


Semoga bermanfaat

Jika ada pertanyaan silahkan mengisi kolom komentar dibawah.


Jika temen temen ada waktu luang, boleh dong membantu mengisi survey untuk meningkatkan kualitas konten di medium insight ini

Link Survey → https://goo.gl/forms/k3kubwWedjsrS3Po2

Terima Kasih :)