WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： 佐藤
カテゴリー： デザイン >UI・UX

最近、スマホを持っている人が、多くなってきたように感じます。
スマホ用のサイトも少しずつ見かけるようになってきました。

今日は、スマホサイトをデザインするときに気をつけることを、書こうかなと思います。
ただ画面を小さくしてデザインすればいいっていうわけではないようです。

（1）テキスト
基本的に、14pxより大きいヒラギノ角ゴ W3を使います。
スマホはPCよりも画面が小さいので、文字サイズも大きく見やすい大きさにしなければいけません。最低で12pxくらい・・・？

（2）画面のサイズ
スマホに表示される横幅は320pxです。
機種にもよりますが、もっときれいに表示させたい場合は6４0pxで作ります。
ただ、ぼやけてしまう場合があるので、画像サイズや余白を2で割り切れるように作ると良いです。
また、画面を横にしたときの表示方法も考えていかなければいけないですね。

（３）使いやすさ
スマホはマウスではなく指でボタンを押すため、ボタンのサイズが小さいと押しにくくなってしまいます。
また、PCのようにマウスをのせたら色が変わるということもないので、すぐにボタンだとわかるデザインにしていきます。

まだまだ気をつけることはたくさんあると思うのですが、今回は基本的な3つを紹介しました。
新しいものが出来て覚えることが増えていくので、これから大変ですが頑張っていきます。