こんにちは。プラゴのFlutterエンジニアの寺門です。 今回は、充電予約アプリ「Myプラゴ」に採用したニューモーフィズムについて、簡単な概要とメリット・デメリット、導入する際の注意点についてお話しします。 ニューモーフィズムの概要 ニューモーフィズムはデザインスタイルの一種で、2019年後半〜2020年に主にdribbbleで流行しました。要素の表面に深い影をつけることで、立体感や奥行き感があるのが特徴です。背景色と同色の影により、まるで実際に物理的に存在しているかのような造形になります。 ニューモーフィズムは要素の影が柔らかく、背景と要素が同色で構成されるため見た目が落ち着いていることにより、ユーザーに対しても親しみやすい印象を与えることができます。 モバイルUIデザインの潮流とニューモーフィズムの誕生 2007年、iPhoneの登場によりスキューモーフィズムが流行しました。スキューモーフィズムはデジタル上で現実世界で使われている物を模したデザイン手法で、例えば実際の手帳のようなデザインのカレンダーアプリなどが挙げられます。デザインがリアルであるため、