2016年3月第4週号 1位は、UIとUXを改善する10個のテクニック、気になるネタは、アドビ、UX／UIデザインとプロトタイピングを一気通貫できる新ツール「Adobe XD」のプレビュー版を提供開始

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

UIとUXを改善するためのテクニックを10個紹介した記事です。

画像にカーソルが重なったときに、アニメーションなどの効果を与えるテクニックを多数紹介しています。

タッチデバイスでは使えないにもかかわらず、カードデザインが流行っている影響もあって、最近マウスオーバーで文字が現れるなどの効果をよく見かけます。

Photoshopを使う上で必要不可欠という拡張機能を5つ紹介した記事です。

継ぎ目のない繰り返しパターンを作るもの、複数レイヤー名をまとめてリネームできるもの、Illustratorの「個別に変形」のような機能を実現するものなど、便利な拡張機能が揃っています。

CSS3によるアニメーションを実装するのに便利なスクリプト、ライブラリをまとめた記事です。

あまりに選べる効果が多いものを使うと迷ってしまいそうでもありますが、一から自分で設定するのが面倒なアニメーションが簡単に適用できて便利です。

レスポンシブなピクセルアートが7種類楽しめるページです。ウィンドウサイズを変えるか、あるいは絵にカーソルを持って行くと追随してサイズが変わり、絵が変化します。

特に解説などは見つからなかったのですが、単純に面白いです。個人的には「Zeus」が好きです。

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

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

各種ソーシャルメディア向けに画像をリサイズするWebサービスです。対応しているソーシャルメディアは、Twitter、Facebook、Instagram、LinkedIn、Google+、Pinterest、YouTubeとなっています。

ユーザーアイコンだけでなく、カバー画像や投稿画像など、それぞれのソーシャルメディアに適した画像が作成可能です。まとめて複数の画像も作れますが、それぞれ個別にトリミング位置やサイズを調整できます。

また、「⁠Custom」を選ぶと、任意のピクセル数で画像をリサイズ＆トリミングできます。Twitter、Facebookのプロフィール画像アップロード機能に似たUIで、シンプルで使いやすいリサイズ＆トリミングツールとして、万人にお勧めできると思います。

AdobeからUX／UIデザインやプロトタイピングに特化したツール「Adobe Experience Design CC（Adobe XD⁠）⁠」が登場しました。以前「Project Comet」として発表されたものです。

最近はWeb制作のためのグラフィックスツールとして、Sketchの人気が高まっているので、それに対抗するツールと言えるのでしょう。画面遷移やアニメーションを実装したプロトタイプも作れるので、各種プロトタイピングツールとも競合しそうです。

プロトタイプ作成の機能もあったFireworksを完全に置き換えられるようなツールになると、開発中止のまま放置されているFireworksのファンも納得するんじゃないでしょうか。SketchはMac版しかないので、WindowsユーザーからのAdobe XDへの期待も大きいようです。