絵の具で描いたような水彩画風Webサイト8選

Webデザイン

2016.12.16(Fri)

こんにちは、デザイナーの岡田です。
最近のWebサイトのデザインはフラットデザインに代わってシンプルなデザインが好まれているようです。でも、そのシンプルな中にハンドメイドのような温かさを感じる「水彩画」タッチの画像を入れることでデザインの深みを出すWebサイトが出てきました。
今回はそんな水彩画風の画像を入れたWebサイトをいくつか紹介したいと思います。

岡山から日帰りで行く!瀬戸内国際芸術祭を楽しむアートな女子旅
マイ・フェイバリット瀬戸内

岡山から日帰りで行く!瀬戸内国際芸術祭を楽しむアートな女子旅 マイ・フェイバリット瀬戸内岡山から日帰りで行く!瀬戸内国際芸術祭を楽しむアートな女子旅 マイ・フェイバリット瀬戸内

http://setouchi.my-fav.jp/feature/2/

Blocks — Productivity tools for designers and developers

Blocks — Productivity tools for designers and developersBlocks — Productivity tools for designers and developers

http://blocksapp.io/

イギリスのフリーランスワーカーのためのサービスのWebサイトです。
全体的に紫と青と赤の水彩で色彩的には強めの印象がありますが、鳥のキャラクターを全面に出した可愛らしさでうまくバランスが取れていると思います。
また、一部のパーツを動かすことでインパクトも感じるWebサイトになっています。

Canvas Creative

Canvas Creative

http://www.canvascreative.co/

アメリカのユタ州にあるデザイン会社のWebサイトです。
トップの墨で描かれたような背景と力強く描かれたロゴが印象的です。デザイン会社のWebということで洗練された力強いイメージを感じさるサイトになっています。

Horlogerie 2016 - Les Stratégies Gagnantes

Horlogerie 2016 - Les Stratégies Gagnantes

http://bilan-trends2016.heed.agency/#

フランスの高級腕時計のWebサイトです。
鉛筆で描かれた時計のイラストと水彩タッチが上手く調和していて、優しさと高級感を感じさせるデザインになっています。キービジュアルのイラストに直線や丸などの模様を足すことでビジュアルを目立たせる事にも成功していますね。

Wedding Planners | New Jersey | New York | Destinationreveriemade

Wedding Planners | New Jersey | New York | Destinationreveriemade

http://reveriemade.com/

アメリカにあるウェディングのプランニング、フラワーデザインをしている会社のWebサイトです。
サイトを見た瞬間でどんな会社のサイトなのかがよく解る、いいデザインだと思います。

Koa Organic Beverages

Koa Organic BeveragesKoa Organic Beverages

https://drinkkoa.com/

アメリカの清涼飲料メーカーのWebサイトです。
商品コンセプトとなっている「自然」をイメージさせる、緑色系の水彩を効果的に使用しています。
また、商品のボトルの近代的なデザインと、背景の水彩イラストが上手く対比されていて、より商品が目立つデザインになっています。

こころの耳:働く人のメンタルヘルス・ポータルサイト

こころの耳:働く人のメンタルヘルス・ポータルサイト

http://kokoro.mhlw.go.jp/

厚生労働省が運営するメンタルヘルスのためのポータルサイトです。
精神的な安らぎを与える暖色をベースにした色使いと、温かみを感じさせる水彩タッチの画像が効果的に使用されています。

住友不動産のマンション新築そっくりさんリノベーション

住友不動産のマンション新築そっくりさんリノベーション_01住友不動産のマンション新築そっくりさんリノベーション_02

http://m-renovation.sokkuri3.com/
※このコンテンツは音が流れます

住友不動産の運営するマンションリノベーションのWebサイトです。
「2つの家族のストーリー」というストーリー仕立てのサイトで、まるで絵本を読んでいるような感覚になります。読み進めるのが楽しい遊び心のあるサイトになっていますね。

まとめ

水彩画タッチのサイトは優しい雰囲気を出したいときにに使われる…と思っていましたが、今回紹介した中の「Horlogerie 2016」ではビジュアルイラストを効果的に見せるために、「Koa Organic Beverages」では商品のハッキリしたデザインを際立たせるために水彩を効果的に使用していて、個人的には目からウロコでした。
次回は、水彩画風デザインに挑戦してみたいという方向けにPhotoshopで使えるブラシを紹介したいと思います。