2017年12月13日

デザイン

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

目次

  1. はじめに
  2. Google Flightsのリデザイン
  3. 2017年ロゴ集
  4. sonarwhal
  5. Declining Complexity in Css
  6. cssdesignawards
  7. koniku
  8. Lona
  9. ゲーム感覚でJSが勉強できるJSrobot
  10. まとめ

はじめに

本記事では今週話題になっていたデザインピックアップ情報をお届けします!
今週新しく発表された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は2つのツールで構成されています。
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に興味がある方、習得したい方は試して見てください。

まとめ

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

0

0

AUTHOR

sasakki デザイナー

アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

アプリでもっと便利に!気になる記事をチェック!

記事のお気に入り登録やランキングが表示される昨日に対応!毎日の情報収集や調べ物にもっと身近なメディアになりました。

eishisでは一緒に働く仲間を募集しています

正社員や業務委託、アルバイトやインターンなど雇用形態にこだわらず、
ベテランの方から業界未経験の方まで様々なかたのお力をお借りしたいと考えております。

話を聞いてみたい

運営メンバー

eishis

Eishi Saito 総務

SIerやスタートアップ、フリーランスを経て2016年11月にeishis, Inc.を設立。 マーケター・ディレクター・エンジニアなど何でも屋。 COBOLからReactまで色んなことやります。

sasakki デザイナー

アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

しまだ デザイナー

WebAR/VRのデザインと3DCG制作がメインです。 肩書きは「アニメ案件に関わりたいデザイナー」。

Miu マーケター

ドイツでWEBマーケティングしています。

しんのき エンジニア

新しい技術が好きなWebエンジニアです。 元々インフラやPHPをやっていたのですが、最近はReact NativeとFirebaseを使って頑張ってます。

yamakawa

やまかわたかし デザイナー

フロントエンドデザイナー。デザイン・HTML/CSSマークアップ・JSアニメーション実装を担当しています。

furuya エンジニア

サーバーサイド、フロントエンド、Unityと色々手を出してる雑食系エンジニア。ReactNativeが最近のマイブーム。

Sayaka Osanai デザイナー

Sketchだいすきプロダクトデザイナー。シンプルだけどちょっとかわいいデザインが得意。 好きな食べものは生ハムとお寿司とカレーです。

はらた

はらた エンジニア

サーバーサイドエンジニア Ruby on Railsを使った開発を行なっています

うえまつゆい エンジニア

サーバーサイドエンジニアからフロントエンドエンジニアになりました。主にReact Nativeでのアプリ開発をしています。

CONTACT PAGE TOP