英語で読む

次の方法で共有


ビジュアル

注意

この設計ガイドは Windows 7 用に作成されており、新しいバージョンの Windows では更新されていません。 ガイダンスの多くは原則として適用されますが、プレゼンテーションと例には 現在の設計ガイダンスは反映されていません。

ビジュアルには、コントロール以外のビジュアル要素が含まれます。 これらのガイドラインは、アプリでレイアウト、フォント、色、アイコンなどを決定するのに役立ちます。

このセクションの内容

トピック 説明
レイアウト
レイアウトは、ウィンドウまたはページ内のコンテンツのサイズ、間隔、配置です。 効果的なレイアウトは、ユーザーが探しているものをすばやく見つけるのに役立つだけでなく、外観を視覚的に魅力的にするのに重要です。 効果的なレイアウトは、ユーザーがすぐに理解するデザインと、ユーザーが困惑したり圧倒されたりするデザインの違いを生み出すことができます。
フォント
ユーザーは、Microsoft Windows の他の要素よりもテキストを操作します。 Segoe UI ("SEE-go" と発音) は Windows システム フォントです。 標準フォント サイズが 9 ポイントに増加しました。
Color
色は、ほとんどのユーザー インターフェイスの重要なビジュアル要素です。 純粋な美学を超えて、色は意味を関連付け、感情的な反応を引き出します。 意味の混乱を防ぐには、色を一貫して使用する必要があります。 望ましい感情反応を得るためには、色を適切に使用する必要があります。
アイコン
アイコンはオブジェクトの絵のような表現であり、プログラムの視覚的アイデンティティの一部としての美的な理由だけでなく、ユーザーがほぼ瞬時に知覚することを意味する意味を伝える短縮形としての実用的な理由のために重要です。 Windows Vista では、より詳細で洗練された Windows を実現する新しいスタイルの図像が導入されています。
標準アイコン
標準アイコンは、Windows の一部であるエラー、警告、情報、疑問符アイコンです。
アニメーションと切り替え
アニメーションと画面切り替えを戦略的に使用すると、プログラムの理解が容易になり、スムーズで自然で、より高品質に感じられ、より魅力的になります。 しかし、アニメーションと切り替えを無償で使用すると、プログラムが気を散らし、迷惑になる可能性があります。
グラフィック要素
グラフィック要素は 、リレーションシップ、階層、および強調を視覚的に示します。 背景、バナー、ガラス、アグリゲーター、区切り文字、影、ハンドルが含まれます。
サウンド
サウンド は、ユーザー エクスペリエンスのオーディオ要素です。 適切に使用すると、音は、ユーザーとの非言語的、さらには感情的な関係を確立する効果的なコミュニケーションの形になる可能性があります。 サウンドは、単独で使用することも、ビジュアル UI の補足として使用することもできます。 たとえば、通知に効果音を追加すると、特にイベントが発生したときにユーザーが画面を見ていなければ、通知に気付く可能性が高くなります。