以前、弊社の三浦が記事に書いていたと思いますが、
googleのモバイル検索でスマホに対応しているか、
否かをランク付けの要因にすると発表がありました。

関連記事
Google、「スマホ対応」をランキング要因に利用することを決定。4/21から導入。
「スマホ対応」アルゴリズム更新の疑問にGoogle社員が答えた



正直私は全く予想していなかったのでいきなりやめてくれという感じです。
嘘です。予想してない私が悪いです。時代はスマホですからね。当たり前です。はい。
とにかく今は自社サイトをなんとかせねばとあわあわ制作を進めております。


という訳で今後さらにスマホ対応サイトを作らなければならないという
webデザイナーさん向けにスマホ用webデザインのまとめサイトをまとめます。
私と同じ境遇の方のお役に立てば幸いです。





iPhone Design Box


iPhoneデザインボックス

http://design.web-hon.com

一番よく見て参考にしています。
主に国内スマートフォンサイトのデザインがまとめられていて、
PC、スマホのキャプチャがあるので見比べられるのが良いところ。


sps collection


sps collection

http://spscollection.com

こちらも主に国内のスマートフォンサイトをまとめたリンク集。
カテゴリーやカラーで探せたりもするので
目的ごとの参考サイトを探したいときに便利です。

あとなによりこのサイト自体がシンプルなので、
とても見やすいのと、リンクサイトのデザインが栄えて見えます。



AGT smartphone design


AGT smartphone design gallery

http://agtsmartphonedesign.com

国内外問わずスマートフォンサイトをまとめたリンク集。
マウスオーバーするとキャプチャがスクロールするのが面白いです。


THINK THING


thinkthing

http://thinkthing.net

国内外問わず、スマホサイトのデザインをまとめたリンク集。
ユーザー投稿型なので、他のまとめサイトよりなんとなくですが
いろんなテイストのものが見れる気がします。

投稿数もなかなかあるので、時間があるときにのんびり見漁りたいものです。




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


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

http://sp-web.jp

他のまとめサイトでは見かけないスマートフォンのデザインなどがあり
ちょっぴりマニアックというか、ニッチな所を突くデザインのまとめサイトです。

キャプチャに使用しているiPhoneの世代の移り変わりに歴史と努力を感じます。




とまあ私が知っているまとめサイトはこのような感じなのですが、
私はまとめサイトをたくさん見ていると

「いま参考にしたいデザインではないけれど、とっても好きだ!」
「このサイトのデザイン、あのクライアントのサイトに生かせそう!」

といった感じで目移りして集中出来なくなってしまうんですね。
困ったものです。

という事をなんとかするために「Pinterest」というサイトを使っています。


Pinterest


Pinterest

https://www.pinterest.com

制作関係に携わる方であれば利用している人、多いのではないでしょうか。
こちらは私が大好きなLIG.incさんのブログで知ったものなのですが、
自分のお気に入りのデザインや画像などを“ピン”という方法でブックマークしてストックしておける
なんとも便利なありがた〜いサイト様です。

さらにありがたい事に、このサイト内では他のユーザーさんが
ブックマークしたデザインも検索して見る事が出来ちゃうんです。
アイデアに詰まったとき、参考イメージが欲しいときにとっても便利です。
デザインに関する検索ならgoogleさんよりこちらのサイトがオススメ。

自分の好きなデザインがどんどんストックされて増えていくのもわくわくします。
楽しいです。





といった感じでスマホのwebデザイン参考サイトまとめてみましが、
いかがでしたでしょうか。

今回は私が普段参考にしているサイトをまとめましたので、
手軽さ・分かりやすさ重視になっていますが、
他にも国外のデザインをまとめたさいとなんかもたくさんあるので
ぜひ探してみてください。




この記事を書いた人
10421094_1426536570954564_6559711458578487879_n鈴木 郁佳

デザイナー。
ライブと夏フェスとムーミンがとっても好き。