Advertisement

awwwards-annual-award2016-1

 

世界で注目されている現役の敏腕クリエイターが審査に参加した、新しい可能性を感じるアイデアやデザインのWebサイトを決める、Awwwardsの主催する年間アワード Annual Awards 2016が開催中です。

 

Annual Awards 2016は、6部門(今年のウェブサイトを決める The Site of the Year や、サイトの使いやすさやユーザビリティが完璧なサイトを決める Developer Site of the Year 、新しい技術を利用したユニークさを競う Experimental Innovative Site of the Year、デザイン性だけでなく使い勝手にもこだわるショッピングサイトを決める E-Commerce Site of the Year )でノミネートが発表されています。

 

 

今回はその中でも特に印象的だった、魅力的なウェブサイトをまとめてご紹介します。どれも触れて楽しむサイトが中心で、UIデザインや変わった操作方法など、アイデアを詰め込んだサイトばかりが選出されています。

 

 

 

2016年のWebを振り返る、年間アワードのおすすめウェブサイト35個まとめ

 

Kikk Festival

シャボン玉のようなホバーエフェクトやグリッチエフェクトを利用したデザインで、カラー配色も秀逸。

1-kikk-festival

 

 

 

Discover Your Patronus

2-discover-your-patronus

 

 

 

Nurture Digital

スクロールに応じてコンテンツと背景がアニメーション付きで遷移する、配色の参考にもしたいウェブデザイン。

3-nurture-digital

 

 

 

VR Sessions

AJAX遷移とアニメーションを組み合わせ、シームレスなウェブ体験を実現したサイト。VRを利用した360度の体験型ミュージックビデオの制作などを行っています。4-vr-sessions

 

 

 

Multimedia Guides to Polish Culture

5-multimedia-guides

 

 

 

The Law of the Jungle

6-the-law-of-the-jungle

 

 

 

Cantor Fine Art

7-cantor-fine-art

 

 

 

Waaark

8-waaark

 

 

 

Google Presents: The Hidden Worlds of the National Parks

アメリカの国立公園を動画で巡るサイト、自然の雄大さに触れるインタラクティブなデザイン。

9-hidden-worlds

 

 

 

iFly50

旅行したくなる一度は訪れたい世界の絶景50選をまとめたサイト。

10-ifly50

 

 

 

A Bear’s Eye View of Yellowstone

イエローストーン国立公園にいる熊の生態を知る教育向けサイトで、スクロールに応じて熊の移動マップを操作できるなどの仕掛けも。

11-a-bears-view-of-yellowstone

 

 

 

Reputation Squad

12-reputation-squad

 

 

 

StandardFilms

13-standard-films

 

 

 

Villes and Paysages

14-villes-paysages

 

 

 

Welikesmall

15-welikesmall

 

 

 

AirForceOne

16-airforce

 

 

 

The League of Legends

ゲーム要素をウェブサイトに加えた体験型ウェブサイト、圧倒的なグラフィックとなめらかな動きには注目です。

17-league-of-legend

 

 

 

Xavier Bourdil

18-xavier-bourdil

 

 

 

Navigating Responsibly

スクロールによるコンテンツ切り替えに、サイトのコンセプトの海をモチーフにした要素をふんだんに盛り込んでいます。

19-navigating-responsibly

 

 

 

Filippi Bello

動画をつかったコンテンツの新しい可能性を提案するサイト。要素の展開を工夫したエフェクトは、こちらで実現できます。

20-flippo-bello

 

 

 

Kontra K: Next to You

21-kontra-k

 

 

 

Codeology

コードを美しくビジュアル化するプロジェクトで、有名サイトもインタラクティブな3Dエフェクトで表現します。

22-codeology

 

 

 

This Was Louise’s Phone

23-this-was-louise-phone

 

 

 

BMW – Paris Motoroshow 2016

パリで行われた自動車展示会をバーチャル体験でき、まるで会場を訪れているような感覚でコンテンツを閲覧できます。

24-bmw

 

 

 

Parcours Canada

カナダの大自然を紹介するサイトで、ナチュラルな配色で読みやすさにもこだわった余白スペースをつかい、コンテンツを魅力的に仕上げます。

25-parcours-canada

 

 

 

A-Dam Underwear

26-a-dam-underwear

 

 

 

Boosted Boards

27-boosted-boards

 

 

 

Paul Valentine

28-paul-valentine

 

 

 

Andrea Brugi

29-andrea-brugi

 

 

 

Steep & Jar

30-steep-jar

 

 

 

Volte Wetsuit

31-volte-wetsuits

 

 

 

Paper Colelctive – Iconic Design

32-papaercollectivbe-iconic-design

 

 

 

Kalios

33-kalios

 

 

 

Kith NYC

34-kith

 

 

 

Twyla

35-twyla

 

その他にも、革新的でクリエイティブなアイデアを実現したデザインオフィスを決める Ageny of the Year と独立したフリーランスデザイナーから決める Independent Freelancer of the Year で投票を行うことができます。締切は3日後の1月13日までです、参加してみてはいかがでしょう。

 

2016trends-2
海外サイト WebDesignerWall で公開された Design Trends in 2016 & What to Expect in 2017 by
webdesign-trend2017
いよいよ2017年。年の初めは、既存のデザインや新しいプロジェクトを見直し、最新のトレンドをフレームワークに組み込む方法について考える絶好の機会と言えます。

 

参照元リンク : Anual Awards 2016 – Awwwards