読者です 読者をやめる 読者になる 読者になる

LITERALLY

知っておくと楽しい知識をまとめて紹介

創作意欲が刺激されるほどクリエイティブなウェブデザインを14つまとめて紹介

こだわり抜かれているウェブデザインを多く見ることは想像力を豊かにしてくれると思う。本当にクリエイティブでクオリティの高いサイトを見ると「自分も何かを作りたい!」と創作意欲が強く刺激されることもある。

今回はぼくがここ数年間で見てきたウェブページの中で、創作のモチベーションを高めてくれたものをまとめて紹介しようと思う。

 

1. AMP MUSIC 

f:id:tsukuruiroiro:20161102003603j:plain

最近のお気に入り。アフリカのストリートミュージックを取り扱う音楽レーベル「AMP MUSIC」のウェブサイト。スマホで見ると、アニメーションや音楽の再生がないが、それでも配色や全体のバランスが洗練されている。

 

2. UNIQLO INTRODUCTION

f:id:tsukuruiroiro:20161102003611j:plain

サイトの始まり方から、マウスオーバー時の動きまですべてが群を抜いてカッコイイウェブページ。流れてくる衣服や写真の流れまでこだわり抜かれている。作業用音楽で聞いていたいほど、BGMはリズミカルで心地が良い。これもPCで見ると良い。

 

3. IS JAPAN COOL?

f:id:tsukuruiroiro:20161102003619j:plain

ANAが外国からの観光客誘致のために企画した『日本』プロモーションサイト。トップページに流れる音楽がたまらない。これについては是非PCで見てもらいたい。

 

4.心の旅時計

f:id:tsukuruiroiro:20161102003628j:plain

朝日新聞のデジタル広告「心の旅時計」。佐々木希が主役の日記形式のストーリーになっており、大きく表示される写真の上に文字が点々と表示されていく。文字の入り方から写真の質まですべてが完璧。インターネットでこういう見せ方が出来るのかと驚かせてくれる秀逸なウェブページ。

 

5. Beatbox Academy

f:id:tsukuruiroiro:20161102003636j:plain

カナダの音楽ツールを紹介するウェブページ。『BASS』や『SNAERE』のボタンを押すと、ドラムが振動し音が鳴るようになっている。Flashが使われていないのが素晴らしい。

 

6. LIX - The Smallest 3D Printing Pen in the World

f:id:tsukuruiroiro:20161102003642j:plain

ボールペンのプロモーションサイト。下にスクロールしていくと、ペンで書いてるかのように線が伸びていくという素敵な発想。最近はやりの1ページ完結型のウェブデザインで、見るのがとても楽。

 

7. MyProvence Festival

f:id:tsukuruiroiro:20161102003650j:plain

 トップページは背景がアニメーションで、その上に白抜きの文字。最近流行りのデザイン構成だが、このページはそのお手本とも言えるクオリティの高さ。音楽がアニメーションと合っていて、引き込まれる。またクリックしたときのページの動きなど細かいところまでかっこいい。

 

8. Gilgul Culinary Productions

f:id:tsukuruiroiro:20161102003711j:plain

最近、巷ではやりつつある「画像の一部分だけがアニメーションで動く」シネマグラフ。そのシネマグラフをうまく使ったフードプロダクトのウェブサイト。食べ物×シネマグラフはこれから流行るような気がする。食べ物から出る湯気だけ動きをつける、などの編集をすればより食べ物を美味しく見せることができるはず。

 

9.Secret Study

f:id:tsukuruiroiro:20161102003704j:plain

ライブなどのイベントプロデュース会社のウェブページ。トップページの中心にダイヤ型のナビゲーション・メニューが配置してあり、クリックでページがスライドしてコンテンツが表示される。斬新だが、直感的で見やすくユーザーファーストのデザインだと思う。

 

10. Sebañado photographies

f:id:tsukuruiroiro:20161102003730j:plain

海外の写真家のポートフォリオサイト。文字をほとんどいれないシンプルな写真の見せ方がおしゃれ。

 

11.bikke

f:id:tsukuruiroiro:20161102003740j:plain

ファミリー向け自転車製品の販売サイト。スクロールすると、カラフルなかわいいイラストや文字が次々と表示される。たくさんの情報が詰め込まれているが、楽しく見ることができる素敵なサイト。

 

12. LETTERS, INC.

f:id:tsukuruiroiro:20161102003751j:plain

すべてのコンテンツが線だけで構成されているアーティスティックなウェブページ。幾何学模様がヌルヌルと動いてる様子は見ているだけで面白い。

 

13. Nu Nomen Boutique Studio

f:id:tsukuruiroiro:20161102003758j:plain

綺麗に整列された美しい写真と、美しいタイポグラフィーの組み合わせが爽快。サイトの動きが軽く、サイトを見ていて気持ちが良い。

 

14. のらもじ発見プロジェクト

f:id:tsukuruiroiro:20161102003805j:plain

古い商店街の味のある文字をフォント化して残していく「のろもじプロジェクト」。文字を入力すると、看板の文字が反映されて変わっていく。プロジェクトといいウェブページといい素晴らしい発想。 

素敵な発想のウェブデザインを見ていると、インスピレーションが刺激されて何か作りたくなりますね。

 

こちらの記事もおすすめ