スマートフォンサイトのデザインの参考になるギャラリーサイトまとめ

スマートフォンサイトのデザインの参考になるギャラリーサイトまとめ

スマートフォンでWebサイトを見る人が年々増えています。
地方ではまだガラーケーを持っている人が多いですが都市部の方はスマートフォンユーザーが圧倒的に多いですね。

スマートフォンを持っているとどこでもWebサイトを閲覧できます。
しばらく連絡がなかったクライアントから「うちのWebサイトをスマートフォンに対応してほしい」と依頼が来ます。

PC閲覧のWebサイトみたいにグリグリ動いたりするのは限りがありますがスマートフォンのデザイン、動きなど参考になるサイトをまとめました。

Free Responsive Mobile Website Templates Designs – w3layouts.com

Free Responsive Mobile Website Templates Designs - w3layouts.com

全て無料のレスポンシブルデザインのテンプレートがダウンロードが出来ます。
さらにデモサイトもあり、ブラウザ上でどう動くのか?確認が出来ます。PSDファイルもダウンロードができるのでデザインの勉強もできますよ。

URLhttp://w3layouts.com/

http://www.mobileawesomeness.com/

http://www.mobileawesomeness.com/

スマートフォンのサイトのギャラリーです。
ギャラリーを見ているとシンプルな構成のデザインが多くていい感じです。

URLhttp://www.mobileawesomeness.com/

Media Queries

Media Queries

ギャラリーのサイトがシンプルな構成。
PC版、タブレット、スマフォと画像があってクリックするとリンク先のページへ飛びます。
実機で確認することが出来ます。

URLhttp://mediaqueri.es/

スマートフォンサイト集めました。

スマートフォンサイト集めました。

日本のスマートフォンのギャラリーサイト。
ユーザーエージェントで切り替えのサイトが多いかな。スマフォでアクセスするとスマフォ用のページが見れます。

URLhttp://sp-web.jp/

lovely ui

lovely ui

UIのおまとめサイト。アイコンとか参考になります。

URLhttp://www.lovelyui.com/

iPhoneデザインボックス: 優れたiPhoneサイトデザイン集

iPhoneデザインボックス: 優れたiPhoneサイトデザイン集

スマフォのギャラリーサイト。
PC版、スマフォ版のギャラリーがあってサイトに行かなくてもスマフォページが分かります。気になるページがあったら
サイトにアクセスすればOKなので便利で重宝しています。

URLhttp://design.web-hon.com/

まとめ

いかがでしたか?
いろんなサイトをみてデザインのいいところ、カッコいいページ遷移などあるので参考になりますよね。

スマートフォンサイトのデザインの参考になるギャラリーサイトまとめ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*