ニューモーフィズム

Neumorphism

背景と同じ色の部品が、光と影だけでふっくら浮き出て見えるデザイン。

見た目の特徴

• 背景と部品が同じ色
• 左上に明るい影・右下に暗い影
• 押すと内側に影が入ってへこむ
• 淡いグレー系

色の組み合わせ （押すと色のコードをコピー）

合うフォントの例

NunitoM PLUS Rounded 1c

どこで使われている？

よく見かける場所

スマート家電のアプリ、デザイン作品集（Dribbble など）

使うとよい場面

やわらかく、触りたくなる印象にしたいとき

避けたい場面

文字が多い画面、押せる場所をはっきりさせたい画面

向いているもの

スマート家電のリモコン、電卓、音楽プレイヤー

補足文字が見えにくくなりやすいので、大事なボタンには色を付けるのが安全です。

似ている雰囲気と見比べる

AIへの指示文

Webサイト を作るときの指示文です。作るものは右上の「何を作る？」で変えられます。

Webサイトを「ニューモーフィズム（Neumorphism）」のデザインで作ってください。

見た目：背景とカードを同じ淡いグレーにし、左上に明るい影・右下に暗い影を付けて浮き出たように見せる。押せる部品は内側の影でへこませる。

特徴：背景と部品が同じ色／左上に明るい影・右下に暗い影／押すと内側に影が入ってへこむ／淡いグレー系

色：背景 #E3E7EE、明るい影 #FFFFFF、暗い影 #C1C7D0、文字 #4A5568、アクセント #E2572B
フォントの例：Nunito、M PLUS Rounded 1c