デザイン

デザイン

ダークで色彩を抑えたWebサイトのデザイン集【インスピレーション源に最適!】

296 views

ウェブデザインでは明るくフラットなテーマがよく使われますが、時にはまぶしすぎ、目が痛くなってしまいます。

デザイナーの中には、ダークで色彩を抑えたデザインを追求する人々がいます。ダークテーマは独自の魅力があり、タイポグラフィーとあわせることでユーザーの感情を呼び起こします。今回は優れたダークテーマを採用したサイトを10個集めましたので、ぜひインスピレーションを得るための資料として活用してください。

 

 

  1. 1.Rumba

ダークかつミニマルなデザインで、アクセントカラーはマゼンタ一色のみとなっています。そのためユーザーの注意をデザイナーが望んだ場所に集めやすくなっています。

dark①

 

 

  1. 2.Apple Mac Pro

単ページレイアウトで製品を紹介しています。特にスムーズな遷移とアニメーションは見逃さないようにしてください。

dark②

 

 

  1. 3.Rook

暗い青色と黒のベースに、ゴールドのアクセントカラーが映えるサイトです。完璧なタイポグラフィーとさりげないアニメーションでユーザーを印象付けます。

dark③

 

 

  1. 4.Relax, we are the good guys

優れたアニメーションと画面遷移を参考にしたい時には、ぜひこのサイトをチェックしてください。

dark④

 

 

  1. 5.Kwox Yin Mak

フロリダを拠点に活動するデザイナーのポートフォリオサイトです。

dark⑤

 

 

  1. 6.Tobias van Schneider

こちらもポートフォリオサイトで、ダークテーマに白黒の写真を使用しています。

dark⑥

 

 

  1. 7.A2B

電動自転車の販売サイトで、目的とターゲットに最適化されたレイアウトとデザインを備えています。

dark⑦

 

 

  1. 8.Tramutola

ミニマルな単ページのサイトで、シンプルかつダークなデザインが特徴です。セクションの切り替えが非常にスムーズなのも見所です。

dark⑧

 

 

  1. 9.DUNCKELFELD

ブランドと人々とを結び付ける代理店のサイトです。

dark⑨

 

 

  1. 10.Image Conscious Studios

ボストンにあるブランディングとデザインのスタジオで、ダークテーマでポートフォリオを紹介しています。

dark⑩

 

 

 

いかがでしたか?ダークテーマには、明るいデザインとはまた違った魅力がありますね。

 

 

 

 

※本記事は、20 Powerful Dark Websites for Design Inspirationを翻訳・再構成したものです。

関連記事

おすすめ記事