2016年3月第1週号 1位は、Webデザインにメリハリをつける5つの方法、気になるネタは、Google Docsの編集や書式化の指示を音声（“口頭命令”）でできる

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

Webデザインにメリハリをつける方法を5つ紹介しています。

対比を付けることで、各要素の区別をハッキリさせたり特別なものを目立たせることができます。

2016年の重要なデザイントレンドについてまとめた記事です。

以下の3項目について、実例とともに解説しています。

モバイルアプリの「何もない状態」のデザインギャラリーです。

ユーザーがサービスを使い始めたばかりでファイルやプロジェクトが何もない状態の時などに、どんな画面を表示するかの実例を多数紹介しています。イラストを使ったものが多いですね。

ミニマルなデザインがユーザーエクスペリエンスに有効だという記事です。

ユーザーエクスペリエンスをミニマルなものにするために、以下のステップが紹介されていました。

CSSでのサイズ指定の単位REMとEMについて、それぞれの説明とどちらを使うべきかについての考察がまとめられています。

それぞれに良い点と悪い点があるので使い分けることを推奨しており、いくつかの検証した結果が掲載されていました。

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

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

Resizerは、Googleが提供するレスポンシブデザインの表示チェックのためのWebサービスです。表示したページは、スクロールしたりリンク先に移動するなど普通に操作できます。

PC、タブレット、スマートフォンでの表示を同時に見ることができ、PCサイズ、モバイルサイズだけをそれぞれ表示できます。さらにサイズを切り替えることができ、ブレイクポイントとしてよく使われるサイズが用意してあります。

同様のサービスもいろいろありますが、デザインやUIも洗練されていますしGoogle製ということで、この手のツールの決定版となりそうです。

なお、UserAgentなどで端末を判定して切り替えているようなページのチェックには使えません。

Google ドキュメントに、音声で操作する「音声コマンド」機能が追加されました。「⁠select all（すべて選択⁠）⁠」⁠「⁠align center（センタリング⁠）⁠」⁠「⁠bold（太字⁠）⁠」のように、ほとんどの操作を音声で実行できるようです。

しかし、この機能はまだ日本語には対応していません。操作の指示くらいだったら英語でもいけるかもと思ったんですが、「⁠アカウントの言語とドキュメントの言語は両方とも英語に」とあったので試すのを断念しました。

なお、音声でのテキスト入力はすでに日本語対応しているので、この機能も近いうちに日本語対応するんじゃないでしょうか。キーボード無しでの文字入力＆編集操作を早く試してみたいです。