アプリの運用に便利な小技シリーズ|アプリをおしゃれに見せるポイント!

こんにちは。アプリクッキングの坂口です。

今回は弊社のアプリをご利用いただいている、クライアント様向けにアプリの画像を設定するときのポイントをお伝えします。

弊社のアプリはとてもシンプルに作っています。必要最低限の機能とデザイン。クライアント様が運用しやすいように、カスタマーが使いやすいようにという考えで作っていますので、画像一つでおしゃれにもなりますし、イマイチな見栄えにもなります。

ということで、今回は、アプリを画像でおしゃれに見せるポイントをお伝えします。

写真はスマホより一眼レフで

一眼レフで撮影された写真の方が、スマホの写真と比べて圧倒的にキレイです。

こちらが一眼レフとスマホで写真を撮ったときの違いです。ホームページやアプリなど、公式なものに写真を使うときには、一眼レフで撮影することをおすすめします。

 

一眼レフで撮った写真

IMG_6908

 

スマホで撮った写真

IMG_9938

とはいえ、スマホのクオリティもどんどん上がってきています。スマホで撮るときの写真のポイントは以下にまとめてますので、参考にしてみてください。

アプリの運用に便利な小技シリーズ|スタッフ写真をキレイに見せる方法

2016.03.01

写真は縦向きではなく横向きに撮影する

弊社のアプリの画像は基本的に横向きです。

縦向きにとってしまうと、写真を切り取ったり、サイズを合わせたりする必要があり、比率が合わなくなったり、思った以上にアップになったりということが起きてしまうので、なるべく横向きに撮るようにしてください。

content2

背景に画像を登録する

アプリクッキングのアプリは、背景を自由に変更することができます。背景に画像を設定するとぐんと見栄えが良くなります。

背景に画像を登録しないパターン

background2

 

背景に画像を登録するパターン

background

いかがですか?背景を変えるだけで、アプリの雰囲気が一気に変わりますよね。

画像を登録する場合は、文字の色が白色なので、白が目立つ画像を登録しましょう!

画像サイズについて

画像サイズを合わせることもとっても大事です。画像サイズが合っていないと、写真が横に伸びて見えてしまったり、文字が切れてしまったりします。

以下が、各種の画像サイズ一覧です。ぜひ参考にしてみてください。

ジャンル 設定箇所 推奨サイズ
トップ トップ画像

640px × 350px

メニュー トップ 640px × 350px
カテゴリー 640px × 350px
商品 640px × 350px
クーポン クーポン画像 640px × 814px
店舗情報 トップ 640px × 350px
ヘッダー ヘッダー画像 400px × 88px
背景 背景画像 640px × 1136px

画像サイズがぴったり合っているものと、そうでないものを比較してみましょう。

画質がいい写真で比率が正しいもの

picture

 

画質が荒い写真で比率が正しくないもの。

picture1

サイズが合っている方が美しいですね。どんなに写真が素敵でも、画像サイズがあっていないと、写真が伸びたり潰れたりします。

画像サイズは3MBを超えると設定できないので、3MB以内の写真を設定するようにしてください。

まとめ

いかがでしたか?アプリの画像一つで、見栄えが全く違ってきます。少し手間かもしれませんが、一手間加えることで、とってもおしゃれなアプリに変身します。

アプリに限らず、公式ホームページ、Facebook、インスタグラム、ブログなどでも写真ってキレイなほうが目を引きますよね。

画像サイズの変更方法がわからない!切り取り方がわからない!などありましたら、お気軽にお問い合わせくださいね。

アプリクッキングへのお問い合わせはこちらから

お名前 (必須)

メールアドレス (必須)

お問い合わせの内容(必須)
アプリを導入したいサービス内容を知りたいその他

メッセージ本文(任意)

ABOUTこの記事をかいた人

株式会社アプリクッキング取締役副社長。 ブログでは、日々の学びやお客様からいただいたリアルな声、弊社の雰囲気や社員紹介などを私なりの表現でさせていただきたいと思います。