2022年7月15日のブックマーク (1件)

  • 【CSS】「なんかドロップシャドウがダサくなるんだけど」を解決する。 - Qiita

    概要 みなさんは、このドロップシャドウを見てどう思いますか? ドロップシャドウの色が濃かったり、ドロップシャドウの向きが変な方向だったり、 あまり綺麗なドロップシャドウとは感じないですよね? この記事では、これが発生する原因 と 綺麗なドロップシャドウの使い方を解説していきます。 この記事を読んで理解すれば、これからドロップシャドウに悩むことはなくなるでしょう! ドロップシャドウが綺麗にならない原因 1. デザインを3次元として捉える UIやグラフィックデザインは、複数の平面が重なりながら、組み合わさって作られています。 例えばUIだと、 ベースとなる平面に、カードの平面が重なっていたり、 カード平面の上に画像やボタンといったオブジェクトが置かれています。 このように、UIやグラフィックデザインは2次元で作られているのではなく、 各平面・オブジェクトがZ軸上に重なることで作られています。

    【CSS】「なんかドロップシャドウがダサくなるんだけど」を解決する。 - Qiita
    euclidean
    euclidean 2022/07/15
    タイトルの「ダサい」に過剰反応してるコメントは内容読めてる?前半使って丁寧に何故ダサくなるか説明してるし、具体的で良いデザイン解説だと思う > “設計ルールが決まっていないから…ダサくなります。”