{"id":"neumorphism","no":25,"name":"Neumorphism","ja":"ニューモーフィズム","era":"late 2010s–","family":"UI表現","essence":"背景と部品を同じ素材にし、柔らかな陰影だけで凹凸を示す。","cues":["同色面","二方向の影","丸い部品","低コントラスト"],"intents":["静けさ","未来"],"works":["操作の少ないコンセプト画面","柔らかく静かなプロダクト印象"],"recipe":{"type":"簡潔なサンセリフ","layout":"大きな余白、少数の操作部","material":"淡い背景、明暗2つの影、丸い角"},"avoid":"コントラスト不足が起きやすい。重要操作と状態は色や輪郭でも示す。","colors":["#e5e9ef","#b9c2ce","#657180"],"motif":"soft","pair":["flat-design","neubrutalism"],"study":["Alexander Plyuto","Michał Malewicz"],"kind":"スタイル","collection":"btrax 50","source":{"title":"UX Collective — Neumorphism in user interfaces (Michal Malewicz)","url":"https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6"},"reference":{"status":"verified","pageUrl":"https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6","credit":"UX Collective — Neumorphism in user interfaces (Michal Malewicz)","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Neumorphism.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Neumorphism.jpg","credit":"Vectorium《ニューモーフィズムのUI要素集》2020 — Wikimedia Commons / CC BY-SA 4.0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Neumorfismus%20%E2%80%93%20tla%C4%8D%C3%ADtka.jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Neumorfismus%20%E2%80%93%20tla%C4%8D%C3%ADtka.jpg","credit":"Joefou《明色と暗色の背景に置いたニューモーフィズムのボタン》2020 — Wikimedia Commons / CC BY-SA 4.0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Simple-example-for-neuphormism.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Simple-example-for-neuphormism.png","credit":"Ganjeh Hadidi Pedram《内側の影の有無を比べたボタン》2024 — Wikimedia Commons / CC0"}]},"addedAt":"2026-08-16","en":{"essence":"Makes background and controls one material, showing relief through soft shadow alone.","cues":["Same-color surfaces","Two-direction shadows","Rounded parts","Low contrast"],"works":["Concept screens with few interactions","A soft, quiet product impression"],"recipe":{"type":"A concise sans-serif","layout":"Big margins, few controls","material":"Pale ground, one light and one dark shadow, rounded corners"},"avoid":"Contrast failure comes easily. Mark key actions and states with color and outline too."},"links":{"page":"https://indexstyle.org/styles/neumorphism","json":"https://indexstyle.org/api/styles/neumorphism","designSpec":"https://indexstyle.org/styles/neumorphism/design.md","imagePrompt":"https://indexstyle.org/styles/neumorphism/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}