2012/06/19
スマホデザイン便利ツール♪
台風で電車も飛行機も一部止まっていますね><;
名古屋のほうはそろそろおさまってきた感じですが…
まだこれから、という地域の皆さんはくれぐれもご注意ください。
さてさて、昨日会社にスマホを忘れて泣きながら帰ってきた私ですが、
やっぱりスマホは一度持つと手放せないですね!
昨日一晩、手元にないだけで、あれもできない、これもしたいのに、と
悶々としてしまいました(汗)
スマホでのネットサーフィンが趣味なのに。。。
そういうわけで(?)、今回はスマホサイトのデザインの際に
ちょっと便利な素材サイトのご紹介です★
■iOS 5 GUI PSD (iPhone 4S)
http://www.teehanlax.com/downloads/ios-5-gui-psd-iphone-4s/
こちらでは、スマホの外側のデータをダウンロードできます。
レイヤーの分かれたpsdデータになっているので、
デザインの際は画面部分を非表示にして枠として利用することもできます。
スマホサイトも実際に制作するときはPCでの作業となりますが、
これを使えば、作ったデザインをスマホの画面で見ているようになるわけです(´∀`)
絶対必要!というわけではないかもしれませんが、
例えばこのように、スマホサイトのデザインをPCで行うと、いまいちピンときません。
画面が違えば、イメージも少し変わってしまいます。
このように、実際にスマホで見たらどうなるのかが一目で分かったほうが、
お客様にとっても分かりやすいし、問題点も見つかりやすいと思います。
この素材、スマホ(iPhone)にありそうなパーツもたくさんついてくるので、
いろいろな機能を持ったページを作るときにも便利です♪
こういう素材も活用して効率を上げ、よりよいものを提供できるように
今後も便利な情報をどんどん取り入れていきます!!
コーディング業務のご依頼、ご相談の詳細についてはこちらから
最後までお読みいただき、ありがとうございました。
よろしければシェアしていただければ幸いです。
次の記事へ | 前の記事へ |
WEB業界ならqam!qam(カム)はWEB業界で働く人や興味がある人に役立つ情報サイトです。
マーケティングやデザイン、マークアップ(コーディング)、プログラム、トレンドなどの情報をqamライター陣が執筆。噛めば噛むほど(読めば読むほど)制作・開発や運営・運用、業界知識やノウハウを学ぶことができます。