2017年注目のデザイントレンド！"パステルカラー"が印象的なホームページ11選

2017年1月17日

4,519

ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。Twitterでも面白いWebサービスなどを紹介しています。よろしければそちらもチェックしてみてください。
　　
>> 執筆記事一覧はこちら

ホームページにどんな配色を採用するかはホームページのテーマによって大きく変わりますが、時期的なトレンドが加味される場合もあるでしょう。

2016年は"シックなネイビーブルー"と"明るいクリーム色"の組み合わせや"デュオトーンのようなビビッドな色"の組み合わせなどが流行しました。
そして2016年後半頃からは"パステルカラー"を使ったサイトも多く生まれました。

今回は、2017年もトレンドが続くと予想される"パステルカラー"を使った印象的なサイトをまとめました。
　　

パステルカラーが印象的なサイト11選

http://bilan-trends2016.heed.agency
フランスのデジタルエージェンシーHeedの高級時計やスマートウォッチに関する特設サイトです。
淡い桜色やエメラルドグリーンを部分的に使って、時計のイラストを引き立たせています。
　　

https://www.madeofsundays.com
Made of Sundaysはフィンランド・ヘルシンキ生まれの動物をモチーフにしたグッズを制作しています。
パステルカラーがファンシーなグッズのイメージとぴったりあっています。
　　

http://dearmayuko.co.jp
dear mayukoは天然の繭の成分「セリシン」を使った新しいライフスタイル提案型ビューティーブランドです。女性的な美を素朴に表現するために、白の余白を大胆に使いながら部分的にパステルカラーを取り入れています。
　　

http://beyondthispoint.design
Beyond This Pointはクリエイティブワークに関わる人々の間のトークを配信しているオランダのサイトです。スクロールするとセクションごとに様々なパステルカラーの色が切り替わります。
　　

https://www.getpennies.com
PenniesはiOSで作動するシンプルでスタイリッシュな家計簿アプリです。アプリの画面では赤・緑・青などのシックなパステルカラーが採用されています。
　　

http://office-mole.co.jp
OFFICE MOLEは、世田谷に拠点を構える芸能プロダクションです。
プロマイド写真のような画像がカルーセルで切り替わると、背景も対応して様々なパステルカラーを楽しむことができます。
　　

https://2016.cssconf.com
デザイナーやクリエイターたちが集うカンファレンスが CSS Confです。
ピンクのパステルカラーを背景としながらも、ビビッドな色の文字やアンティークポップ調の写真を合わせてアバンギャルドな雰囲気になっています。
　　

https://tokyomusicodyssey.jp
TOKYO MUSIC ODYSSAYはスペースシャワーTVが毎年行っているミュージックフェスタです。
メニューや背景の模様にパステルカラーが所々に取り入れられています。
　　

http://magenyan.com
高校生力士の助六が、飼い猫にゃんと一緒に大活躍するというどすこい！まげニャンの公式サイトです。
本来の作画からパステルカラーを多様しており、とても愛着の持てるキャラクターです。
　　

http://hookooekoo.co
HOO KOO E KOOはカリフォルニアにあるクリエイティブエージェンシーです。
スクロールするごとにパステルカラーの背景がグラーデーションのように変わります。
　　

http://kyary.asobisystem.com
ミュージシャンきゃりーぱみゅぱみゅさんのオフィシャルサイトです。本人がギターを奏でる背景動画を引き立たせながら、ピンクのパステルカラーをさりげなく採用しています。
　　

パステルカラーは、どちらかといえば女性的でポップなイメージがあるため、使用する場面は限定されます。
ただ与えたいイメージとぴったりなのであれば、非常に強力な配色となります。

フラットデザインが流行した時は、パステルカラーの明度を少し落としたシックな感じのフラットカラーが流行しましたが、最近出てきているのは比較的明るくポップなものです。

ぜひ、パステルカラーを取り入れたWebデザインにも挑戦してみてください。
　　