モバイル UI デザイン開発のトレンド: フラットは時代遅れ、シナリオベースが未来か?

モバイル UI デザイン開発のトレンド: フラットは時代遅れ、シナリオベースが未来か?
実際、私たちの日常生活で目にするデザイン要素のほとんどは、印刷された出版物や美的感覚の先駆者たちから生まれたものです。フラットデザインの起源となる時期と場所をたどるのは難しいかもしれません。 UI デザイン開発の歴史において、スキューモーフィズムとフラットネスはしばしば対立し、それぞれの立場を貫いてきました。どちらが良いかは時が経てば分かるだろう。今のところ、UI デザインはフラット スタイルへと移行しているようで、これは情報化の発展を告げるもののようです。フラット デジタル分野において、Metro Design はグラフィック デザイン分野における最も古典的な事例です。これは、デザイン言語に基づいて Microsoft が設計したインターフェース スタイルです。これは最初に Microsoft の Zune プレーヤーで使用され、その後 Microsoft の Windows Phone 7 で使用されました。その後、Windows 8 でもこのデザインがタブレット タッチ デバイスに適応するために使用されました。タイポグラフィベースのデザインである Metro は、他の UI デザイン スタイルよりもフォントに重点を置いています。
Microsoft Metro Design Googleのマテリアルデザインといえば、中国語の翻訳では「マテリアルデザイン」「マテリアル設計」などいろいろありますが、最も正確なのは「テクスチャデザイン」のはずです。現在、このデザイン言語は、携帯電話、タブレット、デスクトップ、その他の「プラットフォーム」で、より一貫性のある幅広い「ルックアンドフィール」を提供します。色彩をより鮮やかにし、アニメーション効果をより目立たせることができます。 Google の考えは、Google プラットフォームの開発者がこの新しいフレームワークを習得できるようにすることで、すべてのアプリケーションの外観が統一され、ユーザーが一貫したエクスペリエンスを得られるようになることです。
マテリアル デザイン Apple が iPhone 5s と iOS 7 をリリースして以来、Apple のシステムのフラット スタイルが登場しました。このデザインは、故ドイツの伝説的デザイナー、オトル・アイヒャーにインスピレーションを受けて作られました。ジョナサン・アイブが率いる iOS 7 では、3 次元的でリアルで詳細な要素が完全に廃止され、代わりにフラットでシンプルな線と明るい色のブロックが採用されました。しかし、Apple のデザインでは、影、グラデーション、ハイライト、さらにはテクスチャも残っているので、Apple の「フラット化」は実際には「フラット化」ではありません。
Apple のフラットスキューモーフィズム いわゆる擬人化の対象は、現実世界にすでに存在し、人々の日常生活で頻繁に使用されているオブジェクトである必要があります。人々が生活の中で使うものは、多かれ少なかれ現実世界の同様のものをシミュレートしています。これが「スキューモーフィズム」です。この種のスキューモーフィック デザインの本来の意図は、システムが表現したい機能を人々がより良く、より鮮明に理解できるようにすることです。そのため、UI の詳細や装飾を表現するために余分な労力を費やします。このタイプのデザインは、アイコンのスキューモーフィックなアイデアに反映されるだけでなく、動的なプロセスを通じて表現することもできます。
UI デザインにおけるスキューモーフィズムの本質は、ユーザーがアプリケーションやボタンの機能を理解できるようにすることです。デジタル世界におけるスキューモーフィズムの応用は 1980 年代にまで遡ります。これは Apple が発明したものではないが、1984 年に Apple が初めて商用ユーザー向けに発表した GUI であり、スキューモーフィズム機能を備えたデスクトップとアイコンの優れた解釈をすべての人に提供した。これらは現実世界のフォルダーや書類に非常によく似ている。このデザインコンセプトは今日まで使われており、デジタル世界の主流のデザインとなっています。
iOS6 より前のバージョンのスキューモーフィック スタイルは、スキューモーフィズムを非常に高いレベルに押し上げました。視覚的には、あらゆる質感、影、質感、細部に至るまで完璧に仕上げられています。この時点で、他者を上回ることは、特にシミュレーションの分野で他者を上回ることはすでに非常に困難です。さらに、人々の生活の中での物は非常に限られており、私たちが慣れ親しんでいる日常の物は絶えず置き換えられています。アプリケーションの機能革新をシミュレートするための現実のオブジェクトを見つけるのは困難です。シミュレーションのスタイルにより、革新的なアプリケーションの開発が制限されます。スキューモーフィズムからフラットデザインへの移行 フィーチャーフォンが普及していた時代には、スキューモーフィックスタイルが非常に人気がありました。フィーチャーフォンには今日のスマートフォンほど多くの機能やソフトウェアの拡張性がなかったため、フィーチャーフォンに必要なのはカメラ、コンパス、時計、ラジオ、レコーダーなどの一般的な機能と、電話をかけたりテキストメッセージを送信したりする基本的な機能だけであり、スキューモーフィズムは誰にでも簡単に受け入れられました。初期の iOS システムアイコンのデザインもスキューモーフィックなデザインであり、このデザインは iOS 6 がピークに達するまで続きました。
iOS 6 のスキューモーフィック デザインは、フィーチャー フォンの時代に高齢者や子供たちの間で非常に人気があり、ほとんど学習することなく使用できました。スマートフォンやデジタル機器の普及に伴い、ユニバーサルな携帯電話がますます多くの人々の支持を得るようになり、スキューモーフィズムの衰退の始まりとなりました。 2013年のWWDCカンファレンスで、AppleはフラットデザインスタイルをベースにしたオペレーティングシステムであるiOS 7をリリースしました。新しいデザインでは、以前のスキューモーフィックなテクスチャと質感が削除され、微妙な動的効果と機能的なグラフィックスが統合され、インターフェースがよりシンプルになりました。
iOS7 のフラット化において無視できないもう 1 つの要因は、美観の疲労です。フィーチャーフォンの時代では、GUI デザインは世界的に認められたデザイン美学でした。ウェブ上で人気のある製品は通常、立体的な形状、内側の影、外側の影など、似たようなデザインの美学を備えています。デザイナーにとっては、このようなインターフェースを実装できることを誇りに思うでしょう。しかし、デザインは通常、長い間シンプルだった後に複雑になり、長い間複雑だった後にシンプルになります。生産者とユーザーの両方が美的疲労に悩まされることになります。たとえ飽きてはいなかったとしても、一部の製品は革新的で他と異なるものである必要があります。
最終的には、時代の変化とともに、スキューモーフィズムのデザイン属性はますます少なくなり、徐々に視覚的な装飾スタイルになってきました。デザインとしては、スキューモーフィズムの利点はますます少なくなり、開発コストの増加や美的疲労などの結果として生じる問題により、スキューモーフィズムを使用する理由はますます少なくなります。しかし、スキューモーフィズムは消えたわけではない。一方で、良いスタイルも悪いスタイルもなく、それを好む人も必ず存在します。一方、楽しさや親和性が求められるプログラムもあるため、スキューモーフィズムの使用は確かに必要です。未来 - シナリオベースの「シーン」はどこにでもあり、特定の時間、場所、人々の間には特定のシナリオ関係が存在します。インターネットプラットフォーム間の競争がますます激しくなるにつれ、製品の同質化はますます深刻になっています。業界における競争がますます激化する中、一部のプラットフォームはシナリオベースの開発に注力し、新たな突破口を模索し始めています。さまざまなモデルが継続的に改良されることにより、衣食住交通に基づいたシナリオがさらに多く作成されます。この「シナリオベース」の傾向は、今後の発展の方向ともなっています。
シナリオベースの未来においては、真にシナリオベースの製品は、シナリオの到来を積極的に感知し、時間の断片を統合できなければなりません。たとえば、GPS やセンサーに基づいてペースや距離などの情報を記録し、ユーザーが合理的に運動を計画するのに役立つスポーツ アプリは数多くあります。ただし、現在のソフトウェアのほとんどでは、ユーザーが最初にアプリを手動で起動する必要があります。少し前に、米国のある企業が「シーン認識」という概念に基づいて、シーンを認識して対応する操作を実行できる新世代のランニングアプリを開発しました。要約する もちろん、今のところ、フラットなミニマリスト スタイルは依然としてすべての人の美的嗜好に応えており、置き換えることは困難です。しかし、同じ原則が依然として適用されます。時代の発展、テクノロジーの進歩、人々の美的疲労により、フラットスタイルは必然的に方向性を調整し、将来的には他のデザインに置き換えられるでしょう。デザインスタイルは時代の技術と密接に関係しており、全体的な傾向は依然として簡素化されています。例えば、近年提案された 3D ホログラフィック UI コンセプト。 3D インターフェースは 2D インターフェースよりも現実に近いため、インタラクションをより適切に完了できます。
3D ホログラフィック プロジェクションは、複雑なものから単純なものまで、あらゆる分野でトレンドになっています。 UI デザインは単なる表現形式であり、より重要なのはその背後にある人間とコンピュータの相互作用です。優れた製品とは、適切な情報を、適切なタイミングで適切な場所で、必要としているユーザーに提供できるものでなければならないと言わざるを得ません。シナリオベースのデザインは、今のところは実現不可能に思えますが、テクノロジーの発展により、将来シナリオベースのデザインが実現されれば、人間とコンピュータのインタラクションは非常にシンプルになると信じています。

今日頭条の青雲計画と百家曼の百+計画の受賞者、2019年百度デジタル著者オブザイヤー、百家曼テクノロジー分野最人気著者、2019年捜狗テクノロジー文化著者、2021年百家曼季刊影響力のあるクリエイターとして、2013年捜狐最優秀業界メディア人、2015年中国ニューメディア起業家コンテスト北京3位、2015年光芒体験賞、2015年中国ニューメディア起業家コンテスト決勝3位、2018年百度ダイナミック年間有力セレブなど、多数の賞を受賞しています。

<<:  Flash は廃止へ:Microsoft Edge ブラウザが Flash の使用をブロック

>>:  Coolpad Changer S1 レビュー: 音質とデザインで若さを表現

推薦する

FirstCar.com: 2023年に価値維持率が最も高い純電気セダントップ10 BYD Han EVの1年間の価値維持率は70.66%で、テスラ モデル3を上回り優勝

最近、Diyiche.comは2023年に価値維持率が最も高い純電気セダンモデルトップ10を発表しま...

私たちの目に映る重苦しい映像は、実は母親の母性愛を表現したものなのです。

24時間365日赤ちゃんを愛する母親を持つこと幸福指数がとにかく高すぎる!魔法のような自然の中で例...

ヤヤヤ! 280番目のDanxiaチラシはこれでした!

丹霞鳥の渡りの季節が到来し、鳥類の重要な世界的な渡りルートに位置する広東省丹霞山国家自然保護区で、鳥...

昼間にライトをバッグに入れていたのですが、夜に開けたら消えてしまったのはなぜでしょうか?どこに行ったの?

これは過去に議論されてきた常識的な質問ですが、多くの人がまだ理解していません。実際、どんな容器を使っ...

漢方脈診は神秘的?脈診の背後にある物理学

ソース |中国科学院物理研究所 (id: cas-iop)編集者 |シャオファン手首、首、胸にそっと...

何千人もの反対にもかかわらず、私は前進します:開発者の視点から見たNintendo Switch

最近、任天堂は待望の謎のゲーム機「NX」を発表し、正式にSwitchと命名した。まず結論を述べます。...

梨を食べるとどんなメリットがありますか?

乾燥して暑い夏には、もっと水分を補給したいと思いませんか?しかし、水を飲むだけでは、どうして人々の好...

ドリアンを食べた後ビールを飲んでも大丈夫ですか?

日常生活では、ドリアン、特にその味を愛する人はたくさんいます。実際、ドリアンは健康維持に役立つ役割を...

カウンターポイント:XRヘッドセットの出荷は2023年に19%減少

Counterpoint 社のグローバル XR (AR およびヘッドセットの出荷) データによると、...

水虫の悩み - オレンジで簡単に解決

果物が体に与える効能は誰もが知っていると思います。女性にとって、果物は減量や美容に良い食品です。もち...

イチジクと白キクラゲのスープの作り方

シロキクラゲスープは私たちの日常生活で最も一般的なデザートです。多くの人が家庭で緑豆、小豆、梨などと...

桑の実の食べ方

桑の実は、初夏に熟す果物の一種です。桑の木の実です。紫黒桑の実と白桑の実があります。ジューシーで甘く...

餅の揚げ方

餅はおいしい食べ物で、特に揚げ餅は、多くの人が聞いたことがあるし、食べたことがあると思います。これは...

世の中には本当にもう一人の「私」がいるのだろうか?デジタルツイン:私は

制作 |科学普及中国著者 |海の塩漬け魚プロデューサー |中国科学博覧会「扁鵲三兄弟」の話を聞いたこ...

列車の運転手の緊急ブレーキにより乗客全員の命が救われた。それは5秒間の筋肉の記憶によるものだったのでしょうか?

6月4日朝、D2809列車は貴広線栄江駅に入る前の月寨トンネル入口で突然の土砂崩れに遭遇し、線路を...