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