週刊Webテク通信

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

この記事を読むのに必要な時間:およそ 2 分

ネットで見かけた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 自分の歴史に合わせて流行した音楽のリストを作るサービス

今週の気になるWebネタ

グーグル,Android TV搭載のNexus Playerを日本発売 Chromecastよりも高機能 - 週アスPLUShttp://weekly.ascii.jp/elem/000/000/298/298112/

GoogleのNexus Playerが2月下旬に日本でも発売されることが発表されました。価格は税抜12,800円です。本国での発売から1ヵ月遅れくらいで発売になるとは思っていませんでした。

以前は,Apple TVとChromecastを競合商品として比較していましたが,Apple TVと近い商品はやはりNexus Playerの方です。今後はApple TVとNexus Playerを比較対象にするとして,Chromecastに対抗する商品がAppleにはないのも気になるところです。

こういったジャンルの商品をウォッチしているわたしとしては,Nexus Playerを早く手に入れてApple TV&Chromecastと比較してみたいと思っています。同様な商品のAmazon Fire TVとFire TVStickの日本発売も待たれるところです。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入