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

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

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

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

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

 

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

 

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

 

ボーダー

 

ドロップシャドウ

 

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

この続き : 0字 / 画像 0枚
100

会員登録 / ログインして続きを読む

関連記事

記事を書いた人

SNSにシェア

このクリエイターの人気記事

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

18175

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

6526

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

4980