ニューモーフィズム
https://gyazo.com/f603117c42bbc650ecde6a745ae26969
https://gyazo.com/0dc779768fc5ba402001ae8e96a11695
ニューモーフィズムとは
ベース(背景)から要素が押し出されていたり、窪んでいたりするようなスタイルのデザイン手法
凹凸によって要素を表現しているため、ミニマルデザインとの相性がとても良く、美しく洗練された印象のデザインに仕上げることができます。 ニューモーフィズムのルール
https://gyazo.com/2815e6afd6f5035d4933e966576cc0d8
マテリアルデザインでは、ベースから離れた位置に要素が存在しているのに対して、ニューモーフィズムはベースが押し出されたり窪んだりすることで要素が作られているというのが大きな特徴
作成のステップ
1.背景色と同じ色でレイヤーを作る
2.一方に暗い色のシャドウを付ける
3.もう一方に明るい色のシャドウを付ける
2つのドロップシャドウを利用する
https://gyazo.com/9e674bbd2e0fbad97484029f1f0c7966
ベース色はブレンドで作成する
パーツのデザイン例
https://gyazo.com/6e04781e1cd52e8e86d8e88e7db38410 https://gyazo.com/1b84c6dd6c46ac9d2903509568f0be8e
https://gyazo.com/6bdf7e5e62da620887e815eb843bac7e https://gyazo.com/2f3b5fa2e033a78b433afe59b3fc6793