カードの面を比べる解説図
参考教材（同じ記事のカード比較図）
浮いているカードと、背景から浮き出る面を比較する教材です。
作品・資料の出典を見る ↗作品・資料の記録を読む
原題：Neumorphism in user interfaces：カードの比較
ミハウ・マレヴィチ／ハイプフォー / 公開年未確認 / 制作者による解説図
日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。
画像の転載条件は未確認。出典の公開は転載許諾ではありません。
作品・制作の例3件を紹介しています。実作品画像0点、参照・関連画像0点。画像の収集は継続中です。
現代の画面表現・説明用の分類
ニューモーフィズム
Neumorphism
- 時期
- 近年の画面表現。発祥年はここで断定しない
- 地域
- 複数の国・地域
ニューモーフィズム
背景と似た色のボタンに、明るい影と暗い影をつけます。すると、同じ材料から少し浮き出たように見えます。ニューモーフィズムは、このような柔らかい凹凸を使う画面表現の呼び名です。
実作品の画像は、まだ掲載していません。下の出典リンクから作品を確かめられます。参照図や説明図は、実作品の画像とは別に数えます。
表現が確かめられる作例・参考教材
歴史上の定評ある代表作と断定する選定ではありません。制作側の説明や教材から、表現が確かめられる例を区別して掲載しています。
押した状態を比べる解説図
参考教材（同じ記事の押下状態図）
内側の影だけで状態を伝える難しさを示しています。
作品・資料の出典を見る ↗作品・資料の記録を読む
原題：Neumorphism in user interfaces：押した状態の比較
ミハウ・マレヴィチ／ハイプフォー / 公開年未確認 / 制作者による操作部品の研究
日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。
画像の転載条件は未確認。出典の公開は転載許諾ではありません。
ニューモーフィズムの影をつくるツール
参考ツール
色や影を調整して、見え方を試す実装例です。
作品・資料の出典を見る ↗作品・資料の記録を読む
原題：Neumorphism.io
ニューモーフィズム・ドット・アイオーの制作チーム / 継続公開／初公開年未確認 / CSS生成ツール
日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。
画像の転載条件は未確認。出典の公開は転載許諾ではありません。
もう少し知る：背景と、つながり
どんな背景で生まれた？
ミハウ・マレヴィチの解説では、カードの見え方だけでなく、押した状態が分かりにくい問題も扱われています。人気のある見た目と、使いやすさは別に考えます。
よく見るための手がかり
色
背景と部品を近い色にすると、境目が影に頼りやすくなります。
文字
本文や記号まで薄くすると読みにくくなります。
形・素材
外側の影は浮き出た形、内側の影はくぼみを思わせます。
どこに、どう置く？
部品が目立たない場合、押せる場所とただの飾りを見分けにくくなります。
ほかの表現との、つながり
ガラスモーフィズムのように背景を透かすことが中心ではありません。太い輪郭を使うネオ・ブルータリズムとも対照的です。
いま、考えてみること
選択中かどうかは、影だけでなく文字、記号、線などでも伝えましょう。
調べた資料
解説記事の二つの比較と、一つの実装ツールです。独立した歴史作品三点や、広く使われた製品三点としては数えません。
作品・制作の例3件を紹介しています。実作品画像0点、参照・関連画像0点。画像の収集は継続中です。