個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」

UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」

UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。
Googleマテリアルデザインの登場で、UIデザインのリニューアルが相次いでいますね。
そうした動きに合わせるかのように、海外の有名サイトも次々とリニューアルされているようです。
リニューアル情報は毎日のように届きますが、新旧のデザイン(リニューアル前後)の状態を、しげしげと見比べる機会というのは少ないように思います。
そこで今回のギャラリーサイトです。
このサイトなら、新旧のデザイン(リニューアル前後)の状態をひと目で見比べることできます。
今後、サイトのリニューアルを考えている方にはとても参考になると思います。

UIのリニューアル前後を比較できるギャラリーサイト「Android UX before and after」

TumblrやInstagramをはじめ、有名サービスが軒並みUIデザインをリニューアルしていますが、どれぐらい変わっているか覚えていますか?
Android UX before and afterは、UIデザインのリニューアル前と後をひと目で比較できるギャラリーサイトです。
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
こちらのギャラリーサイトでは、左に旧サイト、右に新サイトが並べられているので、どこがどのように変わったのかが一目瞭然の仕様になっています。
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
Tumblrも、デザイントレンドをしっかりと反映したデザインに生まれ変わっているのが大変よくわかります。
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
掲載されている数自体が少ないのは非常に残念ですが、サイトのリニューアルを検討する際の参考になるのではないでしょうか。
今後のさらなる充実に期待してます。

UIデザインギャラリーサイトの「androidux.com」の1コーナー

UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
Android UX before and afterは、海外のAndroid系UIデザインギャラリーサイト「androidux.com」の1コーナーです。
ギャラリーサイトは非常にたくさんありますが、リニューアルの前後を並べてみせてくれるサイトというのは、見たことがありませんでしたので、とても新鮮でした。
日本のサイトでもこうしたのが増えると、おもしろいかもしれません。
Android UX before and after

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 2

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

HTMLメールの無料テンプレートをお探しなら「無料で利用できるオープンソースなHTMLメールテンプレートコレクションサイト」

HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」

HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール

記事を読む

無料で利用できる検索フォーム12(CSS3,HTML5,jQuery)

検索フォームはサイトに欠かせない重要な要素の1つになっています。 最近では、アニメーションを用いた

記事を読む

デザインのインスピレーションに最適!パーツ/テーマごとのWEBデザイン見本帳「calltoidea」

WEBデザインのインスピレーションに最適!パーツ/テーマごとのデザイン見本帳「calltoidea」

WEBデザインのインスピレーションに最適なパーツ/テーマごとのWEBデザイン見本帳「calltoid

記事を読む

画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法

アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を

記事を読む

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ

記事を読む

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表25

海外サイトなどではよく目にするプライステーブル/価格表。 この価格表は、いうまでもなく、コンバージ

記事を読む

背景画像をフルスクリーン&レスポンシブ対応にする方法

背景画像をスクリーンいっぱいに表示しているサイトが増えているとはいえ、いま見てもインパクトがあります

記事を読む

切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法

切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法をご紹介します。 リボン関連に

記事を読む

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニ

記事を読む

リボン風の見出しをCSS3だけで実装する方法

リボン風の見出しをCSS3だけで実装する方法

見出しでリボン風の装飾をCSS3だけで実装する方法をご紹介します。 利用するのはboderプロパテ

記事を読む