発言者ごとに文字の色分けをするにあたり、どういう色使いをすると読みやすいでしょう?

このQ&Aのポイント
  • 発言者ごとに文字の色分けをするにあたり、どういう色使いをすると読みやすいでしょう?背景は白地で、仮に5人(多くて7人)が発言しているとすると、それぞれどうすると読みやすくなるか……できたら具体的なカラーコード例で教えていただけると助かります。いちばん発言の多い1人は黒系として。
  • 対談やチャットログといった長い文章を整形してアップロードする際に、発言者ごとに文字の色分けをすると読みやすくなると思います。背景は白が一般的で、多くの場合、名前だけを色分けすることが一般的ですが、発言全体を色分けする場合もあります。明るい色と暗い色を組み合わせることで、バランスの良い色使いとなります。具体的なカラーコードの例も教えていただけますと助かります。
  • 発言者ごとに文字の色分けをする際には、バランスの良い色使いを意識すると読みやすくなります。また、背景は白を基本とすることが一般的ですが、他の色を選ぶことも考えられます。明るい色と暗い色を組み合わせることで、視覚的に判別しやすくなります。発言の多い1人には黒系の色を使用することで、目立たせることができます。具体的なカラーコードの例も参考にしてください。
回答を見る
  • ベストアンサー

発言者ごとに文字の色分けをするにあたり、どういう色使いをすると読みやす

発言者ごとに文字の色分けをするにあたり、どういう色使いをすると読みやすいでしょう? 対談というかチャットログなど、けっこう長い文章を整形してアップロードすることが多いのですが… 読みやすい色を選ぶのに、いつも苦労します。 「明るい色と暗い色を混ぜて使うと、明るい色ばかり目立っちゃうなぁ…」「でも明るい色ばかりだとチカチカするなぁ」といった感じで。 背景は白地で、仮に5人(多くて7人)が発言しているとすると、それぞれどうすると読みやすくなるか……できたら具体的なカラーコード例で教えていただけると助かります。 いちばん発言の多い1人は黒系として。 (読みやすくなるのであれば、背景を白以外にすることも考えています) また、「名前だけ色分けする」か「発言全体を色分けする」かも迷いどころです。

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • nattocurry
  • ベストアンサー率31% (587/1853)
回答No.1

808080のグレイにすれば、明るい色も暗い色も見やすくなると思いますよ。 明るい色ばかりだとチカチカするのも背景が白だからであって、グレイにすると解消されると思います。 また、明るい色と暗い色を混ぜると明るい色ばかり目立つのも、背景をグレイにすることで緩和されると思います。

abyssavant
質問者

お礼

おおっ、ありがとうございます。試してみました。 白地では使えないような、黄色などが使えるのがいいですね。 まだ目立つ色と目立たない色に分かれてしまっているので、試行錯誤中です… 特に、赤系に苦戦しています。

その他の回答 (1)

  • wisize
  • ベストアンサー率42% (37/87)
回答No.2

WEBというよりも色彩の問題になりますね……。 理屈としてどういう場合にはどういう配色が~と説明することもできるのですが、 恐らく質問者様はそこまで突っ込んだ内容を求めていらっしゃるわけではないと思いますので、 「見やすい配色」などで検索してみるのはいかがでしょうか? また、本当に配色を変更する必要があるのか、という観点でも考え直してみたらいかがでしょう。 レイアウトに一工夫すれば、特に差別化を図らなくても見やすくなる場合も多々あります。

関連するQ&A

  • カーテンの色使いを教えてください?

    引っ越したのをきっかけに部屋の模様替えを考えています。コンセプトは白と黒のモノトーンで、アクセントカラーに赤をあしらおうと思っています。 白:壁、天井 黒:ベッド、AV機器、ハイチェアー2脚、シェルフ 赤:ハイチェアーの座面のファブリック、壁掛け時計のフレーム、その他小物 (ちなみに床はフローリングです) ってところなんですが、困っているのがカーテンです。どういう色のカーテンを選ぶべきか、教えてください。 長方形の部屋の片側長辺がバルコニーになっているので、カーテンの占める比重はインテリア的にも大きく、色使いがわかりません。赤は生活が辛そうだし、黒でもいいか、と探しにいったのですが、黒のカーテンなんてどこにも売ってませんでした。白にするのもいまいち納得できてません。 よい色使いをアドバイスいただけないでしょうか?

  • 【CSS】文字を選択した時のように反転したい

    マウスや、シフト+矢印で文字を選択すると、選択された文字が反転します(私が使っているブラウザですと、白地に黒の文字だと青背景の白字で反転されます)が、このような表現をCSSで実現するにはどうしたらよいでしょうか?(選択しない状態で選択されたような色にしたい) colorに白とbackground-colorに青を指定しても出来そうですが、 ブラウザによっても反転時の色って違うような気がするので、汎用的に記述できれば良いなあと考えております。

    • ベストアンサー
    • HTML
  • ガンダムのリアルタイプカラーとは?

    ガンダムのリアルタイプカラーというと黒色の多い重たい感じの色使いですが、この「リアル」の設定がわかりません。 アニメの白青赤のガンダムとの設定上の違いを教えて下さい。

  • EPS形式の都道府県別白地図を、属性数値で色分け

    EPS形式で都道府県別の白地図が多数販売(あるいは無料配布)されています。それを使って、数値分類するソフトはないでしょうか? 具体的には、出生率の高い順に、濃い黒、淡い黒、淡い灰色、白というように色分けするものです。

  • メールの背景色と文字色の変更

    Mac OS Xのメールソフトを使っています。 受信ボックスやメールの閲覧のとき、「白地に黒文字」で表示されますが、 「黒地に白文字」や「青地に黄色文字」などで表示設定が出来るのでしょうか? (文字色の変更は可能なようですが、背景色の変更の仕方がわかりません。) もし可能なようであれば設定方法を教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • ヘルプの文字色

    Windousのシステムカラーの背景色を黒、文字色を白に設定しているのですが、 アプリケーションのヘルプを開くと上手く表示されません。 真っ黒になってしまいます。 いい解決法ありませんか? OSはWinMeです。

  • 秀丸エディタで

    こんにちは。 新パソコンを買って、秀丸をインストールしました。 いままで背景色は黒で使っていたので、今回も背景色を黒にしました。 ところが、カーソル(「I」にして使用しています)も黒になってしまい、 どこにカーソルがあるのか分かりにくくて使いにくい状態になってしまいました。 以前使っていたときは、白っぽい色で(多分、設定でフォントカラーに指定していた色だと思います)見やすかったのですが…。 どこか設定で直せると思うのですが、なかなか見つかりません。 分かる方よろしくお願いします。

  • アイコンの文字の色が突然変わった・・。

    はじめて質問させて頂きます。 色々考えてパソコンをいじりましたが直らなかったのでわかったら教えて下さい。 デスクトップ上のアイコンの文字って普段は黒(紺?)が背景にあって文字の色は白だと思うのですが、それが突然背景が白くなって、文字が黒くなってしまったのです。 元に戻したいのですがやり方がわからなくて困っています。どなたか助けて下さい。宜しくお願いいたいます。

  • Excel2007 色のカウント (VBA)

    あるセル範囲にある特定色の数をカウントしたいのですが、どのようのマクロを組めばよろしいでしょうか? たとえば、下記のURLの場合にある赤色をカウントしたい場合、具体的にどのようにマクロ組めばよいですか? http://excel-magic.com/?no=42 実際に使いたい色は、2007から採用された色を基本として使用したいので、カラーコードの一覧表があればと思うのですが、ありますか? 塗りつぶし色 白、背景1、黒+基本色15% ⇒ -0.149998474074526 白、背景1、黒+基本色35% ⇒ -0.349986266670736 このマイナス数値がカラーコードになるんでしょうか?

  • 白抜き文字の印刷

    白抜き文字の印刷をしようとしてます。 以下のソースをIEで開くと、背景黒の文字は白で表示されるのですが、印刷すると、背景白で文字は薄いグレーになってしまいます。 背景黒の文字白で印刷する方法はないでしょうか? プリンターはIBMの5587-L20(モノクロのレーザープリンター)です。 =========================================== <html> <body> <table border=1> <tr> <td bgcolor="black"> <font color="white">TEST</font> </td> </tr> </table> </body> </html> ===========================================

    • ベストアンサー
    • HTML

専門家に質問してみよう