Smartphone スマホ

 
スマホデザイン・UI

【まとめ】webデザイナー必見! スマホデザインの参考になるサイト

6798184016_265ed1a4f6_z

さぁ、スマホサイトを作ろう! の前にまずは情報収集。
ブックマーク必至の「スマホデザインまとめサイト」を集めました。

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

 

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

Think Thing

https://thinkthing.net/

「スマホ」「デザイン」「まとめ」でググると1位に表示されるスマホデザインまとめサイト。ユーザー投稿型で、国内外のスマホデザインキャプチャが掲載されています。

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

https://sp-web.jp/

スマホサイトのリンク集。ニュースやポータルサイト、美容などカテゴライズされており、業種別でデザインを見比べたいときに便利。カラー別でも探せます。

iPhoneデザインアーカイブ

https://iphonedesignarchive.jp/

iPhoneに特化したスマホデザインキャプチャ掲載サイト。
その数1151件(2014/8/28現在)! キャンペーン、特集サイトのカテゴリもあり、個人的にもよく訪問します。

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

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

こちらもiPhoneサイトのデザインまとめサイト。下層ページのデザインも見られるのが便利!! PCサイトとの違いも簡単に比較でき、スマホ最適化の参考にもなります。クオリティの高いデザインが多いのも特徴。

スマートフォンサイト デザイン集 AGT smartphone design gallery

https://agtsmartphonedesign.com/

iPhone向けの、クオリティが高いサイトを集めたデザインリンク集。
キャプチャにマウスオンすると、ゆっくりスクロールするおもしろい仕掛けが。もうちょっと速く動いてくれると嬉しいです。

Android Niceties

https://androidniceties.tumblr.com/

Androidに特化したデザインアーカイブサイト。
海外のサイトになりますが、言葉が分からなくても操作性が分かるくらい優秀なデザインばかりなので、全く問題なし!
iPhoneに特化したデザインまとめサイトは数あれど、Android向けは希少…。とはいえ、スマホサイトではなく、アプリ専門です。あしからず。

lovely ui

https://www.lovelyui.com/

サイト名の通り、ラブリー(素敵)なUIの海外サイトをアップし続けているtumblr.アカウント。おしゃれの一言に尽きます。女性向けサイトの参考にどうぞ。

casemobile mobile-design

https://pinterest.com/mobileDesignJp/pins/

日本国内のスマホサイトデザインを集めたPinterest。TOPページを1枚全てキャプチャされているので、とても見やすいです。


以上、いかがでしたでしょうか。

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

有名なデザインまとめサイトもありますが、個人的には日々tumblr.やpinterestなどの個人ユーザーが発信しているものが、更新頻度も情報の鮮度も高く、おすすめです。

ただ、新しいデザイン手法は斬新でカッコよく見えてしまうもの。
一番に考えるべきは、サイトにアクセスしたユーザーが使いやすいことですよね。
そんなことを考えながらも、変な動きをするサイトに惹かれてしまうのですが…。

少しでも、スマホサイトデザインの参考になれば幸いです!

【関連ページ】レスポンシブデザインのスマホサイトを使いやすいUIに

photo by Johan Larsson

この記事を書いた人


モバイルラボ 編集部
ヨコハマ・モバイルラボとは? モバイルならではの表現ってなんだろう? 一瞬のひらめきや感動は手のひらから始まっています。 新しいクリエイティブのカタチをここから探してみましょう。
タグ

記事mobifyロゴ
Mobify(モビファイ)とは

Googleが認定しているマルチスクリーン対応のための最適化サービス。
デバイスに応じ、専用にデザインされたサイトを表示することができます。
ページの表示を高速化させる仕組みも持ち合せており、ユーザーの離脱を防ぐことが可能です。

▸Mobify(モビファイ)についてさらに詳しく

 最新記事