2016年11月第4週号 1位は、2017年のWebデザインの手法を予測、気になるネタは、LINE、著名人向けサービス「LINE BLOG」を一般開放

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

2017年のWebデザインの手法を予測した記事です。

Googleのマテリアルデザインを意識しつつ、グラデーションやドロップシャドウが復活していく傾向のようです。

モバイルデザインの最善の技法について解説しています。

余計なデザインを取り除くことで、ユーザビリティとユーザーエクスペリエンスを向上させる方法を紹介しています。

Adobe Creative Cloudの共有ライブラリの使い方と活用方法を解説した記事です。

複数人で同じアセットを利用できる共有ライブラリの使い方を初歩から説明しています。また、Sketchでも同じようなことを実現するためのプラグインの紹介と、Adobe CCの共有ライブラリとの比較も載っています。

読み込み途中を表現するプログレスバーとスピナーについて、いつどちらを使うべきかを説明しています。

待ち時間が4秒以上の場合はプログレスバー、4秒未満だとスピナーを表示するというルールで、1秒以上ユーザーを待たせる場合にはスピナーを表示すべきだそうです。

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

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

HTMLの表組み（Table）を作成できるサービスです。ビジュアルとコードを同時に見ながら作業でき、どちらからも編集できるところが便利です。

ビジュアルで編集して生成されたコードをコピーして使うというツールが多い中、このサービスはビジュアルエディタとHTMLコードエディタの両方から編集できます。表組みのHTMLコードをペーストして、ビジュアルエディタで編集するといった使い方も可能です。

「Settings」で幅やボーダーの太さを設定できるのですが、最初にこの設定を忘れて作ってしまうと、あとから設定することができませんでした。また、CSSコードを編集してもビジュアルエディタとは連動していません。

著名人専用だったブログサービス「LINE BLOG」が、一般ユーザーも開設できるようになりました。スマートフォンアプリからLINEアカウントを使って登録し、記事の投稿もアプリから行います。

完全にスマホ専用で、動画や写真の挿入などスマホから投稿しやすいところが特徴のようです。お気に入りのユーザーをフォローするSNS的な要素や、ハッシュタグ検索など最近のトレンドは押さえていますし、記事を投稿するとLINEタイムラインに共有する機能もあります。

LINEの友達限定に公開できる機能があると、複数の写真とキャプションを入れた、ちょっとしたレポートなどを友達に公開したいときに重宝すると思います。ちなみに、Facebookにはそういったことができる「ノート」機能があるのですが、あまり知られていません。