スマートフォン向けのアプリを作ろうとするとき、アプリを見直して、何がどこにあるのが一般的かを毎回ぼーっとみています。 忘れてしまうぐらいなら記事にしてしまえ! ということで、スマートフォンUI考察 シリーズ と題して書いてみようと思います。 第一回は iPhone標準レイアウト HTMLではこんな配置が多いかと思います。 iPhone, Androidなどスマートフォンでは、解像度は高くなったとはいえ、画面サイズが小さいので全て1画面に収めるのには無理があります。 必要なの要素を、どれだけ省略してすっきり画面内に収めるか。というのが腕の見せ所(?)かと思います。 なにはともあれ、iPhoneの標準アプリがとっても参考になります。 時計 時計アプリには時計の他にストップウォッチなど、複数の機能があります。 それらの機能はグロバールナビゲーション的なタブ切替として一番下に配置されています。 i
![スマートフォンUI考察-iPhone標準レイアウト](https://cdn-ak-scissors.b.st-hatena.com/image/square/40c2c662c3b21a5084ccdc67187ca1c5d91cc163/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEjhvXtfWvIgaJxF8S_uwaioqvlqNdEYmrvn2vDgH_lkLd1LlLL4FfYqKW5Tmoc1mOBMTl4adgzcb0-hqFEj7MCWvbRLiKiWk5elO34VAl5AtntfWXx0tQhBO4dXxzP0CoKMDRtvXwUBhfI%2Fw1200-h630-p-k-no-nu%2F%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252582%2525B7%2525E3%252583%2525A7%2525E3%252583%252583%2525E3%252583%252588%2525EF%2525BC%2525882011-06-25%2B2.05.33%2525EF%2525BC%252589.png)