Dance with Tech

プログラミングとか学んだことの備忘録ブログです。

スマホドリブンの現在に参考になりそうなアプリ・サイトまとめ10選とおまけ

スマホファースト(モバイルファースト)、

タブファーストの現在に参考になりそうなサイト・アプリをまとめました!

結果的に海外のサイトが多くなりました。

 

1.「Pttrns(パターンズ)」

http://pttrns.com/

f:id:kmatz90:20140510145207p:plain

UIのパーツごとにカテゴライズされていて、

求めているインタフェースが直ぐに見つかりそうです。

マウスオンすると拡大されるので便利。

ただ掲載されているのは、iPhoneiPadのみでAndroidはないです。

 

 2.「inspired UI」

http://inspired-ui.com/

f:id:kmatz90:20140510150318p:plain

こちらはアンドロイド版もあり。

パターンズと同じくシーン別に分けられています。

更新頻度は割と高め。

 

3.「Dribbble(ドリブル)」

https://dribbble.com/tags/mobile

f:id:kmatz90:20140510151658p:plain

超鉄板の完全招待制(もう変わったらしい)コミュニティサイト。

「mobile」のタグでソートしました。

余談ですが、ドリブルに日本人で初めて招待されたのは、

グッドパッチのデザイナーの貫井伸隆さんです。

http://careerhack.en-japan.com/report/detail/175

 

4.「AGT smartphone design gallery

http://agtsmartphonedesign.com/

f:id:kmatz90:20140510161550p:plain

色んなサービスのスマートフォンサイトが一覧で見れます。

日本のサイトがメイン。

 

5.「iPhone Design Box」

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

f:id:kmatz90:20140510162212p:plain

こちらも日本のスマホサイト集。

若干重い。

 

6.「MobileMozaic

http://www.mobilemozaic.com/

f:id:kmatz90:20140510153133p:plain

こちらはUIパターンの他に、

教育系やフード系、ヘルス系などのジャンルからも検索出来ます。

キャプチャはフード&ドリンク。

 

7.「Mobile Tuxedo」

http://www.mobiletuxedo.com/

f:id:kmatz90:20140510154906p:plain

UIパターン以外にアプリのアイコンなども掲載されています。

f:id:kmatz90:20140510155338p:plain

 

8.「Android Niceties」

http://androidniceties.tumblr.com/

f:id:kmatz90:20140510163052p:plain

こちらのサイトはアンドロイドに特化。

検索機能は無いようですが、タグでソート出来ます。

横スクロールで画面の遷移先も見れます。

 

9.「UltraUI」

http://ui.theultralinx.com/

f:id:kmatz90:20140510164020p:plain

あまり機能は充実していませんが、1番シンプルでカッコイイかも。

無心でスクロール出来ます。

 

10.「Mobile Awesomeness」

http://mobileawesomeness.com/

f:id:kmatz90:20140511161201p:plain

カーソルを合わせると「AWESOME」という評価点のようなものが表示され、

画像をクリックすると別のViewが見れます。

このサイトは具体的なサイト作成の参考にというよりは、

アイディアのインスピレーションを得たりするのに良いかもしれません。

 

おまけ

※優れたユーザーインタフェース(UI)を実現するために確認しておきたい36項目

http://gori.me/design/45657

 

※「優先順位を決めて、やるべきことを絞る」- ブラケット河原香奈子氏が語る、「STORES.jpのUI・UXデザイン」

http://u-note.me/note/47486573