最近の画像の境界線デザインの実装方法
アイコン画像やアイキャッチ画像、いろんな部分に画像が使われるようになりましたが、白背景に白い画像や黒背景に黒い画像を置くと見えにくくなることが頻繁に発生します。
それを解決するために、画像の周りにボーダーをつけたりしますが画像とのコントラストが強く、悪目立ちして見えてしまうことが多いです。
そんなときの対処法として、drop-shadowが効果的だと紹介されています。
正直、遠目から見ても全然わからないので、アップにします。
ボーダー
ドロップシャドウ
あらすてき。
Spotlightのデザインにも順次導入していこうと思います。