スマホ向けデザインのコツをまとめた記事「スマートフォンサイトをデザインする上で知っておくべき10のTIPS」
Tweet
スマホサイトのデザインに関するエントリーで、人気を集めているものがあったのでご紹介させていただきます。
→ to-R スマートフォンサイトをデザインする上で知っておくべき10のTIPS [blog.webcreativepark.net]
次のようなTIPSが紹介されています。
- 実機で確認する
- 横幅は320pxもしくは640pxでデザインする
- 横向きを想定したデザインにする
- フォントはヒラギノ角ゴで
- ボールド体で表現しない
- フォントサイズは12px以上で作成する
- 1pxのこだわりを捨てる
- 極力画像を使わずコーディングできるように意識する
- リンクの領域は44px以上で
- Webクリップアイコンを準備する
- ハイライトカラーを指定する
スマホサイトのデザインのノウハウはまだ溜まっていないという方も多いと思いますので、参考になるのではないでしょうか。
ただ、10のTIPSというタイトルになっていますが、11個あるのは何故なのか気になります。
関連:
- ASCII.jpで連載されている「jQuery Mobileデザイン入門」の第3回が公開されたようです
- ケータイ向けサイトでのスペーサーの書き方について解説されたウノウラボの記事「I love spacer」
- ASCII.jpに掲載されているスマートフォンサイトキャプチャ集「絶対見ておきたい有名企業のスマホサイトまとめ」、「スマホサイトを作る前に見たい国内38社の実例」
最近の記事