editweb制作またまたスマホ向けの話題です。知人がやっている従業員数12名のホームページ制作会社では、スマホ向けサイト制作の案件がどんどん増えてきているようですし、うちにもPC向け案件でお世話になった会社からスマホ向けサイト制作の依頼・相談が増えています。フォントは選ばない?スマートフォン向けは「軽く」作るスマートフォン向けサイトで注意をする点は、極力画像ではなくhtmlとcssで装飾をしていくことというのが基本です。ここをクリック!こういうのもフォトショップで作りたくなりますが、cssでグラデーションやボックスシャドウ、テキストシャドウを作り、タップできる範囲を広げるようにdisplay:blockを使い・・・と、丁寧に作っていくのが基本です。フォトショップ大好きな私には面倒に感じていましたが、慣れてくると結構簡単。(-ms-や-o-など)。Fontをメインにしていますが、国産Androidは様々なフォントが入っているようです。小さなスマホにたくさんのフォントを入れておく余裕がないのでしょう。フォントの種類は少ないようです。font-famiyの指定はせずに、機種に依存したフォントで済ませます。すると1行で表示されていたものが、デバイスによって見え方が違うため、印象が違う!ということになりかねません。ヒラギノやwindowsの場合はそれに近いメイリオを代用してテキストを配置していくのが良いのかな?と考えています。windowでヒラギノを入れると数万円しますが、もっとスマホ向けが増えてきたらwin環境でも入れることを検討しなければならないかもしれません。リキッドデザインその他リキッドデザインも必須ですね。PC用ではあまりリキッドデザインは好きではなかったのですが、件数をこなしていくとなんかリキッドの良さを感じてきました。デバイスが変っても拡大縮小してくれます。好みですが、スマホを横にしたときに文字が拡大されるのをナシにしてくれます。対応したいところだけでも良いかもしれないし、bodyとかに入れちゃってもOKです。画面が小さいだけに、それほど凝ったことはできないのですが、その分ひとつひとつのパーツをhtmlとcssでしっかりと作っています。「もうちょっと書けよ!」ということでしたので、ばらばらと順不同ですが、スマホサイト制作の要点のみの記事でした。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。