UI事例を参照したいときのリンク集

📱アプリの場合

🍎 公式ドキュメント

Apple/Googleから提供されているもの、すべての基本なのでまずはここから

Human Interface Guidelines

Themes - iOS - Human Interface Guidelines - Apple Developer

Aesthetic integrity represents how well an app's appearance and behavior integrate with its function. For example, an app that helps people perform a serious task can keep them focused by using subtle, unobtrusive graphics, standard controls, and predictable behaviors.

developer.apple.com

Material Design

Design

Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps teams build high quality digital experiences.

material.io

📱 UI事例

実際に公開されているアプリのUIを参照できるサイト

Mobbin

Apps/Category/Patterns/Elementsなど、いくつかの軸で画面を検索できる

Mobbin - Latest Mobile Design Patterns

Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.

mobbin.design

UI Sources

動画とフロー図でインタラクションを見られる

UI Sources | Mobile Design Patterns and Interactions

Packs: Foundation, Health, Brave, Happiness, Work & Performance, Students, Headspace Pro, Sport Singles: Classics Guided, Unguided, Working Out, SOS, Kids: For ages 5 and under Animations: Getting started, Doubts and difficulties, Maintaining meditation, Right attitude

www.uisources.com

UI Sources | Mobile Design Patterns and Interactions

Uplabs

有償/無償でDL可能な素材を配布している。ビジュアルを遊びたいときなどに

UI Kits, Icons, Templates, Themes and More - UpLabs

UpLabs curates the best of design & development inspiration, resources and freebies. Every day!

materialup.com

🖥 Webの場合

💎 UI事例

Webframe

実際に公開されているWebサイトのUIを参照できる

Beautiful web app screenshots

A showcase of beautiful and well designed web app screens for design inspiration. Including screens from behind signup/paywalls! 😱

webframe.xyz

📐 他社のスタイルガイド

Website Style Guide Resouces

Website Style Guide Resources

Real life pattern libraries, code standards documents and content style guides. See all 232 examples... Conference presentations about style guides. See all 39 talks... Resources on this site have been added by the following contributers: View on GitHub

styleguides.io

🖍 ポートフォリオサイト

インスピレーションを得たいときなどに見るとよい (実装が難しい/使いにくいものも...😇 )

Dribbble

Dribbble - Discover the World's Top Designers & Creative Professionals

Dribbble is where designers gain inspiration, feedback, community, and jobs and is your best resource to discover and connect with designers worldwide.

dribbble.com

Dribbble - Discover the World's Top Designers & Creative Professionals

Behance

Behance :: Curated Galleries

Find curated interaction design work from cutting edge UI/UX design to detailed iconography

www.behance.net

😎 その他

Pinterest

Googleよりも優秀な、画像検索エンジンとして

Pinterest - ピンタレスト

Discover recipes, home ideas, style inspiration and other ideas to try.