2016年2月第2週号 1位は、Webデザインにおいて重要なデザインのバランスについて、気になるネタは、Facebook、12周年の2月4日を祝う「フレンズデー動画」を提供

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

Webデザインにおいて重要なデザインのバランスについて解説しています。

バランスはWebデザインでの重要な原則の一つで、バランスが悪いと個々の要素が目立ってしまい、ユーザーがメッセージを受け取りにくくなるとのことでした。

新しいデザイントレンドとして、ヒネリの利いた視差（パララックス）について紹介した記事です。

現在流行りの視差スクロールは、従来とは違い画面の概念がないところがポイントとのことです。スクロールとともに動的に背景色が変わり、アニメーションが動き、画面を移動する要素があり、現れたり消えたりする要素もあります。

紹介されている実際のサイトを訪れてみると、視差スクロールの最近の傾向が分かると思います。

フラットデザインの進化形を「フラットデザイン 2.0」と称して解説した記事です。

フラットデザイン 2.0はマテリアルデザインとほぼ共通すると思うのですが、影やグラデーションを控え目ながらも使用することで、ユーザビリティを高めています。

いくつかの有名なオンラインツールのUXを時系列で振り返るサイトです。

サイトの歴史をスクリーンキャプチャで見ることができて、デザインの変遷を楽しめます。

最近海外では筆で手描きしたようなフォントが流行っているようで、その手のフリーフォントをまとめています。

こんな感じの日本語フォントもたくさんあるとうれしいのですが…。

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

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

グラデーションを使った背景画像を生成できるWebサービスです。CSS3のグラデーションを使っているのではなく、画像をベースに生成しています。画像のごく一部を大きく表示することで、ブラウザの拡大表示のアルゴリズムによってグラデーションになるという仕組みです。

元にする画像は各種用意されていますが、自分でアップロードもできます。生成した画像はbase64エンコードされた状態でCSSに記述されているので、作ったグラデーションはCSSだけで設定できます。

キーボードの矢印キーで画像のどの部分を使うのか選べます。思い通りにグラデーションを作るのは難しいので、「⁠R」キーを押してランダムに生成させ、気に入ったものを探すという使い方がよさそうです。

ときどきあっと言わせるツールを提供してくるFacebookですが、2月4日の12周年を祝い「フレンズデー動画」を作れるようになりました。自分と友達の写真を使い、写真を重ねていくような動画が生成されます。

フレンズデー動画の中に登場する選ばれた「友達」がその動画にコメントしたりして、盛り上がる仕掛けが見事でした。動画のクオリティも高く、写真のスライドショーの見せ方として標準装備してもらいたいくらいです。

ちなみにわたしは、Facebook上でたまに流行る診断系アプリなどはスルーするのですが、Facebook純正のものはなんでも試していました。しかし、このフレンズデー動画は「フレンズデー動画の作成に必要なコンテンツが不足しています」というエラーが出て何もできず寂しい思いをしています。