Advertisement

30darkwebsite_2012may_top

 

黒をベースにしたデザインは、スタイリッシュでオシャレな印象を演出することができます。

前回のまとめよりおよそ半年ほど経過しており、新しいデザイン、テクニックを利用したWebサイトが数多く登場しています。

 

 

海外デザインブログSix Revisionsで、ダーク系カラーを利用したWebサイトデザイン30個をまとめたエントリー「30 Beautiful Dark Website Designs for Inspiration」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

ダーク系デザインの参考に、黒をベースにしたWebサイトデザインまとめ

 

Tim Roussilhe Portfolio

黒と黄色の組み合わせに、細字フォントを組み合わせた、オシャレWebサイトデザイン。

左側にあるメニューとは別に、矢印キーで操作可能です。

0268-29_dark_website_design_inspiration_timotheerouss

 

 

 

Alien Bikes

自転車の部品をパーツ売りしている、ユニークなWebサイトデザイン。

商品サンプル写真も美しく、ショッピングサイトデザインの参考にいかがでしょう。

0268-05_dark_website_design_inspiration_alienbikes

 

 

 

76 Synthesizer

iPad用音楽アプリの公式Webサイトですが、リアル感の追求、こだわりがハンパないです。

パララックスエフェクトを利用して、まるでアプリが動いているような演出が素敵。

0268-03_dark_website_design_inspiration_76synthesizer

 

 

 

CultStory

ザラザラとしたノイズテクスチャを背景に利用することで、質感を高めたWebサイトデザイン。

0268-28_dark_website_design_inspiration_cultstory

 

 

 

Gold Top Cider

アメリカ、テキサス州の地酒ならぬ地サイダーを作っている会社のWebサイトデザイン。

タイポグラフィーを利用した、シンプルで、インパクトのあるデザインが魅力的。

0268-08_dark_website_design_inspiration_astineastciders

 

 

 

The Old Barber Shop

オーストラリアにあるカフェバーの公式サイトで、写真をふんだんに利用した分かりやすい設計。

表紙感覚でモノクロ写真を利用しており、個人的に参考として。

0268-02_dark_website_design_inspiration_oldbarbershop

 

 

 

Josh Sullivan

極太のタイポグラフィーロゴがばっちりと映えた、モノクロダーク系Webサイトデザイン。

0268-10_dark_website_design_inspiration_joshsullivan

 

 

 

BlissfullyAware

雑誌のレイアウトをモチーフにして作成された、ダーク系Webサイトデザイン。

花柄オーナメントデザインを背景に利用した、エレガントな印象を演出。

0268-12_dark_website_design_inspiration_blissfullyaware

 

 

 

Designers.MX

音楽のアートワークにスポットを当てて、曲を探すユニークなサービスで、黒をベースにすることで、スタイリッシュなデザインに仕上げています。

0268-13_dark_website_design_inspiration_designersmx

 

 

 

La Bubbly

フォントをデザインとして活用した、タイポグラフィーをフッターまで採用したモノクロデザイン。

0268-23_dark_website_design_inspiration_labubbly

 

 

 

Indubitablee

手描きデザインで統一された、やわらかい雰囲気が印象的なWebサイトデザイン。

0268-07_dark_website_design_inspiration_indubitablee

 

 

 

Champion Boxing Fitness

アメリカ、メリーランド州にあるボクシングジムの公式Webサイト。

力強いタイポグラフィーと、ダイナミックなパララックスエフェクトが目で楽しませてくれます。

0268-18_dark_website_design_inspiration_championboxing

 

 

 

Thismanslife

幾何学模様のモノクロパターンを背景に、アート性の強いデザインサイト。

アクセントカラーの水色も、やさしい印象を演出しています。

0268-25_dark_website_design_inspiration_thismanslife

 

 

 

Michelle Carrillo

モノクロデザインで編集された、イメージ写真を背景に利用し、オリジナル性を高めたWebサイトデザイン。フォントカラーは個人的に参考にしたいのでメモ。

0268-11_dark_website_design_inspiration_michellecarrillo

 

 

 

Bluecadet Interactive

アンティーク装飾を用いた、エレガントデザインが素敵なWebサイト。

細かいパターンテクスチャ素材を、背景に利用して質感をアップしています。

0268-30_dark_website_design_inspiration_bluecadet

 

 

 

Gangibob

ストップモーション映像デザイナーのポートフォリオサイトで、汚れたようなグランジの質感を組み合わせたデザインとなっています。

0268-09_dark_website_design_inspiration_gangibob

 

 

 

Moa Beer

ニュージーランドを拠点に製造されているビール工場のウェブサイト。

フォントに黄金カラーを利用することで、リッチで豪華な印象を与えてくれます。

0268-21_dark_website_design_inspiration_moabrewingco

 

 

 

黒をベースにしたダーク系Webサイトデザイン60個まとめ

半年ほど前にまとめた、ダーク系デザインの参考にしたいサイトを中心に集めていますので、よろしかったら一緒にいかがでしょう。

image13_thumb

 

[参照元 : 30 Beautiful Dark Website Designs for Inspiration – Six Revision]