個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

これは便利!背景画像に使えるシームレスパターンを無料でコピー/ダウンロードできる「Transparent Textures」

こりゃ便利!というサービスがあったのでご紹介します。 WEBサイトを制作するときに背景画像などに利

記事を読む

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

最近のサイトではCSSアニメーションを使って、ユーザーに効果的な見せ方をしているサイトも増えてきまし

記事を読む

息抜きに火星ツアーに出かけよう!火星をバーチャル・ツアーできるDiscovering Gale Crater

息抜きに火星ツアーに出かけよう!火星をバーチャル・ツアーできるDiscovering Gale Crater

火星をバーチャル・ツアーできるDiscovering Gale Craterをご紹介します。 Lo

記事を読む

CSS3を知らなくてもOK!便利すぎるCSS3関連ツール&ジェネレーター51

CSSを入力するときには、細かいプロパティを覚えていないと、作業がなかなかはかどりません。 特に、

記事を読む

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider.com」

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」

イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利

記事を読む

これは簡単!ポリゴン画像生成ジェネレーター「Trianglify Generator」

これは簡単!ポリゴン画像生成ジェネレーター「Trianglify Generator」

簡単・無料で利用できるこポリゴン画像生成ジェネレーターをご紹介。 背景画像などによく使われているポ

記事を読む

人気のHTML/CSSコードサンプル25+おまけ2 from CodePen

CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類

記事を読む

CSSの手入力が不要になる便利なCSSジェネレーター「ENJOY CSS」

CSSの手入力が不要になる!複数の機能が1つになったCSSジェネレーター「ENJOY CSS」

CSS3になってから便利なジェネレーターが次々に登場していますが、今回ご紹介するジェネレーターはひと

記事を読む

プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18

プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい

記事を読む

よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル

よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル

初心者のためのCSS3 transition(トランジション)とtransform(トランスフォーム

記事を読む