2015年上半期も本日が最終日

2015年のWebデザインを振り返った記事があったのでまとめ

 

1. はじめに

1-1. ファーストビューよりスクロールを重視するデザインに

1-2. シンプルなレイアウト構成

 

ユーザーがスクロールに慣れたなめ「サイトが表示されたらとりあえず下にスクロール」という動きが普通になっているという

なのであまりファーストビューにこだわらなくなってきてるとのこと

 

2. 今流行りのweb デザイントレンド13選

2-1 背景にビデオ動画活用

端末のスペックやネット環境が良くなっていけばそれにともなってコンテンツもリッチになっていく

動画が一般化し始めるのがまさに今のようだ

将来はゴリゴリの3Dが軽快に描画できるスペックのPCが安価になったりするのだろう

 

http://my.austria.info/

http://www.kalexiko.com/

 

2-2 カード・レイアウト（タイル・レイアウト）

この言葉を知らなかったが、要はFacebookのタイムラインのように1記事をブロックで囲っている感じのレイアウトとのこと

わかりやすくレスポンシブにもし易いのが良いらしい

 

http://www.google.com/landing/now/

※私の環境ではカード・レイアウトが再現できず

 

2-3 シングルページ

今後は後述のゴーストボタンやマイクロインタラクションと組み合わせて進化するらしい

http://www.kirinichiban.com/

 

2-4 パララックス・エフェクト

今後もこのトレンドは続き、更に進化するらしい

http://www.lexusls.asia/

 

2-5 アニメ化されたストーリー性

以下の参考サイトはSVGとjsでできているとのこと

https://www.boldking.com/

 

2-6 フラットデザイン

当面はこのトレンドが続くらしい

http://www.huffingtonpost.com/2012/02/19/logos-past-future-corporate_n_1285622.html

http://purgotea.com/

 

2-7 マテリアル・デザインの増加

今後の動向が気になるマテリアルデザイン

以下のサイトでが勉強になるらしい

http://material.cmiscm.com/

 

2-8 インタラクティブ・デザイン

サンプルがすごすぎて圧巻だが、もっと小さい範囲でもアイデア次第ではおもしろいものができそう

https://insideabbeyroad.withgoogle.com/en

http://www.blitzagency.com/

 

2-9 マイクロ・インタラクション

要はいいねボタンなどのことらしい

簡単なAjaxでのお問い合わせフォームなどもこれに当たる模様

http://www.buzzfeed.com/zachkornfeld/try-guys-robot-babies#.kjJkrp6RPk

 

2-10 トレンドのメニューバー

もう飽きた気もするが引き続きトレンドなようだ

http://bitcoinfoundation.org/

 

2-11 ゴーストボタン

この言葉は知らなかったが、要は背景が透けているボタンのことらしい

http://www.iuvo.si/

 

2-12 アニメーション効果

おそらく作成ツールの充実や作成者の技術向上により今後は当たり前になっていきそう

http://ja.wix.com/blog/2014/05/%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%8A%B9%E6%9E%9C%E3%81%AE%E9%AD%85%E5%8A%9B%E3%82%92%E5%BE%B9%E5%BA%95%E7%B4%B9%E4%BB%8B/

 

2-13 モバイル・ファースト

スマホ割合が年々増えている中で当然の対応

http://www.channelnewsasia.com/