2018年07月3日(火)

【デザイナーは見ておきたい！】インタラクティブなスキューモーフィズムデザイン10選

• 0
• 6
• 1
• 4

スキューモーフィズムは、デザインに現実的な要素を使用することです。たとえば、車やコンピュータのようなオブジェクトに似たUIを構築することができます。それはかつてのデザイントレンドの1つであり、今また再燃しようとしているようです。しかし、今回はちょっとした「ひねり」があります。

新しいスキューモーフィズムデザインについて、印象的なことは、CSS3とJavaScriptを組み合わせると、まったく新しいレベルのインタラクティブ性が実現できることです。したがって、これらの要素はリアルに見えるだけでなく、現実的なアクションをとることもできます。

CodePenでいくつかの素晴らしい例が見つかりました。これらのモダンな技術を使用するときに広がる可能性のほんの一部をご覧ください。各Code Pen画像をクリックすると、インタラクティブ要素を体験することができます！

1.ノートパソコンのステッカー

Tech Conference（またはあなたの地元のコーヒーショップ）に行ったことがあるなら、ラップトップを持ち歩いているデザイナーやデベロッパーが間違いなく多くのステッカーをPCに貼っているのを見たことがあるでしょう。

...