ご解答、よろしくお願いします。
これまでデザイン作業は担当していなかったのですが、
今後、少しづつデザインも担当することになりました。
PCサイトはひとまず作成できたのですが、
スマートフォン用のデザインをどう進めたらいいのか悩んでおります。
今後も作成する機会は増えてくると思うので、
すぐに作成できるようにテンプレートがあると便利かなと思うのですが、
皆さんはどうのように作成しているのでしょうか。
もし、テンプレートを自作するとしたら、
どのような点に注意するとよいでしょうか。
(カンパスサイズやファーストビューのサイズなどはどれくらい?)
またフリーで使用できるテンプレートや、
便利なツールなどがあれば教えて頂けますでしょうか。
質問が多くなりましたが、
まとめると、普段Webデザインをしている方たちは、
どのように効率良く作業しているのか、
教えて頂けますと幸いです。
何卒、よろしくお願いいたします。
みんなの回答 13 件
PC作った後にさあSPどうしようじゃ全然ダメ
レスポンシブデザイン
フルードグリッド
あたりを検索するといいです。
うーん、むずかしいなあー、どっから説明しよーか。とりあえずそれらしい参考書を1冊買ってみよう!ゆけ!ジュンク堂へ!小一時間ほど、にらめっこしてこい!探すのも勉強だよ!
このへん参考にしてみては。まだ参考になる記事だとおもいます。
スマートフォンサイトをデザインする上で知っておくべき10のTIPS - to-R
http://blog.webcreativepark.net/2011/06/16-103025.html既に後悔されているテンプレートはいっぱいあるので、それらを参考にすればいいじゃないでしょうか。
テンプレートの作り方自体も参考になるかと思います。
今参考にするならGoogleのWeb Starter Kitがいいんじゃないかな。
先輩さんたちは、初心者さんがくると嬉しそうですねー。
Web制作ってつくづくレベルの差が激しいなってW3Qに来る度に思います。
bootstrapの仕組みを解析するのがよいかと。
あと、「モバイルファースト」で先に検索したほうがいい。
テンプレートよりデバイスの情報や制約・暗黙のルール的なのを先に調べてください。
例えば
などなど
聞くより、ググったほうがはやいよ
「スマホ、Webデザイン」あたりで検索かけて、実際のスマホサイトのデザインを眺めてれば、なんとなくスタートは切れるんじゃないかと。
次にスマホは画面のピクセル数がまちまちなので、その差を埋めるためにレスポンシブデザインとか調べてみると、理解しやすいかもです。
PCをデザインした時に、何をどのように伝えるか、どのように操作したら使いやすいか等を考えて作ると思います。
スマートフォンになるとそれらのモニターは縦長になり、ユーザーの操作はマウスから指に変わり、ディスプレイはretinaに変わり、画面との距離も変わってきますね。
PCデザインからスマートフォンのデザインの起こす時、これらの変化した環境に合わせてレイアウトやサイズ、ユーザービリティに関係してくる部分のパーツを変更していきましょう。
もちろんこの時に、伝えるべきことや、ユーザビリティは落とす訳にはいきません。
もしネットで作り方を調べるのだったら、PCからスマフォにした時のセオリー的な事を調べればいいと思います。
あとは各々のサイトごとに変わってきますので。
って思ってます。。。
ほんと、基本レベルからの質問だったら、ここで聞くより本を一冊買って読んだほうがいいよ。
あとフレームワークを使うのもいいけれど、まずは一度自分で作ってみると理解も早い。はじめっからフレームワークに頼っちゃうと、構造を理解していない分カスタマイズが困難になるし、CSSファイル見ただけで白旗あげたくなっちゃうので。
関連するトピックス