gihyo.jpサイトのロゴ

週刊Webテク通信

2015年2月第1週号1位は、2015年のWebデザインのトレンド15個、気になるネタは、グーグル、Android TV搭載のNexus Playerを日本発売 Chromecastよりも高機能

2015-02-05

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2015年1月26日～2月1日の間に見つけた記事のベスト5です。

1. 15 Web Design Trends You can Expect to see in 2015http://designposts.net/15-web-design-trends-can-expect-see-2015/

2015年のWebデザインのトレンドとして期待されるものを15個紹介しています。

  1. レスポンシブなデザイン
  2. マイクロインタラクション
  3. 画像を充分に使ったデザイン
  4. 魅力的なタイポグラフィ
  5. タイル
  6. イラストと手描き
  7. Bootstrapフレームワーク
  8. ビデオの利用
  9. スライダーを使わない
  10. マテリアルデザイン
  11. 視差スクロール
  12. インタラクティブな機能
  13. ミニマルなデザイン
  14. ぼやけた背景
  15. 結論
図1　2015年のWebデザインのトレンド
図1　2015年のWebデザインのトレンド

2. The ultimate guide to SVG | Webdesigner Depothttp://www.webdesignerdepot.com/2015/01/the-ultimate-guide-to-svg/

SVGに関する様々な情報へのリンクがまとめられています。

チュートリアルや入門記事、ツール、ライブラリ、素材、SVGを活用したアイデア例など、たくさんの情報源へ誘導してくれる記事です。

図2　SVGの完全ガイド
図2　SVGの完全ガイド

3. Create App Website Quickly and Easily: 7 Experts’ Tipshttp://www.motocms.com/blog/web-design/create-app-website-experts-tips/

モバイルアプリをPRするための商品サイトを、短期間で簡単に作るためのテクニックを紹介しています。

  1. ランディングページのように扱う
  2. イラストを利用する
  3. 商品写真を作る
  4. ストアのバッジ
  5. シンプルに
  6. ストーリーを語る
  7. 一貫性を持たせる

商品写真については、画面キャプチャを載せるのもいいのですが、そのアプリを実際に使っているシーンの写真や動画を使うと新鮮味が出るとのことです。すでにそういったイメージを使っているサイトが最近多いように感じます。

最後に、アプリのサイトの実例も紹介されていました。

図3　モバイルアプリの商品サイトを作成するためのテクニック
図3　モバイルアプリの商品サイトを作成するためのテクニック

4. 13 useful jQuery Filter & Sort Plugins with Example Demo - WDPhttp://webdesignpool.com/useful-jquery-filter-sort-plugins

フィルタリングやソートを行うjQueryプラグインを13個紹介した記事です。

画像などが一覧表示されているリストから、特定のカテゴリのものだけを抽出した表示にしたり、何かしらのルールで並べ替えたりするインターフェイスを実現できます。

図4　フィルタリングやソートを行うjQueryプラグインいろいろ
図4　フィルタリングやソートを行うjQueryプラグインいろいろ

5. 65+Top Single Page Website Designs for Your 2015 Inspiration | single page templates | Graphic Design Inspirationhttp://www.graphicdesignsinspiration.com/2015/02/65top-single-page-website-designs-for-your-2015-inspiration/

シングルページ型のWebデザインを大量に集めたギャラリーです。

イラストを使ったもの、大きなタイポグラフィを使ったものが、やはりトレンドのようです。

図5　シングルページ型Webデザインのギャラリー
図5　シングルページ型Webデザインのギャラリー

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

先週の気になるWebサービス

Retrojam - Enter Your Birthday!http://www.retroj.am/

Retrojamは、自分の生年月日を指定すると、生まれたときから幼稚園時代、小学校時代…とその時々で流行した音楽をリストにしてくれるWebサービスです。紹介されるのは洋楽なのですが、このアイデアは面白いですね。日本版も誰か作ってくれないでしょうか。

紹介される音楽は、定額制音楽配信サービス「spotify」上の音源が埋め込まれています。なので、spotifyの契約をしている人しか聴けませんし、日本ではサービスを提供していないため曲を聴くことはできません。

定額制音楽配信サービスで提供されている楽曲の中から、何かしらの切り口でその人にあった曲を紹介するサービスというのは、今後いろいろ登場しそうだと思いました。

図6　自分の歴史に合わせて流行した音楽のリストを作るサービス
図6　自分の歴史に合わせて流行した音楽のリストを作るサービス

おすすめ記事

記事・ニュース一覧