特に Web アプリケーションの情報に興味がありますが、デスクトップ アプリケーションの開発にも少し興味があります。この質問は、私の個人的な Web サイトでの作業と、いくつかの機能を開発したが、サイトのルック アンド フィールに統合するために他の人に任せた私の仕事に起因しています。
配色、レイアウト、フォーマットなどに関するガイドや経験則はありますか? 訪問者にとって読みやすさと明確さを確保したいのですが、同時に当たり障りのない、鈍いものであってはなりません。
この分野に関する私の知識について言えば、写真を渡された場合、それを画面上で再現するのに十分な知識がありますが、新しいインターフェースを設計したり、既存のインターフェースを再設計したりするように依頼された場合、どこから始めればよいかわかりません。 .
通常、各オペレーティング システムにはユーザー インターフェイス ガイドラインがあります。Windows の場合は、こちらをご覧ください。（編集：その投稿のリンクは壊れています。しかし、MSDNで「ユーザーインターフェイスガイドライン」を検索すると、すべてに関する記事があります）
Appleにも独自のものがあります。また、アクセシビリティを念頭に置いておくこともできます。
色のコントラストが適切かどうかを確認する 1 つのヒントは、スナップショットを作成してグレースケールに変換することです。もし何かが読めないなら、きっと色の選択が悪い。
さらに、ユーザー インターフェイスについてではありませんが、Before & After Magazineは、色、デザイン、および関連するトピックについてかなり良いヒントを提供してくれます。ダウンロードできる無料のPDFもいくつかあります。
Web UIの場合、ここで手足に出て、Webデザインで最も重要な色は白または「明るい」と言います。これは、コンテンツの密集した領域をその上に配置する色です。
プライマリコンテンツ領域に関しては、常に暗いテキスト、明るい背景。
そして、レイアウトで最も重要なルールは空白です。コンテンツを呼吸させてください。
これらの2つの単純なルールに従うことは、ほとんどの「ユーザーインターフェイスのユーザビリティ」ガイドラインよりも価値があります。
ちなみに、MSユーザーインターフェイスのガイドラインは（概して）ひどいものです。Jakob Nielsenを読み、Appleのデザインの美学を見てください。ただし、MSの「ニュートラルグレー/ブルークランチボックス」の12ステップのウィザード10ptテキスト哲学のUIには近づかないでください。
（そして私は長年のMS GUIプログラマーとしてそれを言います）
Jenifer Tidwell著の本Designing Interfacesには、この主題に関する章全体があります (第 9 章、オンラインでアクセス可能な抜粋)。本全体が推薦に値する。
一緒に似合う色を見つけるのは恐ろしいので、私は自然からの写真をだまして使用します。そのほとんどが私が望む色（たとえば緑）であり、次にこのWebサイトを使用してメインの配色を引き出します。一般的に、自然は独自の素敵な配色を設定するのにかなり良い仕事をします。
高コントラストのカラーコンボを使用します。白地に黒のテキストは、ハイコントラストコンボの最良の例です。
悪いコンボは、赤い背景に緑のテキストです。色覚異常の人（私のように）にとっては恐ろしいことです。
あなたのサイトが色覚異常の人にどのように見えるかを見てください：colorfilter.wickline.org
タイポグラフィで使いやすくするための簡単なヒントを次に示します。これらは主に、読みやすさとアクセシビリティの問題に対処します。
すべきこと：
禁止事項：
デスクトップ アプリケーションに関しては、何をするにしても、厳選した色を使用しないでください。「ウィンドウの背景」、「メニュー テキスト」などの名前付きのシステム カラーを使用してください。そうしないと、OS のアクセシビリティ機能に依存しているユーザーが、色の選択にロックされてしまい (たとえば、ハイ コントラストのテーマを選択できなくなります)、デスクトップ テーマをカスタマイズするのが好きな人は、あなたのアプリケーションが見苦しいと思うでしょう。