
WEBデザインにおいて視覚的に重要な要素のひとつ「色」に注目して、さまざまなサイトを集約。勉強の糧とする。
過去には当ブログでも「【WEB】31の緑いっぱいなWEBデザイン」などを取り上げてきましたが、今回は「白と黒」。
55 Inspirational Original White and Light Web Designs | reADactor
45 Original Dark and Black Web Designs | reADactor
個人的に好きなものを挙げてみます。
白を基調とした55のインスピレーションを掻き立てるWEBデザイン
「白」を基調とした場合、「空間の表現」「余白の表現」「見せるべきコンテンツをより際立たせる配慮」がポイントでしょうか。
手を抜くと没個性に見られてしまいますし、サイトの役割やコンセプトにもよりますが、際立った個性を演出するのは相当難しいと個人的には感じています。
The Typographic Desk Reference [TDR]
![The Typographic Desk Reference [TDR]](https://i0.wp.com/img.skitch.com/20100404-kf9y9rbn47spgg6nqyt48q86uh.jpg)
Rebecca Ruth Photography | London Wedding Photography

Neutra: Theme for WordPress | Artmov: Blog – Frontend Agency

Minimal WordPress Portfolio Preview – ThemeForest

黒を基調とした45のダークテイストなWEBデザイン
日本では個人サイトに多い黒背景ですが、企業サイトやECサイトでは滅多にお目にかかれません。
やはり黒は不吉なもの、邪悪なものとして捉える傾向があるからです。
日本人古来の感覚かと思われがちですが、私はそうではなく、現代日本人特有の感覚なのだろうと思っています。
黒というと商慣習上忌み嫌われる色として捉えられていますが、上手に使えば高級感・贅沢感を演出することもできますし、特に「光の演出」においては非常に有効な色合いです。
海外のWEBサイトを見ていると、黒という色は必ずしもネガティブなイメージでは捉えられていないように思います。
大手企業のサイトでも黒基調のものがありますし、演出の中でうまく使っていますね。
Outstander.net – Need I say more?

Beautiful web design & development | Two24 Studios – Denver, CO

Joomla Templates – Quasar – January GPL 2010

Magnifico HTML/CSS Preview – ThemeForest

白と黒、モノトーンな色彩感覚は、実は日本人には馴染みが深く、表現のバリエーションも豊かなはずだと思っています。
というのも、古くは水墨画があり、近代では漫画であり、モノトーン独特の感覚は自然と身についているのではないかと。
それなのに、商業デザインにおいて、特に企業のWEBサイトにおいては、無難なデザインに終始している現在の傾向は、勿体無いというか、ある種の憤りすら感じられます。
もっと自由に、表現の多様性を認められるよう、表現者も表現を依頼する側も表現を享受する側も成熟していく必要があるかなあとも思いますね。
日々勉強ですね。
| Balance in Design 美しくみせるデザインの原則 | |
![]() |
Kimberly Elam
おすすめ平均 |
| Design rule index―デザイン、新・100の法則 | |
![]() |
William Lidwell,Kritina Holden,Jill Butler
おすすめ平均 |
| デザイン・ルールズ デザインをはじめる前に知っておきたいこと | |
![]() |
伊達千代,内藤タカヒコ
おすすめ平均 |
| ノンデザイナーズ・デザインブック [フルカラー新装増補版] | |
![]() |
Robin Williams,吉川 典秀
おすすめ平均 |
| 7日間でマスターする配色基礎講座 (Design beginner series) | |
![]() |
おすすめ平均 |







![ノンデザイナーズ・デザインブック [フルカラー新装増補版]](https://i0.wp.com/ecx.images-amazon.com/images/I/41nvddaG9BL._SL160_.jpg)
