増えすぎたブクマの替わりに。厳選！UIギャラリーサイト10選📸

2024年2月21日 08:32

UI・Webデザインのギャラリー集・アーカイブ集は、デザイナーにとっては、とてもありがたい存在ですよね。
ですが、ブラウザのサイトブックマークもいつの間にか膨大な数に…。
どれがなんのサイトだったっけ😕？？

ちょっと自分用に整理をするためにも、
最新のサービスが掲載されているUIギャラリー・Webサイト集を、厳選！10個で集めてみました📸
（10個でもスクショのソース量としては、十分でした）

このnoteの使い方
サイトブックマーク替わりに使ってください🙏

📱アプリ系 UI参考

日本語サービス多め、UIスクリーンショット集。サービスのカテゴリ軸での検索もできますが、左メニューのスクリーンからパーツ別での絞りこみが可能。掲載されているアプリもスクリーンショットも豊富です。ありがたや🙏

有名アプリの細かい「On-bording」「Login」など細かい状態のスクリーンショットが確認できる。「iOS」「Android」「Web」で確認をできるのが嬉しい。こちらも、無料アカウントは見れる枚数が限られる😭。

有名アプリ、Web共にスクリーンショットが確認できる。一部動画で動きを見ることができる。左のナビゲーションカテゴリは有料プランでないと閲覧できない😭。

動作の一連の動きをスクリーンショットに収めてあり、フローでの確認ができるのが特徴🔥。動きに伴うクリックしたエリアもスクリーンショットに掲載されていて素晴らしい。

UIの名称軸からのスクリーンショットが検索できる。
名称軸からの検索がとにかくシンプルで分かりやすい✌️
各サービスの公式Design Guidelineへのリンクもあるので便利。

Mobbin同様、iOS、Webと豊富なスクリーンショットが掲載。ナビゲーションにはパーツ別「404」「Calender」「Dashbord」と、メジャーな機能群がカテゴリで抜き出しがされているので便利 📅。

残念ながら、無料アカウントは見れる枚数が限られる😭が、、、
フィルタできるカテゴリの細かさは圧巻！
表示枚数が限られていたとしても、大変ありがたい参考です。

Webアプリのスクリーンショットではないですが、広くWebデザインに参考になるスクリーンショットがパーツ軸ごとで検索できます✌️
日本のサービスサイトがメインで集められているのが嬉しい。MV検索とか、めちゃくちゃ使えます。

Webサービスに特化したスクリーンショット集。海外Webアプリのスクリーンショット集ですが、何より無料でザクザク見れるのがとても助かる😀。

昨年話題になった「Bento UI」の参考を閲覧できるギャラリーサイト🍱。
Webデザインでも参考になりそうですが、ダッシュボードのアイデア集として参考にするのもアリです。Light / Darkと切り替えができるのも便利。

部分や具体例などのUIスクリーンショットを探す🔍には、ちょっと利用しにくいですが、pintarestのように、ビジュアルでインスピレーションを受けたい時には持ってこいのサイトです。サービスのブランドイメージを固める、デザインの初期フェーズで参考にするとイメージが膨らみそう🧐

意外となかった、アプリアイコンのみのギャラリー集。
アプリアイコンデザインの参考に便利。

以上、UI・Webサービスデザインギャラリーを10個ご紹介しました。

他にも、デザインに関する記事を『ハードル低く、分かりやすく』をモットーに書いています。

もし、よければ読んでみて下さい。

この記事が気に入ったらサポートをしてみませんか？