arrow_upward arrow_upward

デザインをニューモーフィズムに変更しました。

sugggestoの1.8.0からデザインをフラットデザインからニューモーフィズムデザインに変更しました。

ニューモーフィズム(Neumorphism)とは、背景から要素が押し出されていたり、窪んでいたりするようなスタイルのデザイン手法です。iPhoneが出たばかりの頃はスキューモーフィズムという現実世界のものをデジタル世界で表現する手法が流行っていましたが、ニューモーフィズムスキューモーフィズムの新しいデザインとして呼ばれるようになっていったようです。

リスト画面は次のように変更しました。フラットデザインを使った旧デザインニューモーフィズムデザインを使った新しいデザインです。

詳細画面は次のようになります。

ニューモーフィズムデザインにして感じたこと

良かった点:

  • 影の分のスペースを必ず取らなくてはいけなくなった結果、自動的に余裕のあるデザインにせざるをえずボタンなどは前より押しやすくなった
  • デザインはフラットデザインより新しく違った印象を与えることができるようになった

ちょっと困ってる点

  • コントラストが悪くなりアクセシビリティは悪そう
  • 明るい影と暗い影を使ってデザインする関係上、背景色に白を使えず若干暗い画面になってしまいました

良かった点と困ってる点がありニューモーフィズムデザインを続けていくか悩んでいますが、しばらくは問題があってもチャレンジしていこうと思っています。

コメントする
コメント
名前
ウェブサイト

CAPTCHA


a

Elevate what you can expect from your business and create your site with Ideahub today.

aa

Contact us
Lorem ipsum dolor sit ideahub@elated.com +399/ 625 36 3695
Potsdamer Platz 9797