Webデザイン業界は、流行語を作るのに優れています。最近の例では、Neumorphism(ニューモルフィズム)です。これは、設計要素の「new skeuomorphic」で、要素が背景から押し出されたように見えるUIトレンドです。具体的に言うとスターウォーズでハン・ソロがカーボン凍結された姿のようです。
新しいアイデアと同様にウェブには、この手法をどのように使用できるかの例がたくさんあります。ここでは、Neumorphismを実現するコードスニペットをご紹介します。
Push to Check
興味深い概念ですね。ここでは各オプションは丸みのあるボタンのようで、クリックするとボタンが押されたように見えます。これはクールなだけではなく、フォームにユニークで魅力的な印象を与えています。
The Whole Form
さらに一歩進んだこのスニペットは、フォーム全体をイメージしています。テキスト入力フォームは、ボタンが押されている間、背景から切り取られたように見えます。
See the Pen
Neomorphic Form by Swapnil (@swapnet)
on CodePen.
https://static.codepen.io/assets/embed/ei.js
Colorful Car
コメント