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制作関連

    404エラーページ作成のススメ

    通常サイトにアクセスしていてページが削除されていたり、タイプミスなどで…

  2. WEB制作関連

    パーツ別のWEBデザインギャラリー8選

    ヘッダー、フッターから見出し、ナビゲーションといったパーツにフォーカス…

  3. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー

    どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQuer…

  4. WEB制作関連

    jQueryベースのグローバルナビゲーション20選

    主に大規模サイトのグローバルナビゲーション向けのjQueryプラグイン…

  5. WEB制作関連

    ここまでできる!HTML5できたゲームまとめ

    HTML5のアプリとしての拡張をフルに活用してつくられたゲームのまとめ…

  6. WEB制作関連

    テクスチャ使いが秀逸な35個のWEBサイト

    効果的なテクスチャの使い方で世界観をつくりだしているWEBサイトのまと…

  1. 話題・トレンド

    インドのスターが踊るPerfume!?
  2. WEB制作関連

    期待感あふれるクリエイティブなComingSoonページ25個
  3. Design Items

    写真以上、動画未満。「Cinemagraphs」がスゴイ。
  4. Design Items

    鯉が泳ぐカーペットって?
  5. LifeHack・仕事術

    拡張コピー|差分ファイルの抽出、バックアップに
PAGE TOP
Top