- ベストアンサー
Android用サイトデザインのサイズについて
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
iPhone=320pxの時点で情報が古いかもしれませんよ。 それはさておき、Android端末というと、タブレットPCもターゲットに入ってきます。 また、スマフォ限定としても、AndroidはiPhoneと違い、端末によって解像度がまちまちです。 その上で、横幅の最大値をどれくらいにするか、というのが課題かと思いますが、 単に横スクロールを出さないことだけを言えば、metaタグのviewportで解決できますね。 で、今回の質問内容の画像に関していえば、つまりAndroid端末に最適化した画像サイズを設定したい。ということですよね？ 私の個人的な結論をいえば、そんなものはないので、960pxを最大値として、viewportで縮めればいいのかな、と思います。 不必要なサイズの画像を読み込まないに越したことはないのですが、スマフォやタブレットPCは、ガラケーと違い、いわゆるパケ放題やwifi接続が前提なので、そこまでシビアにならなくてもいいんじゃないでしょうか。 ものすごくアクセスの多いサイト、あるいはゲームサイトならば、別の発想が必要ですが。
関連するQ&A
- スマートフォンサイト デザイン
初歩的な質問失礼いたします。 現在、スマートフォンサイトを制作しようとしているのですが、キャンバスサイズで迷っています。 すべての要素を倍のサイズで作成して、cssで縮小するときいたのですが、 iphone5の画面サイズを基準にデザインデータを作りたい場合、解像度は640×1136pxですが、実際に画面に表示されるのは半分程度の大きさなので、すでに倍になっていると考えて、幅640pxのキャンバス（高さはのちのち足すつもりです）を作成したらいいのでしょうか？ また、ランドスケープ時のために、幅1136pxのキャンバスを作成したほうがいいのでしょうか？？ どなたか教えてくださいませんか？？
- ベストアンサー
- CSS
- webデザインの画面サイズ
今、自分でwebデザインをしていますが、サイズの調整が分かりません。 幅を1024pxで作っているのですが、13inchで解像度が1440pxあるパソコンで見た場合、 全体がかなり小さくなります。 1024pxを1440px,13inchで表示すれば、小さくなるは当然ですが 他のサイトなどを見ると、1024pxで見たときは私のサイトとほぼ同じ大きさなのですが、 1044px,13inchでは、私のものより大きく広がって見えます。 これって何が原因なんでしょうか？ ちなみに、1440pxでも画面の大きな20inchのもので見ると、どちらも同じぐらいの大きさで見えます。
- ベストアンサー
- その他([技術者向] コンピューター)
- webサイトのデザイン方法について
webサイトのデザイン方法について 自分はillustrator photoshop dreamweaverを使ってwebサイト制作を勉強しております。 最初に全体のデザインをillustrator上で作って、使用した画像を個別にphotoshop illustratorでgifなどのファイルに書き出してdreamweaverで組み立てています。 しかしこんなやり方は効率が悪いのではないかと不安になります。(illustrator上でデザインしても、その画像の大きさはdw上のメモ リを参考に大体で決定しています。） illustrator上でpx数を決定して、全くそのデザイン案通りに作業を進めていくような上手なやり方を知りたいです。 fireworksというソフトは持っているのですが使ったことがありません。 みなさんのデザインの行程を是非詳しく教えていただきたいです。 例えば、まずは、illustratorで ~px × ~pxのドキュメントを新規作成して~~~という風に教えていただけたら幸いです。 fireworksを使っている人や使っていない人の両方の意見をお聞きしたいです！ よろしくお願いします！
- ベストアンサー
- HTML
- レスポンシブのデザインについて
ポスポンシブのデザインを設計する際はどのように書いていますか？ iPhone5系などの320×568を基準に作っていますか？ それともシェアが多い375×667を基準ですか？ デザイナーからspのフレームワークをもらったのですが、基準が750pxになっており、750pxではパーフェクストピクセルで表示できるのですが、320×568ではやはりレイアウトが崩れてしまいます。 なぜかというとそもそもボックスがwidth:600pxとなっていてiPhone系ではレイアウトが崩れます。 今回はpcとタブレット兼スマホでブレイクポイントを作っていますので、この場合では750pxではなく画面サイズが小さいスマホ(320px)を基準に作るべきではないのですか？ 320px基準であれば750pxに画面幅が広がっても拡大されるだけなのでレイアウトは崩れないと思うのですが、、、 レスポンシブを初めて作るので勝手がわからず、意味不明な質問かもしれませんが、回答よろしくお願いします。
- 締切済み
- CSS
- Androidのメリット
Androidのメリット 自分は格安系ユーザーなのでAndroidを使ってます キャリア契約ならiPhoneも高くはならないとは思うのですが 格安系のような月額が安いものですと料金が明確に違ってくると思います Androidは３万も出せばそこそこいい端末が購入できますがiPhoneは６万以上しますよね Android iPhoneの それぞれのメリットはありますでしょうか
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- Android用の大きなサイズのfavicon
Android用の大きなサイズのfaviconの作り方を教えてください。 Android用のホームページを作っています。 自分の持っているAndroid端末のGalaxy S(SC-02B)では、ホーム用に２種類のアイコン(favicon)があるようです。 添付画像では、左のYahoo!オークションとJALは大きなサイズのアイコンですが、あとのImpress、YouTube、アマゾンは赤枠の中に小さなアイコンです。 大きなサイズのアイコンを作る方法を教えてください。 自分は、以下の方法でfaviconを作っています。この方法だと、小さなサイズのfaviconになってしまいます。 １．適当な画像を16x16にし、このサイトで*.icoに変換 http://www.favicon.jp/ ２．HTMLに以下で貼り付け <LINK REL="SHORTCUT ICON" HREF="http://xxx.xxx.xxx/test.ico"> 自分はiPhoneは持ってないのですが、iPhoneでも同じなのでしょうか？
- ベストアンサー
- HTML
- アンドロイドoriPhoneどっちがいいか？
こんばんは。 現在、ソフトバンクの３G携帯９４０Pという機種を使用しています。 だいぶ年月が経ったのでスマホに機種変しようと考えています。 私はあまり携帯には詳しくないのですが、 アンドロイドとiPhoneどちらがいいのでしょうか？ ソフトバンク＝iPhoneみたいなところがありますよね。 アンドロイドにするなら他キャリアの方が良いと思うのですが、 私の家族や恋人（ガラケー）、親しい友人（iPhone）はソフトバンクなので 他キャリアへの変更は考えていません。 友達の携帯を借りて操作してみたのですが、 なんとなくアンドロイドの方が使いやすかったため アンドロイドかiPhoneで悩んでいます。 「使いやすい方を買え」と言われればそれまでなのですが、 皆様はどうなのかなと思い質問させていただきました。 使用用途（目的）によって異なってくるとは思うのですが 皆さんの意見をお聞きしたいです。 ちなみに私のスマホの使用目的ですが、あまりネットは使わないと思います。 地図か電車の時刻くらいですかね。 あとは電話、メール、他キャリアと 連絡する時に使用したいラインやスカイプくらいです。 ご意見、アドバイスなどよろしくお願いします。
- ベストアンサー
- iPhone・iPad・iOS
- スマホの縦・横を判別して別画像を出すことは可能？
スマホサイト（iPhone・Andoroid両方対応）の制作時に、 スマホの縦・横を判別して別画像を出すことはできますか？ 現状は添付画像のように、 １．横640pxの画像を作成（文字を載せたい場合は左から320pxまでの所に描く） ２．背景画像で（１）の画像を指定 縦：左端から320pxの所までが見える 横：640pxまで見える ・・・という感じで作っていますが、 これを 縦用：横320pxの画像A.jpg 横用：横640pxの画像B.jpg を作成しておいて、スマホ縦の時はA.jpgを表示し、スマホ横の時はB.jpgを表示というようなことがしたいです。何卒宜しくお願いします。
- ベストアンサー
- CSS
- Androidアプリのデザインガイドラインについて
会社でAndroidのアプリデザインを初めて行う者なのですが、Androidを出す場合、デザインガイドラインは遵守しなければならないのでしょうか？ iOSは過去にデザインをしたことがあり、apple側とやり取りしてリリースするまでに大変なのは知っているのですが。Androidはそこまで厳しくないと訊きます。 一応マテリアルデザインは意識していますが、審査はappleほど厳しくないですよね？Androidのガイドラインも読んでいますが、個々に細かく記載がされ過ぎていて訳が分かりません…。 開発またはUIデザイナーの方「絶対ここは守っておくべき！」デザインガイドライン部分や、リリースまで大変だったかどうか、教えていただけると幸いです。
- 締切済み
- スマートフォンアプリ開発
- iPhoneからAndroidに変えました
iPhoneから、Androidに機種を変えたのですがメールについて質問させていただきます。 iPhoneでは、キャリアメール受信用にsnsをつかってました。 チャットのような形式で、使いやすかったのでAndroidでも似たようなアプリがないか知りたいです。 Androidは、isw11kを使ってます。 また、オススメのアプリ有りましたら 教えてください。 よろしくお願いします。
- 締切済み
- Android
お礼
回答ありがとうございます。 色々検索してみると、widthで縮めるというのも出てきました。 今回は幅2倍の画像を用意してwidthで縮めるでやってみようと思います。