本サイトではアフィリエイト広告を利用しています。
UIガイドラインのリンク集2021/10/30

UIガイドラインのリンク集

UI設計やデザインの際に参考となる、各OSのガイドラインのリンク集です。 更新があったら対応していきます。

各OSのガイドライン

https://material.io/

Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products.

https://developer.apple.com/design/human-interface-guidelines/

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

https://www.microsoft.com/design/fluent/#/

No need to start from scratch. Fluent is an open-source, cross-platform design system that gives designers and developers the frameworks they need to create engaging product experiences—accessibility, internationalization, and performance included. Go ahead, pick a platform to get started.

UI設計の情報サイト

rss あり

rss で購読できるので登録しておくことをおすすめします。

https://www.uxbooth.com/articles/

The UX Booth is a publication by and for the user experience community. Our readership consists mostly of beginning-to-intermediate user experience and interaction designers, but anyone interested in making the web a better place to be is welcome. If you’re interested, join us and discuss best practices and trending topics, or share your experiences.

https://www.nngroup.com/

We are a UX research and consulting firm trusted by leading organizations world-wide to provide reliable guidance on user experience.

https://uxdesign.cc/

The UX Collective is an independent design publication built to elevate unheard design voices all over the world. Curated stories on user experience, visual and product design.

https://automattic.design/inclusive/

At Automattic, we are passionate about making the web a better place, and creating opportunities for anyone, anywhere. We work on WordPress.com, WooCommerce, Simplenote, Tumblr, Jetpack and many more.

https://blog.proto.io/

At Proto.io, we strive to improve the world of prototyping, through excellent customer support, intuitive features and ambitious goals.

https://goodpatch.com/blog/

これからの不確実性が高い時代においての革新は、ユーザー体験までデザインすることで初めて効果が出ます。ユーザー体験の向上によってビジネスに貢献する。事業やプロダクトの本質的な価値と、世の中の人々のニーズをつなぎ、なぜそれらが存在すべきかをオーナーの想いに寄り添いながらひもとき、構築することが重要です。Goodpatchはデザインの価値の向上のために存在しています。

rss なし

rss がないため定期的にアクセスしないといけません。

https://www.designsystems.com/

A Figma publication for design systems creators, designers, developers, and managers

https://www.edgeoftheweb.co.uk/blog/

Insights, perspectives and news from our team The Edge of the Web team delve into the details of design, development, marketing and more. Our insights can help you navigate the digital waters, whether you’re not technical at all or are an industry expert.

UI関連の指針

https://lawsofux.com/

Laws of UX is a collection of the maxims and principles that designers can consider when building user interfaces. It was created by Jon Yablonski.

https://www.sociomedia.co.jp/category/shig

ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。

便利なサイト

https://www.checklist.design/

A collection of the best design practices.

https://webframe.xyz/

Discover and be inspired by beautiful webapp designs

おわりに

OSごとに異なるガイドラインを提示しているので、どれに従うのが正しいのだろうと感じることがあります。 これが常に正しいということはなく、OSによって環境によってなどで正解は異なります。

色々なガイドラインがあって、それぞれどんな思想でどんなUIを提案しているのか一通り学んでおくと、様々な場面で応用できるので良い勉強になります。

ガイドラインはたまに更新されるので、そういった新しい情報もキャッチできると良いです。

  • このエントリーをはてなブックマークに追加
prev
next