マイクロソフトは、OneDrive向けに再設計されたレスポンシブWebエクスペリエンスを発表しました

読書時間アイコン 2分。 読んだ


読者は MSpoweruser のサポートを支援します。私たちのリンクを通じて購入すると、手数料が発生する場合があります。 ツールチップアイコン

MSPoweruser の編集チームの維持にどのように貢献できるかについては、開示ページをお読みください。 続きを読む

OneDriveの設計

マイクロソフトは、OneDrive用に完全に再設計されたレスポンシブWebエクスペリエンスを発表しました。

  • 数回の反復の後、4pxグリッドに着陸しました。これにより、レイアウトに十分な柔軟性がもたらされ、エクスペリエンスで達成したい視覚的な密度と安定性が維持されました。 また、Webレイアウトとネイティブレイアウトの両方で機能する単一のグリッドを作成することで、スタジオプロセスにある程度の効率をもたらしたいと考えていました。 4pxソリューションは両方の目標を達成しました。
  • 並行して、デバイスのクラスとその使用法との関係について広範な監査を行いました。 これは、私たちの経験にとって理想的な数のレスポンシブブレークポイントをより適切にターゲットにするのに役立ちました。 私たちはXNUMXつに着陸し、そこからレスポンシブグリッドを開発しました。 それは私たちの経験に秩序と構造の感覚をもたらしますが、外出先でより便利なWeb体験を可能にするのに十分な柔軟性も備えています。
  • グリッドの後、カラーパレットが次に来ました。 私たちのブランドカラーは定評のある#234fa2なので、そこから始めて、いくつかのアクセントを付けた無料のトーングレーのフルセットを作り上げました。 ディープアクセシビリティパスを実行し、いくつかの調整を行って、今日の製品に表示されるカラーパレットに到達しました。 これはバランスの取れた色のセットであり、OneDriveUIにさわやかで創造的なエネルギーをもたらします。

それについての詳細を読む こちら.

コメントを残す

あなたのメールアドレスは公開されません。 必須フィールドは、マークされています *