Tag Archives: iPhone

スマートフォンサイトをつくる上で、iPhoneとAndroidの違いを知っておくべき！系のブログ記事から個人的にほしかった情報だけを集めてみました。 ■アンドロイドとiPhoneは解像度が違うから注意 iPhone3G・3GS：320×480px（3.5インチ） iPhone4：640×960px（3.5インチ） Android：端末ごとに異なる （代表的なのは　Galaxy SⅡ　800×480　4.5インチ / エクスペリア・メディアス　854×480　4.0インチ） 参考：スマートフォンアプリデザインに役立つ基礎のまとめ！ ■ブラウザのちがい iPhoneはSafariが標準ブラウザです。Mobile Safari と呼ばれていて、オープンソースのレンダリングエンジンwebkitを採用して、html5やcss3の最新技術をとりいれているブラウザ。App　Storeで無料または有料で購入したブラウザは、Safariのエンジンをしようしているので、デザインの見え方は一緒。Opera　miniは例外のようです。 Flashが非対応で設定項目も少なく「文字サイズの変更」や「エンコーディングの設定」は設定ができない。 アンドロイドの標準ブラウザは　Android Browser。その他に有名なのがInternet ExplorerやMozilla Firefoxがある。Safariと同じく「Webkit」を採用しています。Chromeのアンドロイド版は現在ないらしいです。AndroidのOSはGoogleが無償で提供している物なので、不思議に思う方がいるようです。・・・確かに不思議ですね。ただ、Chromeに近い性能からChrome Lite なんて呼ばれていいることもあるようです。 iPhoneではできない、文字サイズの変更やエンコードの設定が可能です。 Flash Playerを標準搭載しています。しかし、正式にモバイルブラウザ向け Flash の開発を終了しました。 お知らせ：アドビ、モバイルブラウザ向け Flash の開発を終了 その他にも色々とブラウザがあるようです。 参考：アンドロイダー AndroidとiPhoneのフォントについて iPhoneでは、「ヒラギノ角ゴW3」、「ヒラギノ角ゴW6」のみ対応している。明朝を指定しても反映されませんので注意。 Androidのフォントは、機種ごとに違う。端末によっては追加ができます。（一例：smartgoods.me） また、独自のフォントが存在します。一部の端末で「Droid Font」という物があり、CJK統合漢字という「日本語」「中国語」「韓国語」で同じ漢字を利用する仕様フォントがあり、そのフォントで日本語をみると漢字のカタチが不自然にみえるんだとか。ちなみに製作者は中国の方らしいです。また、Android　4.0では「モトヤフォント」という新たなフォントが採用されるようです。 ■フォントサイズの違い Android独自の単位があります。px の代わりに　dip,dp,sp　を使用する事が多いようです。 解像度に合わせて表示サイズを拡大する単位です。 … Continue reading →

画像は3サイズ必要 サイズ内に余白が必要 hdpiスクリーン： 画像サイズ　：72×72px アイコン　　：60×60px 以内真四角の場合：56×56px   mdpi スクリーン：画像サイズ　：48×48px アイコン　　：40×40px 以内真四角の場合：38×38px   ldpi スクリーン：画像サイズ　：36×36px アイコン　　：30×30px 以内真四角の場合：28×28px