こんにちは デザイナーの石丸です。 最近はやっと春らしい暖かい日々が続くようになりましたね。 さて、最近スマホサイトのデザインを手がけることがあったので、 デザイン時の気付きやポイント、基礎ルールをまとめました。 基礎中の基礎ですが……しかしまずは基礎をしっかりと固める事が1番ですっっ! では始めます。 1 横幅は320pxまたは640pxでデザインする 2 フォントについて 3 ボタンデザインについて 4 見出しデザインについて 5 余白のあるデザイン 1 横幅は320pxまたは640pxでデザインする iPhone4から解像度が640×960となり、最近では横幅640pxでデザインすることが 主流となってきました。 ここで気をつけることは… 解像度が横320pxの端末では640pxの画像を320pxで指定し、コーディングすることになりますので、 フォントサイズや余白など、2で割り切れる
![初心者必見!見やすくて使いやすいスマホサイトを制作する5つのコツ | ajike switch](https://cdn-ak-scissors.b.st-hatena.com/image/square/4222839ebd617097ca7b31b70b09d75fac708187/height=288;version=1;width=512/https%3A%2F%2Fajike.co.jp%2Fswitch%2Fwp-content%2Fuploads%2Fsites%2F2%2F2014%2F01%2Fogp_ajike.jpg)