スマートフォンサイトをデザインする上で知っておくべき10のTIPS - to-R

スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

[hrt305]

“2.横幅は320pxもしくは640pxでデザインする”

[bokosuka_sangokushi0908]

スマホのサイトはPCで作成したらスマホからはみ出していたりすることがよくあるので、書き出しに気を付けないといけないと思った。

[Yukarigohan]

スマホメモ

[negapogi2000]

スマートフォンコーディング参照

[keisaku6182]

スマホ　デザイン

[petem]

さて、そろそろやるか…。

[bunbun_memo]

レスポンシブ スマホ md cd

[takako0616]

スマートフォンサイトのデザイン確認用

[pipokun5]

スマホ用サイト

[gon9before]

横幅や、リンク領域、フォントに関するTIPS

[tsuruk]

スマホ

[mobilesensor]

RT @yusukebe: “スマートフォンサイトをデザインする上で知っておくべき10のTIPS[to-R]”

[hkzo]

この手の情報はつい、ブクマしちゃう。まとめのまとめ見たいなの欲しくなるな。で、また、ブクマ。以降繰り返し

[NEPPIE]

スマホサイトも作れるようにしたいので、チェックします。

[matuix]

1.実機で確認 2.横幅は320pxもしくは640pxでデザイン 3.横向きを想定したデザインに 4.フォントはヒラギノ角ゴ 5..ボールド体で表現しない 6..フォントサイズは12px以上 7.1pxのこだわりを捨てる 8.極力画像を使わず

[rdfrk]

いろいろ複雑なお作法がありますな。。 Reading: スマートフォンサイトをデザインする上で知っておくべき10のTIPS[to-R]

[tohokuaiki]

ふーん

[bungu_daisuki]

スマートフォンのサイト制作も本格的に勉強していかなくてはいけないな。

[wataru0306]

Design, tips

[ji_ku]

Bylineから Check iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザ

[hagiriko]

スマフォ

[tokutokublog2]

バッチリです

[kohjiyasui]

Evernoteいき。

[blogpants]

スマホサイトTIPS WEBアプリ化するのに勉強せんとなぁ

[tkpmay21]

おやっ

[melo1029]

ポイント

[kazuma_kuwa]

IT

[Tori4]

作成時の注意点

[dekatotoro]

スマートフォンサイトをデザインする上で知っておくべき10のTIPS

[kijtra]

2、3、4は矛盾してる。8はベベルやエンボスもシャドウ使ってCSSで表現できる。あどこっそりDropboxの招待用URL貼ってるのも・・・。まぁいいけど。