2015/05/14
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。
Googleマテリアルデザインの登場で、UIデザインのリニューアルが相次いでいますね。
そうした動きに合わせるかのように、海外の有名サイトも次々とリニューアルされているようです。
リニューアル情報は毎日のように届きますが、新旧のデザイン(リニューアル前後)の状態を、しげしげと見比べる機会というのは少ないように思います。
そこで今回のギャラリーサイトです。
このサイトなら、新旧のデザイン(リニューアル前後)の状態をひと目で見比べることできます。
今後、サイトのリニューアルを考えている方にはとても参考になると思います。
UIのリニューアル前後を比較できるギャラリーサイト「Android UX before and after」
TumblrやInstagramをはじめ、有名サービスが軒並みUIデザインをリニューアルしていますが、どれぐらい変わっているか覚えていますか?
Android UX before and afterは、UIデザインのリニューアル前と後をひと目で比較できるギャラリーサイトです。

こちらのギャラリーサイトでは、左に旧サイト、右に新サイトが並べられているので、どこがどのように変わったのかが一目瞭然の仕様になっています。

Tumblrも、デザイントレンドをしっかりと反映したデザインに生まれ変わっているのが大変よくわかります。

掲載されている数自体が少ないのは非常に残念ですが、サイトのリニューアルを検討する際の参考になるのではないでしょうか。
今後のさらなる充実に期待してます。
UIデザインギャラリーサイトの「androidux.com」の1コーナー

Android UX before and afterは、海外のAndroid系UIデザインギャラリーサイト「androidux.com」の1コーナーです。
ギャラリーサイトは非常にたくさんありますが、リニューアルの前後を並べてみせてくれるサイトというのは、見たことがありませんでしたので、とても新鮮でした。
日本のサイトでもこうしたのが増えると、おもしろいかもしれません。
Android UX before and after
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
ワンランク上のWEB表現を目指すなら!HTML/CSS/JSの必見テクニック満載「Top Pens of 2013」
CodePenというWEBサービスをご存知でしょうか。 CodePenは、HTML/CSS/Jav
-
-
CSSグラデーションをとっても簡単に生成するツール「Gradientoo」
CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき
-
-
CSSを丸裸にして見やすく統計的に整理してくれる「CSS STATS」
サイトのCSSを解析してくれるサービスってたくさんありますが、項目ごとに見やすくまとめてくれて、活用
-
-
超簡単!CSSで上下左右センターにする方法
超簡単ですぐ実践できるCSSで上下左右センターにする方法をご紹介。 display:flexを使っ
-
-
CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」
CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊
-
-
CSS3の色名147色(RGB、HEX16進カラーコード併記)
CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。
-
-
アイコンはCSSの時代へ!?こんなにある無料のCSSアイコン500+
CSSだけ作られたアイコン(ピュアアイコン)をご紹介します。 アイコン制作手法も様変わりを見せてお
-
-
CCSだけで見出しに自動で連番を記入する方法
当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま
-
-
クリックしたくなる!CSSだけで作られた無料のボンタコレクション「CSS Buttons」
CSSだけで作られた無料のボタンがコレクションされている便利なサイトをご紹介します。 Photos
-
-
HTML/CSSをより見やすく!Google Chromeデベロッパーツールの機能拡張「SnappySnippet」が便利
「このサイトのココどうやっているんだろう?」そう思ったとき、 ソースを見るか、Chromeのデベロ
