2018年4月第4週号 1位は、UIデザインの重要なトレンド、気になるネタは、Alexa Blueprintsで誰でもカスタムAlexaスキルが作れる

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

UIデザインの重要なトレンドについて、ウェブとモバイルそれぞれで解説しています。

ウェブUIのトレンド

モバイルUIのトレンド

2018年のデザイントレンドをまとめた記事です。

ウェブデザインでの画像の扱い方についてまとめた記事です。

以下の2点について、それぞれいくつかのヒントを紹介しています。

有名サービス・ブランドの、デザインの変化が印象的な例を紹介しています。

Facebook、Twitter、Airbnb、Uberなどのウェブサイトの初期のデザインと今のデザインを見比べてみると、最近のデザインの傾向も分かってくるようです。

良いFacebookカバー画像を作るためのヒントをまとめています。

画像をどう作るかと、ボタンを設定するなどFacebookの機能を活用する方法とについて解説しています。

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

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

今回は、WebサービスではなくMac用のアプリを紹介します。Solisという好きなエディタと組み合わせて使えるリアルタイムプレビューツールです。レスポンシブなページ作成のとき、複数の画面サイズを同時に表示できます。

たとえばBracketsのようなローカルサーバーでリアルタイムプレビューできるエディタなら、ファイル保存しなくてもエディタ上での変更をリアルタイムで複数の画面サイズでプレビューできるので便利です。

Solisのウィンドウ上には、好きな位置に自由に複数のビュー（画面）を配置できます。あらかじめ各種スマホやタブレットの画面サイズは用意されていますし、任意のサイズのビューも作れます。Solis上でデベロッパーツールを開くことも可能です。

Alexaスキルをプログラミングの知識がなくても作れるAlexa Skill Blueprintsというサービスが発表されました。英語版のみですが、Alexaアプリの言語設定を米国の英語に変更すれば使うことはできるようです。

Skill Blueprintsのページでテンプレートを見ることができて、端末を持ってなくてもAmazonのアカウント（米国版）でログインすれば、作るところまでできるようです。これが日本語版でもできるようになることを想像するとワクワクします。

Q＆Aのテンプレートを使えば、決まった質問に対し決まった答えを返すスキルが作れるので、それだけでも楽しそうです。単語帳（flash cards）を作れば、Alexa相手に勉強ができるんでしょうね。子供の勉強に使って見たいと思いました