スマホ対応 キホンのキ | WIRE0000 Design Office

WIRE0000 Design Office

WIRE0000 Design Office

$WIRE0000 Design Office ウェブデザイン、千葉、波情報。すぐ忘れるから、主に備忘録的に。

スマホ対応 基本ルール
・スマホ対応の基本はPCサイトから
・サイドバーやメニューは絞ってシンプルにする
・リンクだと一目でわかるようにする
・タッチ操作に最適な行間や余白をとる
・ リキッド(可変幅)でデザインする
・アニメgifやアプリ連携で対応
・HTML5+CSS3を積極的に活用する
・英字はHelvetica、日本語はヒラギノ角ゴ ProN W3がデフォルト
・パソコンのモニタとiPhoneの画面では、表示する色が若干異なる場合があります。色の確認できる美麗なアプリ「MyPantone」
・オリジナルのデザインをするデザイナは、リジェクトされるようなパーツや表現方法を知らずに使っていないか、気を配る必要があります。

公式のガイドライン「iPhoneヒューマンインターフェイスガイドライン- iPhone Dev Center(PDF)」