More than 3 years have passed since last update.

iOSとAndroidのアプリ画面を比較できるサイト「consim.」が便利すぎる

Last updated at 2020-08-28Posted at 2020-08-27

はじめに

iOSとAndroidのアプリ画面を比較できるサイト「consim .」が便利すぎる！と思ったので紹介します。
Apple MusicやTwitter、Slackといった有名なアプリのiOSとAndroidのアプリ画面が大量に登録されているので、観るだけでもUIの勉強になると思います。
（Apple Musicアプリだけで、iOS 50枚、Android 48枚のアプリ画面が登録されていました。）

また、**iOSとAndroidの画面を左右に分けて表示**することもできるので、iOS/Androidどちらかの画面だけ見てみたい、といった方にも有用なサイトだと思います。

https://consim.design

THE GUILDの小玉千陽さんが個人で作成されているサイトみたいです。すごい！！

iOSとAndroidの画面を比較できるデザインギャラリーサイト「consim.」をローンチしました！
デザインの原則、Contrast&Similarityからconsimと名付けています。
まだ掲載数も少なくミニマム機能ですが、このアプリ見てみたい、こんな機能欲しいなどあればぜひ教えて下さい☺https://t.co/ZkHgvegYGM
— 小玉千陽 / THE GUILD (@chiharukodama) August 24, 2020

#「consim.」の使い方

とてもシンプルでわかりやすいサイトですが、簡単に説明していきます。

アプリ毎の詳細な比較画像を表示する

consim.のTOPページで、アプリ名、アプリアイコン、アプリ画面の画像のいずれかをクリックすることで、アプリ毎の詳細な比較画面を表示することができます。
このページでは右側のSegmentedControl？¹によって、以下のように表示を切り替えることができます。

iOSとAndroidの画面を交互に表示

アプリ画面の画像をクリックすることで、アプリ画面毎にiOSとAndroidの画面を比較表示できます。

iOSとAndroidの画面を左右に分けて表示

アプリ画面の画像をクリックすることで、アプリ画面毎にiOSまたはAndroidの画面を表示できます。

App Store と Play Store 画像を表示

下にスクロールしていくと、App Store と Play Store の画像を確認することができます。
（アプリによっては、Related Appsが表示されるものもありました。）

アプリのApp Store/Play Storeを表示する

各アプリに表示されているApple/AndroidアイコンがApp Store/Play Storeへのリンクとなっています。
こちらをクリックすることでApp Store/Play Storeを表示することができます。
ちなみに、数字は画像を採取した際のアプリバージョンのようでした。（確認したわけではないので、推測です。）