2018年2月第2週号 1位は、モバイルアプリでのUIデザインのトレンド、気になるネタは、Instagram、文字だけを投稿できる機能を追加

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

モバイルアプリでのUIデザインのトレンドを9つまとめた記事です。

2018年に挑戦したいウェブデザインのトレンドを紹介しています。

ウェブデザインの信頼度を高めるための要素をまとめています。

イージングカーブを利用したより自然なグラデーションの作り方を解説しています。ただ段階的に変化するリニアなグラデーションに比べて色の境目が気にならなくなります。

イージンググラデーションを作るためのエディタも埋め込まれていて、このエディタが非常に使いやすくておすすめです。

SVGとCSS Gridを使い、縦横比を決めたボックスの中心にコンテンツを配置する、シンプルだけど便利なテクニックです。

SVGが縦横比を維持できること、CSS Gridでは重なり合うアイテムがお互いのサイズに影響を与えることを利用しています。

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

Stufflt Expander for iOS | Macユーザー御用達の定番ファイル解凍ソフトがiOSアプリとして登場 | iPad Creator
iOS11の「ファイル」アプリでは解凍したファイルを取り出す機能がないため、その穴を埋めるツールとのことです
LINEモバイルがソフトバンク傘下に。戦略的提携に向け基本合意 | TechCrunch Japan
回線がソフトバンクになるわけではないようです
送金サービス「Square Cash」でビットコインの売買が可能に - CNET Japan
そもそも日本ではSquare Cash自体が利用できないはずですが、このへんの動きは気になります

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

Pigmentは2ベースカラー色のカラースキームを作るサービスです。フリーの写真素材を提供しているUnsplashの写真を検索し、写真の中の色からカラースキームを生成する面白い機能もあります。

あらかじめ用意された色の組み合わせを元に、色を直接カスタマイズするのではなく、彩度（pigment=色素、顔料と表現しているので厳密には彩度とは違うようです）と明るさを調整することで好みのカラースキームを作ります。

1つのカラースキームを開くと、各色4段階の濃さで調整可能です。色は16進数コード、RGB値のほか、Pantoneの色番号でもコピーできます。あらかじめ使いたい色が決まっている場合、ベースの色を10色のカラーパレットから選べます。

Instagramで、背景＋文字の画像を作ってストーリーズに追加できる機能が登場しました。たぶん誤解している人もいると思いますが、通常の投稿時の機能ではなく、24時間で消えるストーリーズでしか使えません。

Facebookのストーリーには既にあった機能ですが、相変わらずFacebookとは微妙に機能が違っています。ちなみに、Facebookでは通常の投稿時にも背景＋文字の画像を作って投稿する機能が以前からあり、わたしの友達界隈では結構使われています。

Instagramのストーリーズで背景色＋文字だけの投稿を見かけることはこれまでも多かったので、この機能で便利になるユーザーも少なくないはずです。ストーリーズで作った画像はカメラロールに保存できるので、画像制作のために使うユーザーもいるでしょう。