ニューモーフィズムとは、デザインする時に知っておきたいポイント、CSSでの実装方法

ニューモーフィズムとは、要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順でデザイン・実装する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実践できます。 Neumorphism (Soft UI) in User interface design - Tutorial by Kanhaiya Sharma 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 新しいトレンド「ニューモーフィズム」 ニューモーフィズム

[coliss]

ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなどをやさしく解説。

[lifeisadog]

なんとか新しさを感じないんだよね。shadowのディテールが違うのはわかるんだけど、昔ちょっと流行ったゴム製のボタンのイメージしかしない

[suquiya0]

ううむ…。なぜ私にはこのニューモーフィズム系のボタンが見づらいんだろう…。

[otihateten3510]

ゲームとかでよく見る奴だ