2019年3月第4週号 1位は、デザインを単純にする方法、気になるネタは、縦も横も関係ないFireworkのビデオストーリーアプリが公式リリース

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

デザインを単純にする方法をまとめています。図解してあるのでわかりやすいです。

ローディング時に表示するアニメーションについてまとめています。

気をつける点について、以下の6つの項目で解説していました。

ほかにも、ローディングアニメーションのUIについての解説や、ツールと情報源の紹介もあります。

優れたインターフェイスを作るのにアートディレクションがどう役立つかを説明しています。

アートディレクションを使って、以下のことを考える必要があるとのことです。

メインイメージでの余白の重要性と使い方について紹介した記事です。

いくつかの実際のサイトを例に、適切な余白によりユーザーの目を何に注目させているかなどを解説しています。

CSSで写真の縁の部分をぼかすコーディング方法を紹介した記事です。

ボーダー部分の背景画像をCSSフィルター効果でぼかしています。

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

「Googleマップが劣化した」不満の声が相次ぐゼンリンとの契約解除で日本地図データを自社製に変更か - ITmedia NEWS
Googleマップの地図データがゼンリンのものではなくなり、マップのクオリティが落ちてしまったと言われています
Instagramアプリから商品を直接購入できる機能、ベータ提供に - CNET Japan
オンラインショップの機能をInstagramが持つことになるようです
スケッチを数秒でリアルな写真に変えるNVIDIAのAI | TechCrunch Japan
人が描いたところが、写真をベースとしたリアルな岩や山などに変わります

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

目的に合わせたマイクロコピー（短いキャッチフレーズや説明文）を生成するサービスです。5つのカテゴリでマイクロコピーをランダムに表示します。

カテゴリは以下の5種類です。英語なのでそのまま直訳して使うわけにもいきませんが、表現の仕方としては日本語の場合にも参考になるはずです。

また、マイクロコピーの投稿も受け付けており、今後どんどん増えていくのかもしれません。投稿の受付にAirTableを使っているところも面白いと思いました。

今まで知りませんでしたが、Fireworkというソーシャルビデオアプリが興味深いです。スマホを縦・横どちらで持っても、フル画面で動画が表示されるそうです。

縦の時には見えていない部分が横にすると表示されるというわけですね。しかし、さっそく試してみたところ、縦型動画で横にしても同じ状態の投稿動画も多かったです。他のサービス用に作った動画を流用しているのでしょう。

スマホを縦にしても横にしても同じ向きのまま画面全体に動画が表示されるというのは、新感覚で面白いです。素人の投稿動画よりもプロが手間をかけて作る動画に向いているように感じたので、プロの作品に期待したいです。