スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた｜株式会社アクトゼロ｜クリエイティブブログ

こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot

[ha-kirin]

トレースってすごくデザイン力つきそう

[riocampos]

意外に大きい、と思ったら、そうかRetinaだから2倍か。

[riocampos2]

意外に大きい、と思ったら、そうかRetinaだから2倍か。 スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた | 株式会社アクトゼロ｜ソーシャルメディアマーケティング・訪日インバウンド施策

[tihata]

ありがたい資料でし！

[sutanto1983]

文字サイズ　sp　スマホ

[kitokitoki]

「スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた」size, font

[shumaru2525]

役に立つ

[cachico]

スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた

[e-monsoon]

スマホサイト

[ku_marin]

行間大事だなー…！

[hitonowanet]

行間重要です

[field_combat]

本文系の文字サイズは20後半くらいか。行間はやっぱり狭いな。

[hmbd]

web design　参考

[ashitakaeruu]

iPhone5以降の内容がとても知りたい

[saladdays]

font-sizeとline-heightの比較

[ginzi009]

スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた

[nffsjj]

思ってたより文字でかかった。

[muromi]

“スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた”

[kick178]

ふむむ

[kurobuchi]

スマホでの快適な文字サイズについて。分かりやすくてありがたい。「本文：34px」「補足：24px」ぐらい。

[micotox]

デザイン

[nattyanoranged]

スマホピクセルサイズ

[kuroaka1871]

"本文は大体24～28ｐｘ、見出しは26～34pxが平均的"

[aoiasaba]

細かい！でも私もこれやったなあ。

[humid]

ほうほう。　これはいい資料かも。

[ooiooiooi0313]

スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くな

[shoshirasaka]

いいまとめだ！

[nutekusunoki]

定番アプリの計測は同じ方法でやったことがある。結構時間がかかって大変。いいまとめ。

[globalwe6]

すごく参考になる　///　スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた | 株式会社アクトゼロ｜ソーシャルメディアマーケティング・訪日インバウンド施策

[namine37]

iOSのフォントサイズと行間まとめてる

[kuroazuki]

アプリだからなんだろうけどあんまりpxで指定したくないな。

[mut00tum]

*.5