2020年11月第2週号 1位は、Google新アイコンの区別の付きにくさを改善する試み、気になるネタは、自撮り画像を他人が撮ったように変換する技術「Unselfie」 Adobeなど開発

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

Googleの各サービスのアイコンがリニューアルして、以前より統一感が強まったのですが区別しにくいと不評です。

この記事では、Googleの新アイコンたちのスタイルを可能な限り維持しつつ、細部を最適化して区別の付きにくさを改善する試みを紹介しています。

図の中の解説が画像になっているので自動翻訳できないのが残念ですが、どう改善するかの解説がとても参考になります。

現在のウェブデザインにおける重要な要素を9つまとめた記事です。

2つのボタンの色のコントラストについて解説しています。目立たせたいメインの「プライマリボタン」と、2つ目の選択肢「セカンダリボタン」との差の付け方の注意点です。

なお、この記事の全ての内容を読むには有料のサブスクリプションに登録する必要があります。その仕組みは最近注目されているSubstackというサービスを利用しています。

ブログには記事を途中まで載せておき、全文はSubstack上に有料コンテンツとして登録することで、途中から有料というnoteのようなことができる例として面白いと思いました。

ヴィンテージなスタイルのウェブデザインを実例とともに紹介した記事です。

バロック、ゴシック様式、アールデコ、アール・ヌーボーなどのカテゴリーにわけて掲載しています。

FlexboxベースのCSSフレームワークです。CDNから読み込んで使うこともでき、軽量です。Sassでカスタマイズしやすく作られているそうです。

テンプレートとして使えそうなサンプルと、このフレームワークで作られた事例も充実していて、導入に役立ちそうです。

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

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

Enchはシンプルなコンテンツ配信のプラットフォームです。ブログというフレーズは使っていませんが、簡単ブログサービスと言った方がわかりやすいと思います。

Mediumやnote風のいまどきのエディタですが、よりシンプルにアレンジされています。パソコンのブラウザでもモバイルのブラウザでもほぼ同じ操作感で作業できました。

課金の仕組みとユーザー同士のフォロー機能が今後追加予定です。課金は9つの方法から選べるとのことで気になります。最近のこの手のサービスは収益化の仕組みが必須となってきているようですね。

ベルギーとアメリカの大学とAdobe Researchチームとが、自撮り写真を別の人が撮影した写真のように変換する技術を開発しました。サンプルを見たところ、とても自然な仕上がりになっていました。

もちろんAI技術を使って自動で生成するための技術です。Photoshopが不要になるような技術をAdobeが開発しているところが興味深いです。

逆に普通の人物写真を自撮り風に変換することもできそうですね。その技術が実現すれば、アイドルなどが写真をSNSにアップするときに、ひとりで出かけているよとアピールするために使えそうです。