web-dev-qa-db-ja.com

スキューモーフィック設計とフラット設計の並べた例?

Android Lollipopのニュースをグーグルで検索して、初めて変形形態のデザインの概念に出くわしました。この用語は、物理的な起源からの美的特徴を保持するデジタルデザインを意味することを理解しています。

例についても読みました。 iBookの木製の本棚ですが、AppleとGoogleの両方による、変形形態からフラットなデザインへの最近の動きを並べて絵で比較したいと思います。普通の消費者なので、私は実際にコンセプトについて読むまで、この動きに気づかなかった。

免責事項:この質問は、UXデザイナーではなく、通常のスマートフォンユーザーからのものです。

1
Heisenberg

昨年、「フラット」なiOS7がリリースされるまで、SkeuomorphismはiOSの決定的な特徴でした。 iOS6 vs iOS7フラットデザイン をすばやくGoogle検索すると、大量のデザイン記事、比較、不満、怒りなどが返されます。 その検索の画像タブ にはたくさんのサイドバイサイドがありますサイドの例。

いくつかの重要な違いには、シャドウ、ベベル、グラデーションなどの奥行きの手がかりの削減(または完全な除去)が含まれます。また、木材、ガラス、金属、または布のように見えるように設計された「リアルな」テクスチャの削減(iOSゲームセンターの「緑のフェルト」が一般的な例です)。デザインの変化の極端な例は、明白で触覚のグラデーションボタンがボーダーレスハイパーリンクに変わった方法です。

Googleの最新のAndroidのシフトは、「 Material Design 」と呼ばれるものに向かっています。これは、これらのアイデアを組み合わせたものです。彼らは、最小限の影でフラットで大胆な色を使用していますが、アニメーションは紙やインクなどの実際のオブジェクトの操作を模倣することを目的としています。視覚的には「フラット」ですが、インタラクションは「リアル」です。これは、iOS7/8のアニメーションやダイナミクスといくつかの点で似ています。それは自然に感じます。

2
mc01