ホームページ制作Tips Vol.8 スマホWEBデザインの参考サイトまとめ

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

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

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

iPhone Design Box

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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