Advertisement

 

「黒」を基調としたデザインは、ミステリアスで神秘的なイメージの他にも、ファッションではエレガントでオシャレ、セクシーな印象を与えることができます。

 

海外デザインブログTripWire Magazineで、60個の黒を基調としたダーク系Webサイトデザインをまとめたエントリー「60 Stunning Black Website Design Collection」が公開されていたので、今回はご紹介します。

 

配色やデザインパーツのレイアウトなどの参考にしてみてはいかがでしょう。

 

 

詳細は以下から。

 

 

黒を基調としたダーク系Webサイトデザインまとめ

 

Future of Web Design

アクセントカラーとして黄色を効果的に利用したダーク系Webサイトデザインで、太字スタイルフォントが印象的。

image_thumb35

 

 

The Jag Studio

男女どちらかのモデルを選択し、フォトグラファー気分を味わうことのできるユニークなサイト。最後には撮影した写真をウェブマガジンに変換してくれます。

image_thumb49

 

 

Let It Bleed

黒をベースにアメリカ国旗カラーを組み合わせたスタイリッシュなデザインが魅力的。

image13_thumb

 

 

1MD

淡いグランジテクスチャ素材を背景に、極太スタイルのタイポグラフィーを組み合わせたグラフィカルなデザイン。

image_thumb7

 

 

Abercrombie & Fitch

トーンの異なる灰色を組み合わせることで、スタイリッシュでエレガントな印象を与えてくれるWebサイト。

image_thumb23

 

 

Granny & Smith

フルサイズで表示されたモノクロ写真を背景に、ベージュ色を利用した高級感のあるデザイン。

image37_thumb

 

 

The Old State

新聞のようなマガジンスタイルとレトロスタイルを組み合わせたユニークなWebサイト、パーツによってトーンを調整しています。

image_thumb28

 

 

Finger Boardy

少し汚れたようなグランジテクスチャを背景に利用することで、質感を高めたWebサイトデザイン。

image_thumb6

 

 

Digital Zoo

今にも飛び立ちそうな虫をグラフィカルに再現したWebデザイン、余白スペースの取り方など参考になりそうです。

image8_thumb

 

 

Cobra Creative

それぞれ色合いの異なるノイズテクスチャを組み合わせて立体感を表現したWebサイトデザイン。

image_thumb22

 

 

Dallas Young Artists

メタルテクスチャパターンを背景に利用し、3色をベーストした色使いでデザインされたWebサイト。

image_thumb9

 

 

Palazzo Dallay

フラッシュを使ってデザインされたグラフィカルで動きのあるイタリアのWebサイト、デザインパーツのリアル感がすごいです、。

image_thumb37

 

 

Joint Media

淡い黒のグラデーション、ノイズテクスチャを利用、細字フォントスタイルを組み合わせて高級感のあるデザインを再現しています。

image49_thumb

 

 

Worry Free Labs

ザラザラとしたノイズテクスチャを利用した質感の高いWebサイト、ボタンなどUIデザインも参考になりそうです。

image_thumb8

 

 

Kineda

ファッションニュースを中心に配信されているブログメディアで、オレンジ色をアクセントカラーとして使用。

image_thumb3

 

 

DepthCore

ヘッダー部分のみ灰色で切り返すことで、コントラストをうまく引き立たせたWebサイトデザイン、個人的に配色の参考としてメモ。

image_thumb21

 

 

Dyson

掃除機でおなじみのDysonですが、グリッドレイアウトを使ってスッキリとエレガントな印象を与えてくれます。

image_thumb56

 

 

Looks Like Good Design

モノクロのシンプルなレイアウトにアート製の強いオシャレなサムネイル画像が引き立ったデザイン。

image54_thumb

 

 

 Paulo Taneda

ユニークな背景デザインのレイアウト方法を実践しているWebサイト、黄緑色をアクセントカラーとして使用。

image_thumb13

 

 

Studio 7 Designs

地球を描いたダイナミックなグラフィックデザインを背景に利用したWebサイトデザイン、クリエイティブなオリジナル性を表現。

image_thumb48

 

 

One Fashion Outlet

カラフルな色の組み合わせがユニークなロゴをベースにスタイリッシュで立体的なデザインを展開。

image_thumb50

 

[fancy_box][参照元 : 60 Stunning Black Website Design Collection – Tripwire Magazine][/fancy_box]