黒をベースにしたデザインは、スタイリッシュでオシャレな印象を演出することができます。
前回のまとめよりおよそ半年ほど経過しており、新しいデザイン、テクニックを利用したWebサイトが数多く登場しています。
海外デザインブログSix Revisionsで、ダーク系カラーを利用したWebサイトデザイン30個をまとめたエントリー「30 Beautiful Dark Website Designs for Inspiration」が公開されていたので、今回はご紹介します。
詳細は以下から。
ダーク系デザインの参考に、黒をベースにしたWebサイトデザインまとめ
黒と黄色の組み合わせに、細字フォントを組み合わせた、オシャレWebサイトデザイン。
左側にあるメニューとは別に、矢印キーで操作可能です。
自転車の部品をパーツ売りしている、ユニークなWebサイトデザイン。
商品サンプル写真も美しく、ショッピングサイトデザインの参考にいかがでしょう。
iPad用音楽アプリの公式Webサイトですが、リアル感の追求、こだわりがハンパないです。
パララックスエフェクトを利用して、まるでアプリが動いているような演出が素敵。
ザラザラとしたノイズテクスチャを背景に利用することで、質感を高めたWebサイトデザイン。
アメリカ、テキサス州の地酒ならぬ地サイダーを作っている会社のWebサイトデザイン。
タイポグラフィーを利用した、シンプルで、インパクトのあるデザインが魅力的。
オーストラリアにあるカフェバーの公式サイトで、写真をふんだんに利用した分かりやすい設計。
表紙感覚でモノクロ写真を利用しており、個人的に参考として。
極太のタイポグラフィーロゴがばっちりと映えた、モノクロダーク系Webサイトデザイン。
雑誌のレイアウトをモチーフにして作成された、ダーク系Webサイトデザイン。
花柄オーナメントデザインを背景に利用した、エレガントな印象を演出。
音楽のアートワークにスポットを当てて、曲を探すユニークなサービスで、黒をベースにすることで、スタイリッシュなデザインに仕上げています。
フォントをデザインとして活用した、タイポグラフィーをフッターまで採用したモノクロデザイン。
手描きデザインで統一された、やわらかい雰囲気が印象的なWebサイトデザイン。
アメリカ、メリーランド州にあるボクシングジムの公式Webサイト。
力強いタイポグラフィーと、ダイナミックなパララックスエフェクトが目で楽しませてくれます。
幾何学模様のモノクロパターンを背景に、アート性の強いデザインサイト。
アクセントカラーの水色も、やさしい印象を演出しています。
モノクロデザインで編集された、イメージ写真を背景に利用し、オリジナル性を高めたWebサイトデザイン。フォントカラーは個人的に参考にしたいのでメモ。
アンティーク装飾を用いた、エレガントデザインが素敵なWebサイト。
細かいパターンテクスチャ素材を、背景に利用して質感をアップしています。
ストップモーション映像デザイナーのポートフォリオサイトで、汚れたようなグランジの質感を組み合わせたデザインとなっています。
ニュージーランドを拠点に製造されているビール工場のウェブサイト。
フォントに黄金カラーを利用することで、リッチで豪華な印象を与えてくれます。
半年ほど前にまとめた、ダーク系デザインの参考にしたいサイトを中心に集めていますので、よろしかったら一緒にいかがでしょう。
[参照元 : 30 Beautiful Dark Website Designs for Inspiration – Six Revision]
