パステルカラー配色の素敵Webサイトデザイン50個まとめ

50washedout_top

 

最近のウェブサイトには、鮮やかで力強い色使いのサイトや、余白スペースを大事にしたミニマルデザインの他、フラットデザインが大きなデザイントレンドになっています。同時に淡い色使いが印象的な、パステルカラーを得意としたWebサイトも増えているようです。

 

 

海外デザインブログSpeckyboy.comで、パステルカラーの配色が素敵なWebサイトデザイン50個をまとめたエントリー「50 Sites with Patel/Washed-Out Schemes 」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

淡いやさしい印象を表現する、パステル系Webサイトデザインまとめ

 

Solasie

レトロ、ビンテージ色の強い、色あせた写真加工が素敵な、背景デザインを採用したサイト。

1pastelsite

 

 

 

Portably

ピンク色やターコイズ色などデザイントレンドを意識した、大胆なレイアウトが魅力的。

4(2)pastelsite

 

 

 

Webstock 2013

レトロな配色と、大胆で力強いタイポグラフィーの組み合わせが新鮮なサイト。

18pastelsite

 

 

 

TokyoMilk

パステルカラーが美しい水彩絵の具タッチで表現された、エレガントで豪華な雰囲気を演出しています。

28pastelsite

 

 

 

Izumi Massage

日本式マッサージをカナダで展開しているお店で、わかりやすく3色のパステルカラーでまとめています。

17pastelsite

 

 

 

Kiliwatch

商品コレクションをパステルカラーでまとめ、はじめて訪れたユーザーにも親しみやすい印象を演出しています。

6pastelsite

 

 

 

Under the Weather

注目したいコンテンツを4つに絞り、カラー別にわかりやすく説明したサイト。

2(2)pastelsite

 

 

 

Lotie

繊細なイラストが縦横無尽に移動する、ユニークなコンテンツレイアウトが採用されており、触って楽しむサイトに仕上がっています。

26pastelsite

 

 

 

Enysford Music Festival

夏の終わりに行われる音楽フェスティバルの公式ページで、ゆるいイラストデザインがイベントの相性ともぴったりです。

31pastelsite

 

 

 

Amazee Labs

カラフルな色使いが配色の参考になりそうなWebサイトで、ノイズテクスチャを背景に利用した豊かな質感。

14pastelsite

 

 

 

Kinderfotografie Evi Hermans

淡いパステルカラーとグランジテイストを組み合わせ、子ども達にフォーカスしたオリジナル感たっぷりなサイトデザイン。

25pastelsite

 

 

 

Putzenegel

Webサイトという枠にとらわれないグラフィック力に、パララックスエフェクトなどWebスキルを見事に組み合わせた作品。

45pastelsite

 

 

 

Melonfree

プログラムスキルをメロンの輪切りで説明する、ユニークなレイアウトにメロン愛を感じるサイト。

12pastelsite

 

 

 

Heath Waller Creative

圧倒的なグラフィック力に、果物をテーマにした素敵壁紙テクスチャが目を見張るサイトデザイン。

27pastelsite

 

 

 

Fruute

美味しそうなクッキーなどのスイーツを販売するWebサイトデザインで、すっきりとしたミニマルデザインを採用。

16pastelsite

 

 

 

Smartphood

スクロールするごとにコンテンツが切り替わり、背景色をそれぞれ異なるパステルカラーで統一しており、アニメーション付きイラストも素敵です。

5(2)pastelsite

 

 

 

Pearman

パステルカラーを基本に、手書きイラストの見事なアニメーションを表現したサイトデザインで、ユーザーによりわかりやすく情報を伝える工夫があちらこちらに。

21pastelsite

 

 

 

Welcome to Marie Catribs

手書きイラストのタッチをそのままWebサイトとして再現した、温もりを感じるレストランのWebサイト。

15pastelsite

 

 

 

 Xixi No Banho

落ち着いた色使いでペイントされた投票型コンテンツで、移動するたびにユニークなアニメーションをたのしむことができるサイト。

50pastelsite

 

 

 

Upon A Fold

コンテンツの邪魔をしないアブストラクトな背景に、ロゴに採用されているテーマカラーで配色されたパステル系サイト。

44pastelsite

 

 

 

Image Festival Rotterdam

ピンク、ブルー、イエローの黄金パステルカラーで、コンテンツを塗りつぶすユニークなレイアウト。

34pastelsite

 

 

 

The Goodetime Gals

可愛らしいイラストと、迫力のあるタイポグラフィー背景、レトロタッチな配色が見事にはまったサイト。

33pastelsite

 

 

 

Concrete Matter

余白スペースをたっぷり取ることで、商品コンテンツにスポットを当てる、ミニマルスタイルのショッピングサイト。

23pastelsite

 

 

 

PUPA

実際に絵の具でペイントしたような優しい色使いと、滑らかなアニメーションが美しいWebサイトデザイン。

8pastelsite

 

 

サムネイル@ : Conferinta de Business Feminin! – The Woman

参照元リンク : 50 Sites with Pastel/Washed-Out Color Schemes – Speckyboy.com