スマホアプリデザイナーひとりAdvent Calendar #19 /iPhone/ カメラアプリを作る時に参考になるアプリ13選
最近、iPhoneでカメラアプリが再び賑わってきているような気がします。
アプリ単体だけではなく、InstagramがFacebookに買収されたり、Twitterがアプリ内にカメラフィルターを追加するなど、大手SNSサービスにも動きがありました。
iPhone 3Gが日本で発売された時、それはそれは多くのカメラアプリがリリースされ、みんなそれを楽しんで使っていた覚えがあります。
再ブームと言っていいのかはわかりませんが、ユーザーの興味が一巡したんですかねぇ?なんて話も社内であったり。
今日は数多くあるカメラアプリの中から、いくつかカメラアプリを作る際に参考になるアプリを13個選んでみました。
まあ基本的には有名どころばっかりですが。
あと、カメラアプリのゴールといえばやはり「写真の保存・投稿」なわけで、それぞれがどのようなアクセントを設けて誘導しているかも記載してみました。
![](https://qebqdg.bn1.livefilestore.com/y1pA8FPddjYtRIrmdN9S24q8ZdxybZQ_nev88figbBJrQKEnWV5jZ__9p_bMIIutKWizIZ5NAXngsRgri1Uo8hpv5yS4vyIj0g4/2012-12-24%2000.09.31.png)
とりあえずこれを筆頭に挙げなきゃねということで。
1画面あたりの要素もシンプルで、でもタッチジェスチャーによる操作も積極的に取り入れています。
投稿に使っているアクセントは「緑色+ラベル」
![](https://qebqdg.bn1.livefilestore.com/y1p8BDcl8bQ6NGfIN27tQksy3L7cbCm0al0txIyo5mZKVVGod4xxMM-7gplYVSfvfwL6ouEW2NIxu9Xd4O84BlK1Dm7iNLhfIrA/2012-12-24%2000.05.50.png)
冒頭に挙げたのでこちらにも。
こちらも中心はSNSなの極力機能を最小限に抑えてあります。真ん中のアイコンでサムネイルと1枚画像の切り替えはちょっと微妙かも?
投稿に使っているアクセントは通常のボタン。Twitterの1機能だから特に誘導しなくてもOK、ということでしょうか。
LINE camera
![](https://qebqdg.bn1.livefilestore.com/y1pYVwDp9DL52qLwR97qKzPUcKIHjWx8COimxK3yVoIHYqtOFOZP_X0byj6uo530t0XAYlwZ3DW6eDAQeFKIF3er_9f_PweoEoV/2012-12-24%2000.12.35.png)
LINE cameraも有名ですよね。
上記2つよりも多機能なのに、よくこれだけうまくまとめられたなあと感心しきりです。
LINEは他のアプリに比べると、アイコンとラベルの併用が多いように思います。
投稿に使っているアクセントは「緑色+アイコン+ラベル」
EyeEm
![](https://qebqdg.bn1.livefilestore.com/y1pMmR8GA0O9PYDGIObgCcDkOL0Yzje4eX6-cEs7hz1X9-hQZVKFFnwjMm9izL9NURZ47tb9ZxjowkwvCCJuDHeVChhAHskEzte/2012-12-24%2000.07.53.png)
EyeEmもInstagramと同じく写真投稿型SNSです。
今までのパターンと同じように、SNS系は機能が絞られています。
投稿に使っているアクセントは「緑色+チェックマーク」
Facebookカメラ
![](https://qebqdg.bn1.livefilestore.com/y1pjI1oNy3QA5f8zHI0jd9yQ6g6SISL-TiLWEoTCmYs9h9Mu5i11xBPTWWIdYtElWbdowqRUoG0b1DFSgxJgnmpS5KtFqItKYFV/2012-12-24%2000.10.21.png)
もはやなかったことにされてる感満載のFBカメラ。いまだにホーム画面のアプリ名が「カメラ・」なのが泣けます。
iPhone 5対応がされていないため、少しでも画面を広くできるようToolBarにバックボタンが入れられています。
投稿に使っているアクセントはFBらしく「青+アイコン」
cameran 蜷川実花監修カメラアプリ
![](https://qebqdg.bn1.livefilestore.com/y1pbXg8GUr_U7yrBgcRIxsFubjcDfSgqj_kyAjsrUDRkHgYo3R-toW2sfY7gcXxk5wT0cswegDfADULDayh2B5XhObE4Iibsz2b/2012-12-24%2000.12.03.png)
これも有名ですね。コンテンツが有名なだけでUIはテキトーかと思いきや、シンプルにまとめられています。逆になんか蜷川実花っぽくない…?
写真効果を無くす選択肢がスクロールの中心にあるので、そこが人によっては使いづらいのかも…(わざわざ蜷川実花効果を入れない人はそういないと思うけど
アクセント / 彩度 / コントラストの見せ方は参考にしたいところ。
また、面白い試みとして「SNSに写真を投稿すると蜷川実花撮り下ろしの壁紙が貰える」点が挙げられます。写真を共有させる動機として面白いです。
投稿に使っているアクセントは特になし。強いて言うなら右端に配してることでしょうか。
PopCam
![](https://qebqdg.bn1.livefilestore.com/y1p-6a65AEJgO03DdPnn2pWQgYu_UTTsHLQuWQ9CXs8Xy2oahDWH4l-cOPyCr0-o-xP7SyGY3uT6Xhio5MbxgLAgT682JyDXuB7/2012-12-24%2000.23.11.png)
PopCamはSony系列の会社が出しているアプリ。
これはあまりUIがよくないので反面教師的に入れるとよいでしょう。
ホントにSonyの名前がついた会社が作ったの!?と言いたくなるくらいUIに統一性はないしかと言って使いやすいわけではないし…うーん
![](https://qebqdg.bn1.livefilestore.com/y1piopBIIzRborzTvEClS7-aBMN4IQpOqB_8sc8Dw5B-xUOGDRiwIOcASbsXpdon_mV3W3mobB_aVWW4ZlGSbyyXd5u31h6o3QL/2012-12-24%2000.22.53.png)
真ん中近くのアイコンが撮影とカメラロールを起動するものだと気づくのに3秒くらいかかりました。
![](https://qebqdg.bn1.livefilestore.com/y1p__-7-NU-mnUbdyFCQCbN9U9j_LnnzjPImiLTc7uoNHwnwkoNUNfh14mROXQeVnTZrIImT4z3BPWl3ybSwbBC71IvaR0sjwSj/2012-12-24%2000.24.51.png)
UIのテクスチャも統一されてない感じ。
保存のボタンはTabBarの1つとして配されているため、使っているアクセントは特になし。
Vintique
![](https://qebqdg.bn1.livefilestore.com/y1pWyqkIuaGbY6wylktxjRr7M6tgcArh3KknTSVA5pKbSiMNl0HmnRKksQrEp53uCtdzM_AFdr8Mb-uI6nFW4vLEiEYvvOSwkJM/2012-12-24%2000.13.34.png)
Vintiqueは最近アプリランキング上位で見るようになりましたが、個人的にはこのUIもあまり好きではないです。ちょっとまとまりがないかなー…
![](https://qebqdg.bn1.livefilestore.com/y1pl_MT7O7lIsevsYDrj8pur8VLIABBCmNbrZzXKASBMks6tp3RlN1HB5653IeMAffMSy-qNDv38MPXQRqQrUZWwAXn80fLerVn/2012-12-24%2000.13.03.png)
起動直後の画面も、写真を撮りたいなあと思えるものではありません。せっかくの入り口がもったいない。
![](https://qebqdg.bn1.livefilestore.com/y1p1bI1E2ZnsKK0DNMAeRCGPfrxeSbwW88zPRrWVadL1s_3dhDA4TFFFGb5YnV-Yl99T3Z8wDLtkiYAjgaa8PpNCW7iIkqpGOwK/2012-12-24%2001.54.39.png)
保存・投稿へは右下のActionSheetボタンから。
FxCamera
![](https://qebqdg.bn1.livefilestore.com/y1p4_uYSJQ4EJOKgdbngOmkerQ_HMtWPhQrKNt_D2V6Lm3PAf2v6hfPZqXbbkx0JouCGc5NJy7bv9VCl8_reF2gDoFC-KShVE1J/2012-12-24%2000.17.12.png)
反対に、FxCameraの起動後の入り口はとても魅力的です。
確かに写真がすぐ撮れたり、全部の効果を俯瞰することはできませんが、そういった効率的なレイアウトではない、楽しさを感じさせる設計です。Android版とほとんどUIに変化がないのも面白いですね。
![](https://qebqdg.bn1.livefilestore.com/y1pCm_RhT2OIHwH_JU5s9rHs_vtUALs4n0La-XG1NeHt5mlEAe0ZFGW_cscl1eyuuqruqdr8qOOm40iBfiRUyalKpmBBDFWonj4/2012-12-24%2000.16.46.png)
保存に使うアクセントは「チェックマーク」。
VSCO CAM
![](https://qebqdg.bn1.livefilestore.com/y1pwHYsBNLL7qUDme9nZnt6o_PFrnBlY8SzDa_F_iqcDLcmuKxzqTQU60EypaAUvWQa7uHIj4gVZxiJ_H_E5BfBfCg0zBHqHprz/2012-12-24%2000.18.59.png)
LightroomやApertureのプラグインを開発しているVSCOのカメラアプリ。
極限まで削ぎ落としたシンプルなインターフェースが特徴です。
確かに見た目はかっこいいんです…けど…うー、あまり使いやすいとは思いません。
![](https://qebqdg.bn1.livefilestore.com/y1pV5MPZpCM6mW9GwiPxbNxvmLwdY_jg-ZQol_c9r0oaPvHKctnz7jcy1R5qmrB7wFp5w0Rl2xZ5cwb-1cowAXDqECBSoE2aEx7/2012-12-24%2000.18.49.png)
フィルターは9種類あるのに、それが判別できるのは白黒かカラーかと、あと番号のみ。これは…どうなんだろう…シンプルの極みと言えばそうだけど。
あと時々階層がわからなくなって迷います。慣れたら大丈夫なのかなぁ。。
保存のアクセントは特に無し。右から2つ目のアイコンをタップすると保存するサイズが選べます。
Snapeee
![](https://qebqdg.bn1.livefilestore.com/y1pbhS2Y5Q5Q5XwMRIWwfJq0m-uOLwS2JiTG3Fqw1LKf-IQVE74RJIiXbwDfkMolml8uENTzgeIy7tIa77JrDES6rN-I6cJTmJK/2012-12-24%2000.14.14.png)
Snapeeeは女性のための写真投稿SNSということで、随所に可愛らしさが出ています。
使い方がいつでも見られるのがいいなと思いました。写真アプリって機能が多いと久しぶりに使った時に使い方忘れちゃってるもんね。
![](https://qebqdg.bn1.livefilestore.com/y1pf7HfV7Ef5o-qltVQJGRKVsNfq2xF5LD9wYenb9HRKkCGvEMgkwLix7E1qPQg4wnX_FYkdDxikTBQK-QTK50P556KiF7TIqhR/2012-12-24%2000.14.48.png)
投稿に使っているアクセントは「緑色+チェックマーク」
Typic
![](https://qebqdg.bn1.livefilestore.com/y1pqv3KDzmwqLrkoSFH0KNoA_eEkEETxY4CqS-5elpIaeZkYcflJFc0LGXWWcKD_Dc9LIe3gImhvbpWTbA9UKgBPLayYGVxSyq2/2012-12-24%2000.15.28.png)
Typicはタイポグラフィに特化した写真加工アプリ。見た目はとても綺麗です。
上図からもわかるように、横スクロールで順に加工をしていくので迷いなく操作できます。操作スペース狭いのでちょっと詰め込んじゃってるけどね。
![](https://qebqdg.bn1.livefilestore.com/y1pj2i3PwLZNK3g2gGBQOi8NWk_YPb1s8N97tyq751VIxDmXuJFymRTJGTMet1_f9Tt-01NftxVSae7XGxqiWc1UcvcXtUzUz55/2012-12-24%2000.15.36.png)
これとか。あとは標準UIを除いてボタンが完全に平面なので、起動画面で少し戸惑ってしまいました。
![](https://qebqdg.bn1.livefilestore.com/y1pxKrrBA-3mZDIzrDkAv-hz7kl6UZw3zntmF59gzinI-h9cD54PhjlBkLcq4iHSm_0u2CyUO1v-rvw0raQwPmyq_Tztt4cNYvg/2012-12-24%2000.15.08.png)
お、押せるのかしら…
![](https://qebqdg.bn1.livefilestore.com/y1pkfwbKl_FAA0UrJTLGgrCSrGSycTbt7iVjTPCgKu4nFz206NHnO7iKz1ZcM8nkxqibDVVzVF-U9iefWuvS0rUxd5sivDVfhx2/2012-12-24%2002.24.46.png)
保存、投稿に使うアクションは特になし。最後のページがまるまる割り当てられています。
Snapseed
![](https://qebqdg.bn1.livefilestore.com/y1pPZ4P6QQEkWkJvpM0vY97g04wfMJvpaiEkVW7WU40-1ZfcFl_djdiJxVGZc-IKikLxmklCfhO7q2VzQxeAekz2Sj2j1KDaBE6/2012-12-24%2002.29.19.png)
最後はやはりこれでしょう。Googleが買収したことでも有名になりました。
とにかく機能が多すぎてそれだけで1つ記事が書けてしまうので詳細は書きません。
正直使い勝手の面では、かなり慣れというか訓練が必要かなと感じました。
使うならiPad版かなあ。
UIの面でどうしても気になるのは、画面下の◀と▶。こうやって配置されてるとアンドゥ・リドゥだと思うじゃないですか。
![](https://qebqdg.bn1.livefilestore.com/y1p1RyqVcVsPX6CnNki0NE7DjbMfAR4LuEQ2FXVbuNl-hGG67_4pn06Bv_NCrKPas3xVKn6GTQiOTMYm57EhJ2z4O7ocmdur7s8/2012-12-24%2000.25.18.png)
キ ャ ン セ ル と 適 用 だ っ た
割と衝撃。もう少し他の…というか一般的な表現方法があるのではないでしょうか…
![](https://qebqdg.bn1.livefilestore.com/y1pTGQFkSO49Tq0rWkE_i5IUnPC232CPCG6fZGQ8NLSYgkq2S4qT6y3tyMhzKYXpFRgwq4yGqN1Mvy-UW5_nU7F_4Hgk_sxMEqZ/2012-12-24%2002.40.58.png)
保存や共有は適用後の画面からActionSheetで。
というわけで勝手に13選でした。
多機能を小さな画面に収めるのって難しいですね〜〜
そういえばAdventCalendarもいよいよ明日で最終回ですね。えっ、もう終わり!?
最後なににしよう…