スマホアプリやサイトに特化したギャラリーサイト17選
スマホ利用者が増えてきている現在、ホームページをパソコンからではなくスマホから見るのも当たり前になってきました。
次々にデザイントレンドも登場するため、デザイナーであれば日頃から新しい動きは把握しておく必要があります。
特に最新のデザイン、アイデアが集まるスマホデザインに特化したギャラリーサイトの活用はオススメです。
今回は、スマホに特化したギャラリーサイトをご紹介します。
スマホ向けデザインのチェックをするのに役立ちますので、ぜひ利用してみてはいかがでしょうか。
スマホ向けデザインの参考になるギャラリーサイト17選
1.Mobile Patterns
要素ごとの分類が充実しているギャラリーサイトです。カメラコントローラー、カレンダー、ログイン画面を含む全22個のカテゴリがあり、様々な要素の画面デザインを確認することができます。
一部分のデザインを参考にしたいという方にオススメです。
iPhone、Androidでフィルターをかけたり、キーワードで検索することも可能です。
2.pttrns
http://pttrns.com/
様々なスマホアプリのデザインを収集したギャラリーサイトです。
海外サービスではありますが要素ごと、色合い、デバイスの種類から簡単に探しだすことができますので、英語が苦手な方でも安心して操作できます。
サムネイルをクリックすると、簡単なアプリの説明とともに関連画像のパターンを全て表示してくれるのも特徴的です。
スマホアプリをデザインする際に役立つギャラリーとなっています。
3.CAPPTIVATE.co
ギャラリーサイトといえば静止画像が一般的ですが、こちらでは動画で確認することができます。
見た目も美しく、デザイン性が高いものが多い印象です。
デザインのアイデア、インスピレーションが欲しいという時にはチェックしておきたいサイトです。
4.lovely ui
http://www.lovelyui.com/
サイト名とおり、女性的な雰囲気のデザインが多く揃うギャラリーサイトです。
白い背景、小さめの文字のすっきりとしたページでサクサクデザインをチェックすることができます。
デザイントレンドで絞り込み検索できる点がユニークで、最近流行りのゴーストボタンなどを含むデザインを簡単に探すことが可能です。
5.MobileMozaic
http://www.mobilemozaic.com/
秀逸なデザインのiPhoneアプリデザインを収集したギャラリーサイトです。
ビジネス、トラベルといったカテゴリ、UIパターンで絞り込み検索が可能です。
気に入ったデザインに票を入れる機能がついているため、他のユーザーからどれくらい人気があるかを知ることもできます。
6.Android Niceties
http://androidniceties.tumblr.com/
Androidに特化した、貴重なサイトギャラリーです。
tumblrで作ったシンプルな設計となっています。
なんといってもAndroidにフォーカスしている点がポイントです。
Android向けのデザインを制作している方は、ぜひ参考にしてみてはいかがでしょうか。
7.Mobile Awesomeness
多種多様なスマートフォンサイトを集めているギャラリーサイトです。
サイト独自のJUDGE'S SCOREがユニークな点で、一つひとつのサイトにUI/UX、デザイン、コンセプトの観点から得点をつけています。
あわせてユーザーのお気に入り投票も可能です。
新着デザイン、格付け上位のデザイン順に並び替えできるのもこのギャラリーならではです。
8.UltraUI
カラフルでお洒落なUIデザインが多く集まったギャラリーサイトです。
ずらずらと画像が並んでいるため目的のものを探すという使い方には向きませんが、色々なデザインを見ておきたいという時には重宝します。
たまに眺めるだけでもデザインの参考になるサイトです。
9.Inspired UI
iPhone、iPad、Androidに対応した、スマホアプリ専門ギャラリーサイトです。
各アプリに対する画像数が多いので、アプリ内の画面デザインを沢山チェックできるのが特徴です。
一部だけ見たいという場合には、要素別に絞り込み検索することもできます。
また、キーワード検索機能も備わっていますのでさらに絞って探すことも可能です。
10.hi-posi Inc. mobile-design
https://www.pinterest.com/mobileDesignJp/pins/
国内のスマホサイトを収集したpinterestベースのギャラリーサイトです。
ページ上部から下部まで全部の画像を掲載しているため、全体のデザインを確認することができます。
Pinterestアカウントということもあり、ピンやシェア、いいねをすることも可能です。
11.Android App Patterns
http://www.android-app-patterns.com/
Androidアプリの様々なデザインパターンを集めているギャラリーサイトです。
Andoridに特化していることも特徴的ですが、一つのアプリのスクリーンショットを横に並べて配置しているのも非常にユニークです。
縦に配置するのと比べて、画面が切り替わったときの変化がより分かりやすい印象です。
また、31種類もの豊富なカテゴリ分けがあるため、欲しいデザインが見つけやすくなっています。
収録数も多く、現在1640ものスクリーンショットを収録しています。(2016年2月6日時点)
12.iPhoneデザインアーカイブ
http://iphonedesignarchive.jp/
iPhoneサイトの秀逸なデザインを収集しているギャラリーサイトです。
優れたデザインはもちろん、技術的に素晴らしいサイト、トレンドを取り入れたサイトを紹介しています。
「モバイルデザインアーカイブ」の姉妹サイトでもあります。
サイトそのものがiPhoneのデザインになっているのも個性的で目を惹きます。
13.スマートフォンサイト集めました。
http://sp-web.jp/
Webデザイナーに向けてスマホ対応サイトのデザインを多数紹介しているギャラリーサイトです。
業種別、色別のカテゴリ分けが便利で、分野や雰囲気に沿ったデザインを見たいという時に重宝します。
特定分野のデザインを探しているときにもオススメです。
タグクラウドもついていますので、気になるキーワードでの絞り込みもできます。
14.iPhoneDesignBox
国内のiPhoneサイトをまとめているギャラリーサイトです。
iPhone表示に加えてPC表示も見ることができるのが大きな特徴で、実際の表示に近い状態を確認することができます。
カテゴリ分けも秀逸で、デザインテイスト、色、業種で調べることが可能です。
国産ということもあって分かりやすく、使い勝手もいいのでオススメです。
15.AGT
http://agtsmartphonedesign.com/
国内外問わず、多種多様なスマホサイトを紹介するギャラリーサイトです。
マウスオーバーすると、サイト全体のキャプチャを表示してくれるのが特徴的で、画面全体を見ることができます。
実際にスクロールしている感覚で、デザインチェックができるのがポイントです。
16.sps collection
http://spscollection.com/
シンプルですっきりとしたデザインのギャラリーサイトです。
ブックマーク機能があることが大きな特徴で、会員登録など一切なく気に入ったデザインをブックマークして後で見ることができます。
情報も検索しやすく、ジャンル、色、アーカイブから目当てのデザインを探すことが可能です。
詳細情報、類似デザインも表示してくれますので、デザインをじっくりと検討したいという時には特に便利です。
17.thinkthing
様々な国内外のスマホサイトを見ることができるギャラリーサイトです。
他と比較すると小さめのサムネイル表示で画面に沢山の画像が並んでいますので、デザインをサクッと一気にチェックしたい方には重宝します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- コンセプト
- コンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- スマホサイト
- スマホサイトとは、スマートフォンからの閲覧に対応したホームページのことです。スマートフォンは、画面サイズや操作方法がパソコンとは異なります。そのため、訪問ユーザーが快適に閲覧できるよう、パソコン用のホームページとは異なるデザインのスマホサイトを用意するホームページが増えています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アカウント
- アカウントとは、コンピューターやある会員システムなどサービスを使うときに、その人を認識する最低必要な情報として、パスワードと対をなして使う、任意で決めるつづりです。ユーザー、ID、などとも言います。
- シェア
- シェアとは、インターネット上で自分が見つけて気に入ったホームページやブログ、あるいは、Facebookなど自分自身が会員登録しているSNSで自分以外の友達が投稿した写真、動画、リンクなどのコンテンツを自分の友達にも共有して広めたいという目的をもって、SNSで自分自身の投稿としてコンテンツを引用し、拡散していくことをいいます。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- スマホサイト
- スマホサイトとは、スマートフォンからの閲覧に対応したホームページのことです。スマートフォンは、画面サイズや操作方法がパソコンとは異なります。そのため、訪問ユーザーが快適に閲覧できるよう、パソコン用のホームページとは異なるデザインのスマホサイトを用意するホームページが増えています。
- キャプチャ
- キャプチャとは、出力されたデータを別の機器で取り込み利用可能な状態にすることを言います。例としては、TV映像をパソコンに取り込み、その映像を保存(キャプチャ)し、パソコンで再生可能にすることなどです。ホームページの分野では、ブラウザなどでホームページのデザインを画像として保存することなどを指すこともあります。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- スマホサイト
- スマホサイトとは、スマートフォンからの閲覧に対応したホームページのことです。スマートフォンは、画面サイズや操作方法がパソコンとは異なります。そのため、訪問ユーザーが快適に閲覧できるよう、パソコン用のホームページとは異なるデザインのスマホサイトを用意するホームページが増えています。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング