2017年10月第4週号 1位は、静的なロゴの時代が終わった現在のロゴ事情について、気になるネタは、ソニーモバイル、家庭向けロボット「Xperia Hello!」--顔認識搭載、見守り機能も

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

単一の静的なロゴだけでは不十分な、現在のロゴ事情について解説しています。

従来も通常のロゴとは別に暗い背景用のロゴを用意していましたが、それに加えてウェブサイトやソーシャルメディア向けに、いくつかのサイズに合わせたロゴも必要となりました。さらに、ウェブサイトではアニメーションするロゴが増えてきています。

静的なロゴの時代が終わった今、様々なニーズで一貫性を保ったロゴを提供するには、ロゴシステムが必要だろうとのことでした。

良いフォームを作るためのヒントを10個まとめています。

ゴーストボタンの歴史や流行している理由、使用するときに気をつけることなどを解説したボリュームのある記事です。

ゴーストボタンの使用を検討している場合に考慮することとして、以下の4つが挙げられていました。

CSSのbox-shadowプロパティとCSSフィルターのdrop-shadow()との違いについて紹介しています。

box-shadowプロパティでは、CSSのボーダーを使うおなじみのテクニックで作った三角形に影をつけようとすると不具合が生じます。三角形に見えても3つのボーダーで作られているので、その要素全体に影がついてしまうわけです。

しかし、filter:drop-shadow()を使うと、見えている要素だけに影をつけることができるので便利です。

とはいえ、box-shadowプロパティの方が優れた面もあります。比較表が載っているのでご参照ください。

デザイナーに役立つ、色を選ぶためのオンラインツールをまとめた記事です。

カラーパレットツール、カラーピッカーツール、カラー理論ツール、CSSカラージェネレーターに分けて紹介しています。

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

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

レスポンシブなデザインのウェブページの表示テストをするためのサービスを7つ取り上げた記事を紹介します。この手のツールはたくさんありますが、知らなかったものが結構ありました。

一度に複数サイズの表示が確認できるものと、1つのサイズだけが表示されるものとがあります。まずはあらかじめセットされた複数サイズが表示され、あとからデバイスを選んだり、画面のタテヨコを切り替えられる「XRespond」のようなタイプが個人的には使いやすいと思います。

「AM I RESPONSIVE?」はデバイスが並んでいるそれぞれの画面にページを表示した「はめ込み合成」風の画像を作る際に便利そうです。アップルのデバイスだけでなく、他のデバイスやイラスト風のものなども選べるともっと良いですね。

ソニーからスマートスピーカーにちょっと似ている家庭向けロボット「Xperia Hello!」が発表されました。14万9880円（税別）とスマートスピーカーよりかなりお高い値段です。

スマートスピーカーがどういう製品かが一般の人にあまり伝わっていないところに、こういった製品が出てくるのはややこしい感じがします。スマートスピーカーの未来形が家庭向けロボットのようなイメージを持つ人も多いのではないでしょうか。

Xperia Hello!の面白いところは、このロボット自体がLINEのアカウントを持って、家族間のコミュニケーションをサポートするというところですね。顔認識で誰をいつ見たのかを覚えていて、LINEで聞くと「まなぶくんは3分前に見かけました」などと返事してくれるそうです。