Webデザイン界隈では毎年、実験的なユニークなUIのWebサイトが次々と現れ、その中のいくつかが「トレンド」として爆発的に広まっていく傾向にあります。グリッドレイアウトやパララックス、レスポンシブWebデザインなどなど。それらはすべて海外で生まれ日本にやってくるのです。\n\n 次のトレンドを見極めるためには、海外のユニークなWebサイトを研究することが一番の近道です。ここでは、最近気になるユニークなUIのWebサイトをご紹介いたします。
タブレットでの閲覧に最適化したUI。縦横のスワイプ操作をうまく組み合わせて、タブレット環境で見やすいように工夫されています。
こちらもタブレットに最適化しているWebサイト。PCでも閲覧しやすく工夫されています。
左右でスクロールする向きが異なっているUI。見辛いという意見が大半ですが、使い方によっては印象深いサイトに仕上げることができます。
こちらは非対称スクロールをポートフォリオに適用したWebサイト。このぐらいの使い方がちょうどいい？
各ページが層となって重なっているUI。本のような印象で、チラ見せもあいまって次ページをついつい見たくなります。
各ページをよりビビッドな色で分かりやすくしています。
ユーザーのアクションに応じて背景色が変わるWebサイト。ついついマウスを動かしたくなるます。
こちらはマウスの動きに応じて背景色が変わるWebサイト。
CSS3を使って折りたたむような動きをするUI。さりげなく使うのがポイント。
こちらは折りたたまれたメニューが開く動きが面白いWebサイト。
【海外のユニークなWebデザイン】
Webデザイン界隈では毎年、実験的なユニークなUIのWebサイトが次々と現れ、その中のいくつかが「トレンド」として爆発的に広まっていく傾向にあります。グリッドレイアウトやパララックス、レスポンシブWebデザインなどなど。それらはすべて海外で生まれ日本にやってくるのです。
\n
\n 次のトレンドを見極めるためには、海外のユニークなWebサイトを研究することが一番の近道です。ここでは、最近気になるユニークなUIのWebサイトをご紹介いたします。
【タブレットに最適化したUI】 minimalmonkey.com: Minimal Monkey - Stephen Burgess
タブレットでの閲覧に最適化したUI。縦横のスワイプ操作をうまく組み合わせて、タブレット環境で見やすいように工夫されています。
こちらもタブレットに最適化しているWebサイト。PCでも閲覧しやすく工夫されています。
Mark Boulton Design
http://www.markboultondesign.com/【スクロールの向きが異なるWebデザイン】 valentinagallo.us: Valentina Gallo
左右でスクロールする向きが異なっているUI。見辛いという意見が大半ですが、使い方によっては印象深いサイトに仕上げることができます。
こちらは非対称スクロールをポートフォリオに適用したWebサイト。このぐらいの使い方がちょうどいい？
Bhav Mistry
http://bhavmistry.net/【ページがレイヤー状に重なるUI】 dreibholz.com: Atelier Dreibholz — Typogr...
各ページが層となって重なっているUI。本のような印象で、チラ見せもあいまって次ページをついつい見たくなります。
各ページをよりビビッドな色で分かりやすくしています。
Home - Marianne Brandt Designwettbewerb
http://marianne-brandt-wettbewerb.de/de/home.html【背景色が変わるWebデザイン】 danielolof.se: DANIEL KÄLLBOM
ユーザーのアクションに応じて背景色が変わるWebサイト。ついついマウスを動かしたくなるます。
こちらはマウスの動きに応じて背景色が変わるWebサイト。
I’m a Shaunimal
http://shaunlind.com/【折りたたみUI】 snowbird.com: Snowbird Home
CSS3を使って折りたたむような動きをするUI。さりげなく使うのがポイント。
こちらは折りたたまれたメニューが開く動きが面白いWebサイト。
FIELD × Studio for Digital Art and Generative Design
http://www.field.io/関連するトピックス