デザイン

デザイン

スキューモーフィズムが戻ってきた!そのトレンドの理由とは…

5,968 views

読了時間 : 約2分24秒

実際のオブジェクトの特性を模倣するデジタルユーザーインターフェースデザインの1つであったスキューモーフィズムはスティーブジョブズのデザイン言語であり、iOS 7の導入以来、ほとんどの画面から追放されていました。

 

ソフトウェアの難易度を下げるため始まったデザイントレンドは、ほぼ20年間続いていました。しかし、2012年のiPad上のiBooksアプリのスクリーンショットで以下に例示されているような不快なレベルにまでエスカレートした後、スキューモーフィズムは死を迎えました。

 

5年以上経ってから、ミニマリズムがほぼ普及していています。しかし、スキューモーフィズムは戻ってきつつあります。

スキューモーフィズムのイメージは決してよくないかもしれません。しかし、概念としてスキューモーフィズムのは戻ってきています。以前よりも極端でない形で反復されているのです。

 

実世界のオブジェクトの疲労以外にも、何年も前に、ほとんどのデザイナーがスキューモーフィズムの利用を止めるという決定に影響を与えたのは、さまざまなサイズの画面に拡大するのが難しいことでした。

 

スマートフォンのサイズが大きくなっていて、まだタブレットが市場で比較的新しいものであった時期に、iPhoneのアプリ、タブレット、ウェブブラウザに合わせて木製のテクスチャを使った3Dブックシェルフを適用するのは難しくなりました。

 

結局のところデザイナーはフラットなUI原則に賛成しました。 そして、Apple自身も劇的に異なるiOS 7の導入によってスキューモーフィズムを取りやめました。

 

 

しかし、振り返ってみると、それは過剰反応だったかもしれません。

 

確かに、私たちの多くはグラフィックにおける本棚、電卓、CDプレーヤー、時計の完全な模倣を恋しくは思っていないでしょう。 しかし、スキューモーフィズムの背後にある原則は依然として非常に多用されており、今日のトレンドにも関連します。

 

最もよく使用されているスキューモーフィズムの原理の例は、コンピュータのデスクトップです。開いたウィンドウは紙の束のように動かして、重ねることができます。

 

「設定」で見られるようなスイッチは、機能のオン/オフを切り替えることができます。これは、スキューモーフィズムです。

 

あなたがページ間でフリックするために使用する、ブラウザ上のタブもスキューモーフィズムです。

 

マテリアルデザインの重要な要素でもあるボタンでさえも、スキューモーフィズムです。

 

スキューモーフィズムの原則は決して去っていません。しかし、今では技術が進化しており、私たちが何種類の画面サイズを設計しなければならないか、解像度をどの程度高くする必要があるか、などは十分に解決されています。遊び心の要素を取り戻すものやミニマルなアプローチが流行しだしました。しかし、それ以上に、直感性が重視されています。

 

薄い黒色のアイコンを使って白いキャンバスをどのように見事に見せてくれるか、そして光のタイポグラフィーがどのように見えるか、我々は非常に感銘を受けています。 しかし、今度は、ユーザーにこれらの要素と実際にやりとりできることを思い出させる時が来ました。 そして、VRの波とARの経験も加わり、スキューモーフィズムが戻ってくるときです。

 

 

以下でいくつかの例を提示して、締めとしましょう。

 

 

 

▼こちらの記事もおすすめです!

 

 

 

 

※本記事はSkeuomorphism Is Backを翻訳・再構成したものです。

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:1000円分
※さらにメルペイスマート払で2000円分ポイント!
 友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

期間中の金・土限定でd払い利用で最大20%のdポイント還元中!
■エントリー期間:2020/2/29(土)23:59 まで
■キャンペーン期間:2020/2/24/(月)23:59 まで

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

以下のリンクから『プロモーション コードを追加する』で「JP20gd6nv7」を入れてください。初回利用が2000円オフになります!
※プロモコードは日本国内でのみ利用可能

 

2000円オフで登録» »当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber

Uber

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ