はじめに

駆け出しのデザイナーが短時間で力をつける方法の中で今回はモバイルサイトのデザインを短期間で上達させる方法をご紹介します。

私自信、モバイル関連のデザインやサイト作成に携わる仕事をした際に、独学で勉強になった要素をまとめました。

多少経験があれば、ＰＣサイトのデザインと違い、比較的サイト構成もデザインも難易度は低いと思うので是非参考にしてみて下さい。

大手サイトを参考にする

既にあるサイトを知ると言う事は当然大切な事ですよね。自分で色々と検索して調べるのも良いと思いますが、やみくもに探してもなかなか見つからなかったり、時間の無駄になる場合があります。

そんな時、いつも参考にさせてもらっているのでモバイルデザインアーカイブというサイトです。

モバイルデザインアーカイブ

このサイトを見るだけで現状のかっこいいモバイルサイトがたくさん掲載されています。デザインのイメージがなかなかうかばない時などはかなり助かります。

さらに、モバイルデザインアーカイブは出版もしており、２０１０年８月３１日時点で３冊発売されています。筆者はかなりこの３冊からインスピレーションをもらっています。

本の詳細はこちら

その他、オススメの書籍

デザインがいくらわかるようになっても、ある程度のモバイルサイトの専門知識は必要になってきます。

３キャリアに対応させたり、一般的なXHTML＋CSSは理解していても、携帯向けに作れないケースは多いと思います。そんな時にオススメの本は『携帯サイト コーディング&デザイン』という大型本です。

特徴としては、以下があげられます。

• 3キャリアに対応したHTMLやCSSの書き方
• 表現力の高いモバイルサイトを作る技
• ユーザビリティに配慮したサイト構成
• キャリア別のHTMLタグ、CSSリファレンスを掲載

詳しくはこの本の著者のブログに詳しく書かれていたので参考までにリンクを貼っておきます。

携帯サイト コーディング&デザインに関して詳しく書かれているブログ

おわりに

今回はまず独学で何を学べばいいかわからない方向けにまとめてみました。

最後に補足ですが、モバイルサイト構築でかなり多くの方がお気に入り登録している記事を見つけたのでこちらも紹介しておきます。

モバイルサイト構築前に知っておきたいユーザビリティ10のポイント

関連レシピ

• 「アクセスの集まるアメブロ」を7分で作ろう！
• PC上でモバイルサイトを素早く確認する方法
• ［ブックオフオンライン］携帯電話とPCの両方でお知らせメールを受信する設定方法
• 携帯電話から買い物をする方法
• 初めてのクラブイベント開催（集客準備編）

この記事に関連するランキング

単語をクリックすると、この記事に関連するランキングを見ることが出来ます。

カッコイイ モバイルサイト かっこいいモバイルサイト 携帯サイト ログインページ デザイン モバイル サイト 参考 構成要素