AppHtmlのテンプレートをiOS7風にカスタマイズ

iPhoneやiPadの次世代iOS7はフラットデザインを採用するらしいのでApp Storeアプリを紹介するAppHtmlブックマークレットのテンプレートをiOS7風にカスタマイズしてみました。 iOS7のアイコンデザインの変更点 以下のサイトでApple – iOS7の紹介ページに掲載されている画像を使って変更点をわかりやすく紹介されています。 見た目で明らかですがiOS7のアイコンは角のRが強くなり、またアイコンのシャドーがなくなってますので、このあたりをテンプレートに反映します。 角丸アイコンのRを調整 上記サイトでiOS7のアイコンサイズは縦横120pxに対して角Rが26pxとなっていますから比率は 1 : 0.2167 となります。アイコンサイズ100pxの倍、(100px) × 0.2167 ＝ 21.67 となるので22pxに変更します。

[gin-oi2]

微妙な違いだけど、見やすいかも。

[toshiya240]

(・∀・)ｲｲﾈ!!⇒AppHtmlのテンプレートをiOS7風にカスタマイズ | 代助のブログ

[feelingplace]

本当に微妙な違いなんですねぇ。

[flavour47]

素晴らしい！

[gyuuuuuuuu]

やろっと。

[akio6o6]

これ気になってた。とりあえず角を調整してみよう。

[kuracyan]

これは！

[mayo1950]

フラット_φ(･_･【Share】