デザイナー向け2013をビルドします。 Windows 8.1インターフェイスの更新と、デザイナーおよびデザイナー向けの有用なレポートの概要



この比較的小さな記事では、Windowsストアのデザイナーとアプリケーション開発者に特に注意を払うために重要なWindows 8.1インターフェイスの変更の概要を説明します。 最後に、設計の対象者に役立つ(ビルド開発者にとっても、また役に立つ)ビルド会議からのレポートの選択があります。


インターフェースの概要


まず、Windows 8.1のプレビューバージョンを自分で設定していない場合は、 preview.windows.comから設定できます。 ビルド会議の前夜、WindowsチームはJensen Harrisと主な変更点の概要を説明したビデオを準備しました。



主な変更点と新機能


新しい表示モード。 デザイナーとデザイナーが遭遇する最も重要な変更の1つは、アプリケーションの表示モードに関するものです。 Windows 8で、フルモード、スナップモード、塗りつぶしモード、ポートレートモードとランドスケープモードの3つのモードが明確に強調表示されていた場合、Windows 8.1ではこれらの区分が消去されます。 これで、アプリケーションの幅は実質的に任意であり、デフォルトで最小幅は500ピクセルに等しくなりました。これは、スナップモードよりも大きくなります。 ただし、アプリケーションの作成者は、サポートされているより小さな幅を宣言できます(スナップモードであった320ピクセルまで)。



その結果、現在ユーザーにとってより重要なものに応じて、画面上に同じアプリケーションをさまざまな比率で配置でき、同時に3つ以上のアプリケーションを表示できます。

もう1つの結果は、ポートレートモードと、アプリケーションを横モードで表示する「モード」との間に違いはないが、同じサイズ(おそらく別のデバイス上)であるということです。

もちろん、レスポンシブデザインの概念のサイトで今日行われているのとほぼ同じ方法で、画面をさまざまなサイズと条件に適応させるための戦略を検討する必要があるため、デザイナーにとっては、これは追加の複雑さです。

これは、アプリケーションパネル、ヘッダー、検索バー、スクロール、ポップアップ要素とダイアログ、および設定パネルが異なる状態でどのように動作するかに特に注意を払う必要があることも意味します。

アプリケーションの幅を320pxに維持する場合、この状態では、スナップモードと同じ推奨事項が引き続き適用されます。 特に、垂直スクロール、小さなサイズのインデント、見出し、戻るボタンなど。

新しいタイルサイズ。 Windows 8.1では、小さい正方形と大きい正方形の2つの新しいタイルサイズが追加されました。 アプリケーションでは、使用可能なすべての形式をサポートできます。



小さなタイル:70x70px。 大きなタイル:310x310px。 また、正方形のタイルには3つの異なるサイズがあるため、正方形の名前の代わりに小、中、大が使用されることに注意してください。

通知は小さなタイルではサポートされていませんが、バッジ(小さなアイコン)は機能します。 大きくて幅の広いタイルの一般的な推奨事項:サポートしている場合は、静止画像だけでなく、それらをライブにします。

検索の更新。 Windows 8.1では、Windows 8のリリース以降に受け取ったすべてのフィードバックを考慮して、一般的な検索エンジンが大幅に再設計されました。



それでも共通の検索コントラクトに統合できますが、スクリプトの重要な機能である場合は、アプリケーション内にガイドラインを実装することをお勧めします。 特にこのために、新しい検索ボックスコントロールがHTMLおよびXAMLで開発されました。これは、以前に検索コントラクトと統合した方法とAPIが似ています。 コントロールは、結果のヒントと提案をサポートします。

こちらの更新されたガイドもご覧くださいmsdn.microsoft.com/en-us/library/windows/apps/hh465233.aspx

ハブ 異種要素を共通のスクロール機能を備えた単一のシステムに結合できるようにする長い要求のコントロールが、ついに実装されました。



これで、特別なコントロール(ハブ( HTMLXAML ))ができました。 他の多くの新しいコントロールについては別の記事で説明しますが、別の重要なコントロールであるWebViewにも大きな更新が加えられたことに注意してください。

システムとの統合:人、イベント、目覚まし時計 。 現在、連絡先との統合に加えて、ユーザーのカレンダーと統合する機会もあります。



さらに、アプリケーションは目覚まし時計として機能できます。

概要ガイドの追加の変更については、 msdn.microsoft.com / en-us / library / windows / apps / bg182890.aspxを参照してください 。 特に、アプリケーションで必要に応じて、Windows 8.1で音声を合成する方法について学習できます。

また、Windows 8.1はUSB、Bluetoothデバイスでの作業を改善しました。 POSデバイス(バーコードスキャナーなど)、および3Dプリンターでの作業をサポートします。 また、Windowsストアで変更を確認することを忘れないでください。

2013年のデザインペーパーの作成



Windows用のユーザーインターフェイスの設計と構築

Windows、テンプレート、原則、アプリケーションとプラットフォームのパーソナリティのインターフェースの設計に関する概要レポート。

Windows Phone:開発者向けの設計

Windows Phone向けの開発者向けアプリ設計の概要。

Windows Phone:XAMLでのUIの構築
XAMLを使用してWindows Phoneのユーザーインターフェイスを開発する重要な側面について報告します。

ユビキタスコンピューティング向けの設計

設計に関するBill Buxtonのレポート、私たちの周りのデバイス、アプリケーションやさまざまなシステムの設計の複雑さとタスク。

UIの構築:費用はいくらですか?
アプリケーションの作成コストの評価、適切なテクノロジーの選択、および機能性は常に推定または少なくとも考慮する必要があるコストであるという興味深いレポート。

アクセス可能なWindows 8.1アプリを構築する方法

手頃な価格のアプリケーションの作成に関する重要なレポート。

音声対話デザイン

モバイルアプリケーションでの音声制御の設計に関する有用なレポート。

あらゆる画面であらゆるサイズの美しいアプリ

さまざまな画面サイズと表示モードにうまく適応するアプリケーションの設計に関する重要なレポート。これは特にWindows 8.1に当てはまります。

デスクトップアプリを高DPIディスプレイで輝かせる
超高DPIを備えた画面用のインターフェースおよびグラフィックの作成について報告します。 これは主に技術的なレポートですが、デザイナーが重要なことを理解することも重要です。

iOSとWindows 8の設計の違い

iOS向けの設計経験があり、Windows 8向けの設計方法を学びたい人向けの非常に有用で詳細なレポート。

第一印象が重要:ユーザーが「購入」をクリックする瞬間からユーザーを喜ばせる
Windows 8.1アプリの第一印象を改善するための正しいヒント。

すごい要因:Windowsストアアプリを昇格可能にする

マイクロソフトが推進するアプリケーションの作成方法。

Windows 8.1のWindowsストアの概要:新しいデザイン、新しいプロモーション、収益化の機会
Windows 8.1用の新しいApp Storeと、アプリで使用できる新しい収益化機能の概要レポート。 また、デザイナーがストアのインターフェースをどのように、そしてなぜ再設計したかについて聞くことも興味深いでしょう。

アプリで優れた検索エクスペリエンスを設計および構築する

アプリケーション内の検索統合に関する概要レポート。 特に検索ガイドラインの変更と新しいコントロールの可用性を考慮すると、ほとんどのアプリケーションで役立ちます。

人とイベントを統合するアプリの構築

Windows 8.1のアプリケーションでの連絡先およびカレンダーとの統合に関する概要レポート。

Bingプラットフォームコントロールを使用して優れたWindowsアプリを構築する

マップから音声認識まで、アプリケーションで使用できるBingプラットフォームの機能に関する概要レポート。

Windows 8.1のアラームと計算機の構築から学んだ教訓

Windows 8.1用に新しいアプリケーションがどのように作成されたか、および「シンプルな」アプリケーションを作成することがいかに難しいかを報告します。

新しいWindowsメールアプリの構築のストーリー

Windows用のメールアプリケーションの設計、内部アーキテクチャ、テクノロジーの選択、生産性の闘いに関するストーリー。

Nokiaの音楽をWindows PhoneからWindows 8に導入するストーリー
Nokia Musicモバイルアプリを大きなWindows 8画面に移植することに関するNokiaの話。

Windowsストア用のLOBアプリを構築するためのヒント

Windows 8用のLOB(基幹業務)アプリケーションを開発するための便利なヒント。

XAML開発者向けVisual StudioおよびBlendの新機能
XAML開発者向けのVisual Studio 2013およびバンドルされたBlend(インターフェイス設計ツール)の新機能に関する概要レポート。

Blend for HTML Developersの新機能
HTML開発者向けのVS2013で提供されるBlendの新機能に関する概要レポート。

Source: https://habr.com/ru/post/J187004/


All Articles