なります開発時間は16時間程度、大多数をシャドウの調整やどのように見せると視認性が上がりそうか・ユーザーのモチベが上がるUIになるのかの調整に使うことになりました。実際にニューモフィズムどうなの?という点を実際に開発して試してみた感想をお話ししていきたいと思います。everywhere2020年くらいから度々話題に上がっていた、立体的で質感のあるリアルなデザインである『スキューモフィズム』と、flutterなどでもおなじみ『マテリアルデザイン』を組み合わせた新しいデザインスタイルのことです。話題の割には採用されているケースが少なく、可能性が未知数なデザインスタイルとも言えるでしょう。#2C3172をベースにした色を使いました。UIパーツの視認性を立体感や質感でまず作っていくイメージでした。ベースは背景色に合わせたものでどんどん作っていくイメージです。iconsカラーアイコンを使うのはちょっと苦手意識がありましたが、このデザインスタイルであれば積極的に採用したいなと思いました。時代を感じるしっかりと作ることができれば『質感の良い名刺』を触っているような、感覚になれます。作り手側の感想にはなりますが、このワクワク感・スゲー感がとても良いなと気に入っています。個人的には、最近の時代感にあっているような近未来的な印象も受けます。すると結構刺さるかもしれないと思いました。皆さんはどう思いますか?ニューモフィズムUIを作成する上で参考にしたサイトなどNeumorphism.iohttps://neumorphism.io/#e0e0e0このようなGeneratorを使うことで、どのようなスタイリングで質感を表現するか理解することができます。そのまま使うのもいいでしょう。UI-Neumorphismhttps://akaspanion.github.io/ui-neumorphism/Componentの雰囲気など参考になります。ReactNativeで作成する時には、このようなUIライブラリが提供されているようなので手っ取り早く入ることができるかもしれません。UIhttps://demo.themesberg.com/neumorphism-ui/上記と同じくComponentの雰囲気が参考になります。(主席)/Web:月50万pvのメディア,Web累計1000万ユーザー、アプリ:400万DL、M&A1回、SNS:合計数十万(Youtubeは10万銀盾)バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。