最近の画像の境界線デザインの実装方法

最近の画像の境界線デザインの実装方法

元ネタは以下ツイートです。

アイコン画像やアイキャッチ画像、いろんな部分に画像が使われるようになりましたが、白背景に白い画像や黒背景に黒い画像を置くと見えにくくなることが頻繁に発生します。

それを解決するために、画像の周りにボーダーをつけたりしますが画像とのコントラストが強く、悪目立ちして見えてしまうことが多いです。

 

そんなときの対処法として、drop-shadowが効果的だと紹介されています。

 

正直、遠目から見ても全然わからないので、アップにします。

 

ボーダー

 

ドロップシャドウ

 

あらすてき。
Spotlightのデザインにも順次導入していこうと思います。

Remaining : 0 characters / 0 images
100

Sign up / Continue after login

Related stories

Writer

Share

Popular stories

ローソンPBのパッケージデザインをくわしくみる

18177

iOSアプリリリースで、誰も教えてくれなかった10のこと

6550

M1 Macでnpmを使えるようにする

4986