「色のこと」の版間の差分

提供: Test Wiki
移動: 案内検索
(ページの作成:「*ウィキペディアのベースになっているMediawikiについて :*デフォルトの配色の説明 :*リンク、赤リンク :*背景色 :*スキンのこと...」)
 
(一般的なブラウザ)
行49: 行49:
 
*マウスオーバー時や選択中のリンクは
 
*マウスオーバー時や選択中のリンクは
 
*ブラウザやバージョンによっての違いもあります。
 
*ブラウザやバージョンによっての違いもあります。
 
+
*利用者毎にブラウザの設定をカスタマイズすることで、これらの配色は変更することができます。
*各サイト毎で個別に配色を指定したり、利用者毎にブラウザの設定をカスタマイズすることで、これらの配色は変更することができます。
+
*各サイト毎で個別に配色を指定することも可能です。
 +
*ただし一般的なwebデザインの観点では、これらの標準的な配色から著しく乖離した配色は、訪問者を戸惑わせることがあり、避けるべきだという考え方があります。

2016年12月3日 (土) 17:28時点における版

  • ウィキペディアのベースになっているMediawikiについて
  • デフォルトの配色の説明
  • リンク、赤リンク
  • 背景色
  • スキンのこと
  • カスタマイズできる
  • 一般的なブラウザの設定・挙動について
  • リンク、閲覧済みリンク


  • アクセスビリティの観点について
  • コントラスト比 JIS、ISO
  • 実際の色を表示してみせる
  • 「配色」以外のアクセスビリティの考え方について紹介する
  • デザインの観点について
  • 色が与える情報についての概論
  • 「色遊びはケシカラン」という全く根拠のない感情論があることも紹介
  • 過剰な重みづけ
  • 合意形成をすべし


Help:配色

一般的なブラウザ

  • 一般的なブラウザでは、デフォルト設定として次のような配色になっています。
  • インターネットエクスプローラーの例
項目 コード 色名指定 見本
背景 #FFFFFF white
テキスト #000000 black 見本
未訪問のリンク
(a:link)
#0000FF blue 見本
訪問済みリンク
(a:visited)
#800080 purple 見本
マウスオーバー時
(a:hover)
#FF8000 見本
選択中のリンク
(a:active)
#FF8000 見本
  • マウスオーバー時や選択中のリンクは
  • ブラウザやバージョンによっての違いもあります。
  • 利用者毎にブラウザの設定をカスタマイズすることで、これらの配色は変更することができます。
  • 各サイト毎で個別に配色を指定することも可能です。
  • ただし一般的なwebデザインの観点では、これらの標準的な配色から著しく乖離した配色は、訪問者を戸惑わせることがあり、避けるべきだという考え方があります。