2020年04月23日(木)

UIデザイントレンドであるNeumorphismのコードスニペットコレクション

• 0
• 0
• 0
• 0

Webデザイン業界は、流行語を作るのに優れています。最近の例では、Neumorphism（ニューモルフィズム）です。これは、設計要素の「new skeuomorphic」で、要素が背景から押し出されたように見えるUIトレンドです。具体的に言うとスターウォーズでハン・ソロがカーボン凍結された姿のようです。

新しいアイデアと同様にウェブには、この手法をどのように使用できるかの例がたくさんあります。ここでは、Neumorphismを実現するコードスニペットをご紹介します。

Push to Check

興味深い概念ですね。ここでは各オプションは丸みのあるボタンのようで、クリックするとボタンが押されたように見えます。これはクールなだけではなく、フォームにユニークで魅力的な印象を与えています。

The Whole Form

さらに一歩進んだこのスニペットは、フォーム全体をイメージしています。テキスト入力フォームは、ボタンが押されている間、背景から切り取られたように見えます。