マイクロソフトの流暢なデザインの現在の状態

Windows10システムイメージを作成し、それを使用してコンピュータを復元する方法

Windows10今日は2015年に発売されたWindows10ではありません。 Microsoftが更新プログラムを提供するために使用するWindows-as-a-Serviceモデルは、元のリリースの多くを新しいコンポーネントに置き換え、新しい機能を追加しました。 これにより、Windowsの動作とWindowsの外観が大幅に変更されました。

Windowsは長年にわたってデザインと複雑な関係を持っていました。 これは、WINDOWSでもオプションだったXPとVistaのすべての日から、windows8のモダンなデザインのタイポグラフィ最初のフラットデザインに揺れています。 (元の名前につながった)地下鉄の表記によって促されて、現代窓の中心にまだあるのは設計アプローチである。 しかし、デザインの傾向は変化し、ユーザーエクスペリエンスは進化します。

microsoft-fluent-designthumb.png
画像:マイクロソフト

Windowsのモダンなデザインの遺産に基づいて、MicrosoftはゆっくりとWindows用の新しいデザイン言語を展開しています:Fluent Design System。 Windowsでのすべての対話の基礎となることを目的としたFluent Designは、デスクトップ、mixed reality、Xbox、server、IoT、さらにはweb上のすべてのバリエーションで採用されています。

modern designのタイポグラフィックアプローチから一歩離れて、Fluentは、ユーザーがコードと対話していることを確実にしながら、現実の世界を模倣する効果をもたらし、Windows これは、ユーザーインターフェイス要素が物理オブジェクトをコピーすることを意図していたiOSのskeuomorphismではありません。 Skeuomorphicデザインでは、ノートブックは革のようなバインディングと紙のようなテクスチャを持っていますが、ボタンは古いラジオやおなじみの電子計算機のように見えるように3Dアニメーションを使用しています。

代わりに、Fluentはより人工的なアプローチで設計し、プラスチックのような半透明性と3D効果を混合し、異なるアプリケーション状態間の新しい遷移を マイクロソフトは、Fluentについて、光、深さ、動き、素材、スケールの五つのコンポーネントに基づいています。 デバイスからデバイスへの移行を目的とした設計(およびアプリケーション)では、すべてのスケールで、そして複合現実でもうまく機能する一貫したルックア それはFluentの背後にある意図です:明らかにデジタルですが、現実世界のオブジェクトのように動作し、それらの周りの世界と対話することができるデザイ

参照:比較表:オフィススイート(Tech Pro Research)

Fluentは、Windows VistaのAeroと同様のアプローチを取っており、ガラス効果があります。 しかし、これはAero rebornではありません。 いくつかの類似点があるかもしれませんが、特に半透明の使用については、全体的なアプローチは、純粋に視覚効果に焦点を当てるのではなく、Fluentのすべ

デザインは、もちろん、私たちのアプリで使用するコンポーネントだけではありません。 また、コントロールレイアウトからアプリケーションナビゲーションに至るまで、コードをどのように構築す 普遍的なWindowsアプリ(およびXaml島を介したWin32アプリ)の設計言語として、Fluentはコードをどのようにまとめる必要があるかの鍵です。 Windows10SDKの新しいリリースごとに、キーコントロールの新しいバージョンが追加され、より多くの流暢な要素が追加されます。 Microsoftはwindows10の新しいバージョンの採用を大幅にスピードアップしましたが、UWPコードでターゲットとする基本バージョンを検討する必要があります。 代わりに、ユーザーベース全体で動作するコントロールを使用し、Windows独自のアニメーションやエフェクトを利用することになります。

ms-fluentacrylic-login.png

マイクロソフトは、あなたがログインダイアログに焦点を当て、Windowsのロック画面をフェードアウトさせる、Windowsの19H1リリースでログイン画面にアクリルエフェクターをもたらしています。

画像:Simon Bisson/TechRepublic

Fluentの重要な要素の1つは、Microsoftがアクリルと呼ぶ半透明効果です。 Fluent、material、depthの2つの主要テーマを取り入れたAcrylicは、Windowsの現在のテーマをピックアップするぼかし効果を提供します。 アクリル層の背後にあるウィンドウやアイテムはまだ表示されますが、テキストやその他のユーザーインターフェイス要素で簡単に これは、MicrosoftがWindows10でより多くを使用しているツールです,最新のプレビューは、ログイン画面に追加し、Windowsの独自のツールでナビゲーションペインの一部とし Acrylicを使用すると、アプリケーションをデスクトップに関連付けることも、アプリケーション内のレイヤーとして使用することもできます。

その最後の点は、ユーザーが自分のタスクに集中し続けるのを助けるために開発されているという点で、Fluent Designのより興味深い側面の一つかもしれません。 変更はあなたの流れからあなたを揺さぶるべきではなく、あなたの全体的なアプリケーションコンテキストは常に表示される必要があります。 UWPコントロールにビルドすることで、開発者は大幅な変更を加えることなくコードにエフェクトをすばやく追加できるため、多くの意味があります。

遅いが安定している

おそらく、以前のWindowsデザインに対するFluent designへの移行の最大の違いは、それがビッグバンではないということです。 VistaのAero Glassと8のモダンな外観はどこからともなく出てきて、最後の瞬間まで秘密にされ、アプリケーション設計者や開発者をループの外に残しました。 Fluentを使用すると、Microsoftはwindows10の半年間のリリースサイクルを使用して、独自のアプリケーションとWindows UWP SDKに新しい要素を追加する、はるかに遅いアプローチを取 そのInsiderプログラムはまた、より広範な公開リリースの前にFluent機能をテストするためのより多くの方法を提供します。

参照:Windows spotlight:パワーユーザーのための30のヒントとトリック(Tech Pro Research)

見過ごされがちなInsiderプログラムの一つの側面は、設計概念をテストするために使用す 異なるバージョンを異なるユーザーに提供することで、Microsoftは各Insiderリリースの一部としてA/Bテストを実行できます。 テレメトリとアンケート、およびフィードバックハブを使用して、アニメーションや透明度のレベルの違いにユーザーがどのように反応するかを理解します。 デザインは、今後のビルドのために洗練することができます。 このプロセスが実際に行われているのを見るのは興味深いことです: その後、洗練されたバージョンが二、三のビルド後にリリースされる前に、それは、次の中で消えます。

近日公開:次のWindowsリリースの新機能

ms-fluentacrylic.png

あなたはすでにそれがナビゲーションバーでそれを使用するWindowsの設定アプリのようなツールで流暢なデザインを見つけることができます。

画像:Simon Bisson/TechRepublic

現在のWindows10リリース1809と19H1Fast Ring previewを比較すると、Microsoft独自のアプリケーションでAcrylicがより多く使用されています。 Windowsの設定と管理ツールだけでなく、メールや写真など、さまざまなバンドルされたアプリの重要な要素です。 Acrylicはログイン時にロック画面をフェードアウトするためにも使用され、darkテーマとlightテーマの両方をサポートすることで、自分のアプリでFluentをどのように使

ms-fluentxamlcontrols.png

開発者は、効果を生成するために使用されるコードと一緒に、それらを使用する方法を示しているMicrosoftのXAMLコントロールギャラリーで、さまざまなFluent Design effectsを試

: Simon Bisson/TechRepublic

MicrosoftはFluentで非常に興味深いことをしています。 これは、ユーザーが期待するものではなく、半年ごとに変更が行われ、どこにも見えない終わりがあります。 しかし、それはアプリが新しいユーザーインターフェイスコンポーネントに適応することを可能にし、開発者がそれらを使用する方法を学ぶ時間を与え、よ Windows10が進化し続けるにつれて、UWPコントロールやWindows10Sdk、最終的にはより多くのサードパーティ製アプリケーションでより流暢な要素が表示されます。

も参照してください

  • Microsoft Officeの「Fluent Design」変身は、作業を簡素化し、生産性を向上させることができます(TechRepublic)
  • Windows10ユーザー:最新のアップデートでUIが変更されるすべての方法は次のとおりです(Techrepublic)
  • Microsoft Office2019for Macは、Office365以外の企業を対象とし、機能を追加します(Techrepublic
  • Microsoft Office2019for Macは、Office365以外の企業を対象とし、機能を追加します(TechRepublic
  • Microsoft Office2019For Macは、最新のアップデートでUIが変更されるすべての方法を示しています)。ダウンロード:Windows10からより多くを得るための12のヒント(TechRepublic)
  • Microsoft:10年間のサポートライフサイクル(Zdnet)
  • Windows10: チートシート(TechRepublic)
  • マイクロソフトは、不要なWindows10の更新プログラムを非表示またはブロックするツールをリリース(ZDNet)
  • Windows10にアップグレードする五つの理由(TechRepublic