2015年9月第3週号 1位は、デザイナーが今使っているツールのアンケート結果、気になるネタは、アップル、12.9インチの「iPad Pro」と「iPad mini 4」--ペンやキーボード付きカバーも

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

デザイナーが今使っているツールを用途別にアンケートした結果を発表しています。200カ国以上の4,000人以上が回答したとのことです。

それぞれの1位は以下の結果となっています。

Sketchが2冠となっていますが、その差はわずかでした。全体的にかなり票が割れていて、だいたい3割くらいのシェアで1位という感じです。Webデザインに使うツールが多様化しているのでしょう。

インターフェイスデザインのツールとしてはSketchがPhotoshopに僅差で勝利していますが、2番目に使っているツールも合わせて集計するとPhotoshopの方が上でした。

先回りしてのデザイン（Anticipatory Design）について解説した記事です。

Anticipatoryは、「⁠先回りの／予測しての」といった意味です。ユーザーの次の行動を予測して、先回りしてメニューなどを用意しておくということです。

良い実例として、FacebookやAmazonなどが紹介されていました。

ユーザーインターフェイスで写真を使う場合のヒントを紹介しています。

写真を目立たせるのか、コンテンツを目立たせるのかといった、見た目の優先順位を付ける方法などを解説していました。

アンダーコンストラクション（工事中）ページのデザインギャラリーです。それぞれのデザインの特徴とポイントが解説されています。

「シンプルな画像と太い文字」のようなタイトルを付けた、いろいろなテイストのデザインが集まっているので、デザインのテイスト選びにも役立ちそうですね。

新しいApple TVのインターフェイスでは、ビデオパッケージなどの画像が立体的に視差効果をもって動いていました。これをCSSとJavaScriptで実装したサンプルです。

なお、AppleのtvOSのデベロッパー用ページでは、この「Parallax Artwork」を作るツールが提供されているので、tvOS用に作るのはそれほどむずかしくはなさそうです。

そのほか、最近の記事の中から、便利なツールを紹介します。

プログラマーのためのネーミング辞書 | codic
日本語を入れると英語のネーミングを提案してくれます。CSSのclass名を付ける場合などに便利そうです
WordSafety.com
ネーミングが他の言語では問題のある意味を持ってないかを調査できます
Flexy Boxes — CSS flexbox playground and code generation tool
Flexboxでレイアウトするためのジェネレーターです

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

Web制作において、色を選ぶ際に必要なものをほとんど網羅したWebサービスです。

カラーピッカーから色を選び、HEX値やRGB値はもちろんCSSやSCSSでの記述も生成できます。カラーチャートや色の名前のリストも用意されています。

キーになる色を選び自動でカラーパレットを作る機能もあり、どういうルールで配色するかを選べるのはもちろん、その解説もしっかり載っているという充実ぶりです。

さらに、CSSやSCSSでの色の指定に関するチュートリアルもあり、至れり尽くせりのサービスだと感じました。

ついに大きいiPadが登場しました。12.9インチで、従来モデルのiPad Air/Air 2の画面を2つ並べたくらいのサイズとのことです。

専用のスタイラスペン「Apple Pencil」も発表されました。ハードウェアとソフトウェアの両方を開発しているAppleの強みが出ているようで、これまでiPhone／iPad用に出ていたサードパーティのスタイラスとは別次元のものに仕上がっていることでしょう。

絵を描く人がまず食いつきそうなiPad Proですが、ビデオ編集や写真のレタッチなど大画面を活かせるシーンはいろいろありそうです。MacBook（12インチ）より大きなサイズのiPadとなったわけですが、どう棲み分けしていくかも気になるところです。