WEB制作関連

色とWEBデザイン -黒編-

色別WEBデザインのまとめです。今回のテーマは「黒色」です。

色の特徴とイメージ

黒は最も彩度の低い色ですね。つまり多くの色と彩度の差がでるので視認性や可読性を確保しやすい色です。黒地に白文字にしてテキストエディタを利用している方も多いのではないでしょうか。

もちろん文字だけでなく写真も鮮やかに見せることができるので料理の写真を見せる時やフォトギャラリーなどにも背景色としてよく使われていますね。また、黒を主役にモノトーンのデザインもすっきりとしてお洒落なので主役にも脇役にも活躍できる色ですね。

黒色をキーカラーにしてるWEBデザイン

Kineda

blackdesign_01.jpg

Kowalik

blackdesign_02.jpg

1MD

blackdesign_03.jpg

Looks Like Good Design

blackdesign_04.jpg

Duplo Studio

blackdesign_05.jpg

Quentin Mackay

blackdesign_06.jpg

Twelve Restaurant & Lounge Bar

blackdesign_07.jpg

Modstudio

blackdesign_08.jpg

さらに見たい方はこちらからどうぞ

この記事を読んだ人はこんな記事も読んでいます

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEBディレクターズマニュアル

    WEBディレクターがスケジュールを引いてはいけない理由

    プロジェクトを進める際には必ずスケジュールの提出を求められると思います…

  2. WEB制作関連

    固定配置したナビゲーションのWEBサイト21個

    ナビゲーションが固定配置されたWEBサイトのまとめです。このブログもナ…

  3. WEB制作関連

    WEBマガジンスタイルの海外サイトまとめ

    WEBマガジン形式にレイアウトされたWEBサイトのまとめです。記事ごと…

  4. WEB制作関連

    WEBサイト心理学|アフォーダンス理論

    アフォーダンスとは、もともと知覚用語だったものをドナルド・ノーマンがイ…

  5. WEB制作関連

    WEBサイト心理学|視線解析

    「ウソを付く時に人は右の方を見てしまう。」というのを聞いたことはありま…

  6. WEB制作関連

    HTML5を学ぶなら必ず見ておきたいWEBサイト35選

    そろそろ本格的に学びたいHTML5ですが、そんな時にぜひ参考にしたいW…

  1. Design Items

    究極のユーザビリティを実現したスイッチ
  2. WEB制作関連

    思わず買いたくなるECサイトのデザイン30選
  3. 話題・トレンド

    “ここが変だよ日本”が分かる動画「The Strange…
  4. LifeHack・仕事術

    拡張コピー|差分ファイルの抽出、バックアップに
  5. WEBマーケティング

    マーケティング心理学|コントラスト効果
PAGE TOP
Top