2013年6月第1週号 1位は、WebデザインのワークフローにおけるIllustratorの役割、気になるネタは、Google Glass では顔認識アプリを当面は認めない方針、プライバシー保護が前提

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

Webデザインのワークフローにおける、Adobe Illustratorの役割について解説しています。

パソコン、タブレット、スマートフォンと様々な画面サイズに向けたデザインが求められる今、モジュラー化されたワークフローが必要であり、Illustratorが活躍する場も増えるといった内容でした。

モジュラー化されたワークフローの要素としては、以下の3つが挙げられています。

中でも、ワイヤーフレーム作成に、Illustratorはベストマッチとされています。

また、レスポンシブなサイト、Retinaディスプレイへの対応などから、解像度に依存しないベクターベースのIllustratorの重要性は増しているとのことです。

SVG形式のグラフィックスの書き出しや、Webフォント化するためのベクター形式のアイコン作成など、今後のWebデザインにおいてIllustratorの使用頻度は上がりそうです。

最近リニューアルしたGoogle+やGoogle マップのデザインを元に、フラットデザインやデザインのトレンドについて考察した記事です。

Googleの最近のデザインは、フラットデザインの要素を多く取り入れつつも、必要に応じてグラデーションやドロップシャドウをわずかに加えた、ほぼフラットデザイン（Almost flat design）とのことです。

ユーザーのクリックやタップに対する反応を分かりやすくするために、フラットでない要素をちょっとだけプラスしているということですね。

アイコンへロールオーバーしたときに、アニメーション効果を加えるチュートリアルです。いろいろなパターンが用意されています。

アイコンフォントを使ったフラットデザインのボタンに、シンプルながら印象的な効果が加わっており、そのまま使いたいようなサンプルばかりです。

フラットデザインのフリーのUI素材のリンク集です。

PSDファイル中心で、一部ベクターデータもあります。

画像の上にテキストが載ったイメージを使ったWebデザインのギャラリーです。

文字の可読性を考えて、写真をぼかしたり半透明のオブジェクトを重ねたりといった処理が、参考になりそうです。

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

Strikingly - わずか数分でシンプルで美しいモバイルサイトを作成
シングルページWebサイトが簡単に作れるStrikinglyが、日本語化されていました。
キノトロープ | 20th ANNIVERSARY
Webサイト制作会社のキノトロープが、20周年を記念して歴史を振り返るコンテンツを公開しています。キノトロープの制作したサイトがたくさん載っていて懐かしいです。
Facebook Launches Verified Accounts
FacebookにもTwitterのような有名人用認証マークが登場しました。

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

今回は、画像編集ツールのWebサービスを15個まとめた記事を紹介します。最近はモバイルデバイスの画像編集アプリも充実していますが、パソコンで作業できるこの手のツールもまだまだ需要はありそうです。

WebデザインなどのプロはもちろんPhotoshopなどを使えばいいのですが、普通の人がソーシャルメディアにアップする前にちょっと画像をいじりたいといった場合には、こういったオンラインツールが主流になっていくんじゃないかと思います。

わたしは最近、Fotorを人に薦めています。登録などなくフリーで使え、インターフェイスもシンプルで分かりやすいです。複数の写真を並べた組写真を作れるのも、ソーシャルメディアで利用する画像を作るのに便利です。

Google Glassでは、プライバシー保護のため当面は顔認識を使えないそうです。「⁠あー、この人の名前が思い出せない」という「誰だっけ問題」を解決するのに、Google Glass＆顔認識アプリは最適だと期待されただけに残念な気がします。

Facebookの自分の友達限定で名前を出すようにするとかじゃダメですかね。芸能人を顔認識して、公式ブログやグッズ販売サイトに誘導するなんてのは、アリかもしれません。もちろん芸能人をたまたま見かける機会は少ないでしょうが、ポスターや雑誌などからも顔認識できるでしょう。

将来みんながGoogle Glassをしているとしたら、人と会った際には顔認識しなくてもお互いのGoogle Glass同士で情報をやり取りして、名前や近況が分かるような気の利いた機能が付くのかもしれません。