web-dev-qa-db-ja.com

UI KITとスタイルガイドの主な違いは何ですか?

私たちはビジュアルデザインの文書化に取り組んでいます。知りたいのですが、I KITstyleguideの主な違いは何ですか?

styleguideには設計ガイドラインとベストプラクティスが含まれ、I KITは異なるコンポーネントとその動作を示しているだけですか?

それとも、同じものを異なる名前で文書化する2つの方法だけですか?

1
OrangeJuice

それらの違いは、スタイルガイドにデザインガイドラインとベストプラクティスが含まれ、UI KITが異なるコンポーネントとその動作を示しているだけですか?

ほとんどだ。

UIキットは、インタラクティブ(JavaScript)または静的(Photoshop)のいずれかのコンポーネントのコレクションであり、そこからユーザーインターフェイスを構成できます。 Balsamiq はUIキットを提供します。

スタイルガイドは、特定のUIキット(つまり、実装)を参照する場合がありますが、必ずしも参照する必要はありません。アドバイス(「モバイルでは直感的ではないため、ダブルクリックに頼らないでください」)、構成に関するガイドライン、空白、配色などを含めることができます。

一例を挙げると、マテリアルデザインはスタイルガイドですが、 material-ui はガイドに準拠したUIキットです。

一方、AppleのiOS設計ガイドラインでは、Apple独自のUIキットを具体的に参照しています。

用語のトラップ-UIに関連するWordスタイルは、プレゼンテーションレイヤーのみを説明することがよくあります。相互作用をあまり扱いません。一部の「ユーザーはスイッチをスワイプできます」にとって、スタイルガイドではなく、デザインガイドラインを構成します。

2
Izhaki