サイトマップ

• サイトの目標
  • やってはいけないこと
  • 配色の失敗とは
  • 印象に残る配色
  • センスに頼らない配色
  • 理想の色とは
    • 役に立つ色
    • 好まれる色
    • 美しい色
• 色彩の基礎知識
  • Webセーフカラー
  • RGBを知る
  • 有彩色と無彩色
  • 色の三属性を知る
    • 色相とは
    • 明度とは
    • 彩度とは
  • HSB配色の基礎
    • HSBカラーモデル
    • HSBの色相
    • WindowsでのHSB
  • トーンとイメージ
    • トーンからのイメージ
    • トーンとは
• 色彩設計の準備
  • 最初の1色へ
  • ウェブサイトの目的と色彩
  • 言葉からの色彩イメージ
  • 売れる色
    • 色で売上が３倍の魔法
    • 売れるお店の分析
    • 売上と色彩心理
  • 色彩の心理的効果
    • 暖色と寒色
    • 派手な色と地味な色
    • 色彩と食欲
  • CIカラーの検討
    • CIカラーとは
    • CIカラーの扱い方
  • 競合サイトの分析
    • 競合サイト探し
    • 色相を分析する
    • 明度と彩度を分析する
• 色彩設計と調和
  • ベースカラーを決定
  • 色彩は面積比で扱う
  • ジャッドの色彩調和論
  • アクセントカラーを決定
  • 配色の調整
  • 背景色と壁紙
    • 情報を見せる背景色
    • 画像を見せる背景色
    • カラーイメージを見せる背景色
  • ４色以上使うには
    • 配色ツール
    • サブカラーの分割
    • アクセントカラーの分割
  • 配色サンプルの利用法
    • 配色サンプルを信じない
    • 配色サンプルの常識
  • サブカラーを決定
    • 明度だけを動かす
    • 色相だけを動かす
    • 彩度だけを動かす
    • 色の三属性の２つを動かす
• 配色のポイント
  • レイアウトしてから配色
  • 目の動きを考える
  • 悩んだら色を減らす
  • 環境による見え方の違い
  • JIS規格への対応
    • 色だけに頼らずに伝える
    • 視認性・可読性の確保
    • 文字サイズとフォント
    • むやみな点滅を避ける
  • 配色を外部へ委託する
    • 配色に必要な情報
    • カラーコーディネーターの選び方
  • 読みやすい背景色
    • 背景色と文字色
    • 背景色とリンク色
    • 固定レイアウトの背景色
• お知らせ
  • 運営者について
    • 講演・執筆・取材の依頼について
    • 運営者 坂本邦夫について
    • 活動履歴
  • このサイトについて
    • 関連サイトの紹介
    • 著作権(知的財産権)について
    • このサイトの趣旨
    • リンク、トラックバック、コメントについて
  • 著書の紹介
    • 効果的に伝えるWeb配色標準デザインガイド―ユーザビリティ/アクセシビリティ/マーケティングを考慮したサイトの色彩設計からの配色の実際まで