2018年8月第1週号 1位は、ウェブデザインでのよくある間違いのまとめ、気になるネタは、円形ディスプレイのスマートスピーカ「Amazon Echo Spot」発売

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

ウェブデザインでのよくある間違いをまとめた記事です。

ランディングページで避けたい間違い

記事ページでの間違い

Dribbbleに掲載されたデザインからUIデザインのトレンドをまとめています。

デザイナーが作品を投稿するSNSサイトのDribbbleにアップされたものなので、実際のプロダクトではないものや実験的なものも多いことを念頭において見る必要はあるかと思います。

Flexboxの使い方を図解した、取扱説明書のような内容の記事です。

Flexboxの全てのプロパティについて図を使って解説しており、かなりのボリュームがあります。

完璧なリンクを作るための8つの秘訣を紹介しています。

Adobe XD用のUIキットをまとめた記事です。

ECサイト用、スマートウォッチ用、ゲーム機用などいろいろな用途向けのものがありました。また、ワイヤーフレーム用のUIキットもいくつか掲載しています。

なお、ここで紹介されているワイヤーフレーム用UIキットのWiresには日本語版もあります。

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

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

CSSを使って画像をデュオトーンに変換するサービスです。画像をアップロードするとデュオトーンに加工され、 HTMLとCSSが生成されます。

画像の色と背景色、ブレンドモードや透明度などを指定できます。あらかじめ用意された設定を使ったり、ランダムで設定を変更する機能もあります。なぜか最初はフチ付きですが、「⁠spacing」のスライダーでなくせます。

デュオトーンは最近のデザインのトレンドでもあるようなので、画像を加工しなくてもCSSで作れるサービスは重宝しそうだと思いました。作ったものをCodePenで開いてコードをいじれるのも便利です。

Amazonが円形ディスプレイのスマートスピーカー「Amazon Echo Spot」を発売開始しました。丸い形が特徴的で、専用のスタンドを付けると角度調整ができます。

日本で発売されているスマートスピーカーとしては初の画面付きとのことで、使用していないときは時計を表示するそうです。もちろん時計のデザインは変更できるので、据え置き型のスマートウォッチのようでもあります。

Android対応スマートウォッチには丸い画面のものもありますし、丸い画面のスマートスピーカーも登場となると、Appleから丸い画面のApple Watchや何か別な端末が出てこないかなという興味も沸いてきます。個人的には丸い画面のApple Watchに期待したいです。