Surface Duo デザイン キット (figma)

Surface Duo Design Kit

Surface Duo デザイン キットは、アプリデザイナーと開発者がデュアルスクリーン ユーザー エクスペリエンスを構築するのに役立つ Figma コミュニティ リソースです。 このキットのコンポーネントは、Surface Duo が Android 上の Microsoft 製品のように感じるものの構成要素です。

  • セーフ領域 - セーフ領域では、コンテンツがアプリ ヘッダー、ナビゲーション バー、タブ、ヒンジを過大に使い過ぎないようにします。
  • 設計パターンとガイドライン - キット内の設計パターンは、さまざまなアプリ シナリオでデュアルスクリーン ディスプレイの可能性を示し、すべての要素を組み合わせて意味のある製品エクスペリエンスを実現する方法を示します。
  • 体制 - デュアルスクリーンデバイスは、さまざまなハードウェアと工業設計のバリエーションを備えています。 最近リリースされた Surface Duo および計画されている他のデバイスは、カテゴリの定義を支援するためのものですが、より大きなディスプレイやさまざまなヒンジ デザインを持つ他のデバイスが登場するかもしれません。 アプリを設計するときは、現時点で利用可能な特定のデバイスの仕様に合わせた設計は避ける必要があることに注意してください。
  • コントロールとレイアウト - デュアルスクリーンフォームファクターを念頭に置いて、使い慣れたコントロールやレイアウトを使用して好きなように設計できることを確認しました。 また、ヒンジなどのデュアルスクリーン アプリの設計時に注意する必要がある詳細や、外出先で設計するためのレイアウトを含める方法についても説明します。
  • コンポーネント - 各コンポーネントは、管理と操作が容易になるように、可能な限りフラットになるように構築されています。 一部のコンポーネントには非表示のレイヤーがあり、デタッチせずにバリエーションを追加するためにオン/オフを切り替えることができます。

Figma のチュートリアル