スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

アプリ審査開始




題とツイートの通りです。
すんなり審査が通ればいいんですけど。

追記にあんまり関係ないTwitterのレイアウトの話を少し。
Twitterのレイアウトなんですが、2014/3~4月あたりから、ぼちぼち新しいUIに切り替わり始めてるみたいですね。

iPhoneから見た時のヘッダー画像は、アップロードしたやつがちょっと見切れるんですよね。
PCブラウザからでも、フォロー/フォロワー一覧を見た時の小さいヘッダー画像は見切れてます。

(2014/04/29追記、直ってましたね)

(アドオンほとんどなしのFirefoxで確認、他は分かりません)
サイズがどうなってるんだろうと思ってちょっと調べてみました。


以下、CSSを覗いてみてわかったこと。

ヘッダー画像(アップロード):1500x500px
ヘッダー画像(実際の表示):幅Min1200px、画面幅の100%、高さAuto
3列に並ぶ小さいヘッダー画像:Max1190pxの、プロフィール部分を抜いた1/3のマージン等を引いた値(300弱ぐらい?)
※ CSSのDIVがとんでもない入れ子(15階層以上)だったので、
  正確に計算する気力はありませんでした


以下、スクリーンショットををGimpで見た実測値。

ヘッダー(大):1200x400(最小値。ウィンドウ幅がそれ以上なら、幅がスクリーンサイズの100%)
ヘッダー(小):246x95


小さいヘッダーを拡大して、大きいヘッダーに重ねてみた画像は以下。
赤枠部分が小さいのを拡大したところ。
twheader.png
(クリックで拡大)


だいたい左右が250px、上は揃っていて下が114pxでした。
ヘッダー画像が1500x500の場合なので、大きさが違う場合は違ってきますけど。
アスペクト比が同じなら、左右が幅の16.7%ずつで、下が高さの22.8%です。
(大きさや位置は若干のズレが有るかもしれません)


アプリタイトルの文字が見切れちゃうのは嫌なので作り直そうと思ってます。
本当はアイコンの食い込み具合もちょっと違ったので調べたかったんですけど、面倒なのでやめました。ごめんなさい。
例えばヘッダーに人物イラストとか使ってたら、顔が見切れたりするの嫌ですよね。
そういう方の参考になれば幸いです。


一応下地になるような画像も置いておきます。
白が見切れない部分で、1500x500サイズのpngファイルです。

twheadertemp_2014041611341715e.png
関連記事

Comment

Post a comment

非公開コメント

お知らせ

記事移行完了

記事をFC2からcatgames.16mb.comへ移行完了しました。

このサイトは更新されません。

カウンター

2012/09~

メールフォーム

名前:
メール:
件名:
本文:

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。