[Android]各解像度毎の画面サイズについて(デザイナ向け)
各解像度毎の画面サイズについて(デザイナ向け)メモ
Androidはmdpi,hdpi,xdpi,xxhdpiが用意されている。※ldpi(低解像度)は日本の端末で現在存在しないため対応しなくてよい。
これはAndroidの端末の解像度に合わせてAndroidが自動的に対象の*dpiディレクトリを選択してくれる仕組みになっている。
上記ディレクトリ以外にも各解像度用に規約に合わせてディレクトリを作成することが可能だが、デザイン作成に手間がかかるのと、そこまで影響がでないため考えなくて良いと思う。
iphoneと違い、Androidの端末は解像度は数が多いため、一概にどのサイズで作ればよいかに迷うので、大多数の端末で影響がないサイズを決めて作成すると良い
サイズの比率について
mdpiを基点(3)として mdpi[3] : hdpi[4] : xdpi[6] : xxdpi[8] のサイズで画像を作成することが必要。
正しい比率にすることでいずれかの解像度で縦だけまたは横だけ画像が伸びて表示してみえたりすることがなくなる。
※アスペクト(縦横比率)により画像が伸びる場合は比率の問題ではないので考えから除外する
画面解像度について
小さい画像を、端末解像度で縦横を伸ばす場合は、文字にジャギーや、ぼやしがかかる可能性があるので、大きいサイズに合わせたほうが良い。
存在しているキャリア端末で大まかにカバーできるサイズを決めて作成すると良い。
参考サイズ:
mdpi 360 * 640
hdpi 540 * 960
xdpi 720 * 1280
xxhdpi 1080 * 1920
※mdpiを基点に3:4:6:8で倍率を合わせて計算している
現在発売されているAndroid端末解像度情報の参考:
http://case-mobile-design.com/devices/resolution-list/
その他おすすめの備忘録
- [iOS][Mac]iOSアプリ申請時に必要なスクリーンショット画像のサイズとリサイズについて
- [Android]アプリに割り当てられるヒープ領域を拡大(ハニカム以降対応)
- [Android]Xperia機種依存バグ(TextViewのbackgroundイメージ指定のバグについて)
- [AI]イラストレータCS6で入稿データを作成する方法
- [Grunt]デザイナ向け自動化ツールGruntの開発環境構築から動作確認まで
- [Android]端末にインストールしているAPKファイルの抽出
- [Facebook]Facebook広告の画像規約についてと対策について
- [Android]使用していない画像ファイルをまとめて削除する(Eclipse版)
- [iOS]速報2017AppleSpecialEventのiOS11、iPhone8など発表内容について
- [Android]実機デバッグでdata/dataの中身を確認する手順
coffee-break
Don't write code that useless.
1日5杯はコーヒー、カフェオレ飲みます。狭心症のため安静にします☆松本 雄貴
Kotlinでサービスリリース目指す!
iOSでチャットアプリ作成中。自然言語解析LSIを習得中
Mac / Android・iOS / Rails / Oracle
2017年 Lpic L2取得
2012年 Android技術者資格取得
2010年 OracleMasterGold10g取得
2008年 CCNAQiitaもたまに投稿
https://qiita.com/y-matsumoto東京近郊で常駐開発探してる方はこちらよりご連絡ください
SES企業でパートナー会社を探している企業様はこちらよりご連絡ください
スプリットカメラ iOS / Android
音声認識で聞いた日付から曜日当てアプリ Android
ソーシャルタイマー Android
カテゴリー
- ActiveRecord (2)
- Android (52)
- AndroidStudio (10)
- Ansible (1)
- AWS (1)
- Bash (18)
- Blog (7)
- BootStrap (1)
- CentOS (16)
- Chef (1)
- css (2)
- Eclipse (5)
- error (1)
- Facebook (2)
- Firebase (1)
- FuelPHP (16)
- Git (22)
- GitHub (3)
- Gradle (2)
- GraphAPI (1)
- Grunt (1)
- heroku (2)
- illustrator (1)
- iOS (17)
- Java (4)
- Jenkins (1)
- jQuery (3)
- Kotlin (2)
- Mac (22)
- nginx (1)
- Node.js (3)
- peco (1)
- php (5)
- Python (1)
- Rails (16)
- Ruby (11)
- shell (1)
- SNS (1)
- Swift (2)
- tmux (2)
- Vagrant (6)
- Vim (6)
- windows (2)
- WordPress (3)
- zsh (4)
- フリーランス (1)
- ライブラリ (1)
- 勉強会 (2)
- 宣伝 (1)
- 未分類 (2)
最近の投稿
- [MAC]HighSierraでgitプッシュエラー「Unable to negotiate with xxx.xxx.xxx.xxx port xx: no matching cipher found. Their offer: aes128-cbc,3des-cbc,blowfish-cbc,cast128-cbc,arcfour,aes192-cbc,aes256-cbc,rijndael-cbc@lysator.liu.se fatal: Could not read from remote repository.」
- [iOS]iOS11からFacebook,Twitter連携(シェアなど)廃止の対応方法
- [iOS]速報2017AppleSpecialEventのiOS11、iPhone8など発表内容について
- [iOS][Firebase]The default Firebase app has not yet been configured. Add `[FIRApp configure];
- [iOS]2017年9月リリースのiOS11で開発者が対応するべきこと
- 今人気の現金化サービスCASH(キャッシュ)を使ったレビュー
- [Pandoc][Mac]pandocでmarkdownからwordファイル作成
- [Android]映画サマーウォーズの聞いた日付(誕生日)から曜日当てをアプリ音声認識で簡単に実現
- [Android]起動しているActivityを取得するadb shell コマンド
- [Android][Kotlin]kotlin学習で参考になるサイト一覧
2024年4月 月 火 水 木 金 土 日 « 5月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 アーカイブ
- 2018年5月
- 2017年9月
- 2017年8月
- 2017年7月
- 2017年6月
- 2017年5月
- 2017年2月
- 2017年1月
- 2016年12月
- 2016年7月
- 2016年6月
- 2016年1月
- 2015年12月
- 2015年11月
- 2015年10月
- 2015年9月
- 2015年8月
- 2015年7月
- 2015年6月
- 2015年5月
- 2015年4月
- 2015年3月
- 2015年2月
- 2015年1月
- 2014年12月
- 2014年11月
- 2014年6月
- 2014年5月
- 2014年4月
- 2014年3月
- 2014年2月
- 2014年1月
- 2013年12月
- 2013年11月
- 2013年9月
- 2013年8月
- 2013年7月
- 2013年6月
- 2013年5月
- 2013年4月
- 2013年3月
- 2013年2月
- 2013年1月
- 2012年12月
- 2012年10月
- 2012年5月
- 2010年6月
エントリ