今週のデザイン情報ピックアップ

はじめに

本記事では今週話題になっていたデザインピックアップ情報をお届けします！
今週新しく発表されたWebサイトから、話題になったツール、デザインインスピレーション、ライブラリなど幅広くご紹介します！

Google Flightsのリデザイン

今週は英語版Googleフライトのリデザインのベータ版が発表されました。
Googleフライトは何百社もの航空会社の運賃を比較して料金の変動をチェックし、最安値を見つけることができるGoogleのサービスですね。

日本語ではまだ新しいインターフェースは見れないようなので、新しいインターフェースがきになる方は下記リンクより英語版のGoogleフライトをご覧ください。

Google Flights

こちらが新しいGoogleフライトのインターフェースです。

こちらが今でも使われていますが、前のインターフェースです。

新しいインターフェースの特徴としては、このように日付で料金を比較したり、

料金グラフが追加されたり、

また、空港ごとに値段が出たりすることみたいです。

2017年ロゴ週

creativebloqで2017年に行われた大々的なロゴのデザイン変更の記事が話題を読んでいます。
ロゴに関する記事はこちらから

Dropbox, YouTube, Mozillaなど話題になったロゴのデザイン変更をまとめてくれているので、非常に興味深い内容ですね。

ほとんどのロゴがさらにフラットにシンプルになっている中、ファンタのロゴの変更などはちょっとテイストが違ったりしているのもまた面白いです。

ファンタのロゴ

sonarwhal

サイト全体のリントツール、sonarwhalも今週話題に上がりました。

Webサイトのイラストも非常に可愛いです。
簡単にWeb上でもスキャンができるので、試してみてはいかがでしょうか？

declining complexity in css

Reset.cssでおなじみのEric Meyerさんが新しく本を出版しました！

本の名前が「declining complexity in css (複雑ではなくなってきたCSS)」なので、彼の前回の著書よりも2倍以上のページ数があることでも話題になりましたね。

cssdesignawards

綺麗なサイトを集めたCSS Design Awardsですが、今週もたくさんの美しいサイトが公開されています。
CSS design awards

ぜひご覧ください！

koniku

今週はこちらのサイトの見た目が非常に話題になりました。
サイトの独特なデザインももちろんですが、インタラクションやちょっとしたアニメーションなどデザインする際に参考にできるところが多いサイトですね！

koniku

konikuのファーストビュー

konikuのインタラクション部分

Lona

Airbnbがデザインシステムを作るツール、Lonaを発表しました。
もう少し細かくいうと、Lonaとはデザインファイルからクロスプラットフォームで使えるコンポーネントを生成するためのツール集です。

現状Lonaは２つのツールで構成されています。
1. Lona Studio
Lona Studioの主な機能
– コンポーネントを作成する
– 現存のコンポーネントをしようし、モックアップなどを作成する
– JSONファイルやAPIからリアルなデータをデザインに反映する
– 複数のスクリーンサイズでデザインを試す
– デザインタスクの自動化 (画像の書き出し、多言語対応)
– Lottieなどでアニメーションを作成し、そこからビデオをレンダーする

1. Lona Compiler

Lona CompilerはLona Studioで作成したコンポーネントをUIコードに変換してくれます。

サポートされているコード(予定)
– Web (React)
– iOS (Swift)
– Android (Kotlin)
– React Native

現状はReact Nativeのみ対応しており、まだかなり初期段階なので、本当に試す程度しか使えませんが、実際に使えたら便利そうですね！

jsrobot

ゲーム感覚でJSが勉強できるサイトです。

JavaScriptに興味がある方、習得したい方は試して見てください。

まとめ

以上、今週話題になっていたデザインピックアップ情報をお届けしました！