web-dev-qa-db-ja.com

UIとビジュアルデザイン/スタイルガイドの違いは何ですか?

利用可能なWebアプリケーションのいくつかのスタイルガイドを見ると、ビジュアル(アイコン、色、ロゴなど)とUI(ユーザーインターフェイス要素のルックアンドフィール)スタイルガイドが区別されます。

ビジュアル要素もUIの一部を形成しているため、2つの間にいくつかの重複がありますが、コンテンツ(たとえば、ラベル、メッセージ、フォントなど)がUIに表示される方法に関しては、適切に対処されていないギャップがあります。 UIスタイルガイドに入る必要があるビジュアルガイド、またはWebアプリケーション(Webサイトではない)に最適な2つの組み合わせですか?

最近、組織は以前よりも2つをより緊密に組み合わせた設計言語またはシステムに移行する傾向にあるため、これは関連する比較ですか?

5
Michael Lai

視覚要素とは、実際には、あるアプリケーションと別のアプリケーションに固有の部分にすぎません。ロゴ、配色、およびアイコンは、ほとんどの場合、Webサイトのスタイルに適合し、ある程度まで決定する必要がある固有の要素です。

UI要素は、使用可能なビルディングブロックであり、アプリケーションを使用する人々によく知られていることが期待されています。そのため、それらを使用し、アプリケーション間で一貫した感触を与えることで、アプリケーションはユニークですが、使い慣れた感じになります。これは、iOSアプリの感触がAndroidアプリとは異なる点にあります。

ガイドやHIGの点でアプリのさまざまな部分を区別しようとする価値はほとんどないようです。これらは、アプリケーションが人々に親しみやすく感じ、同様の対話パターンに従うのに役立つガイドラインにすぎません。今のままでいいと思います。

5
CoffeeNow

違いは実際にはコンテンツではなく、だれがそれらを作成し、意図したかに基づいています。

ビジュアルスタイルガイドは、「すべての」ビジュアルコミュニケーションが同じように構成されていることを確認するために、マーケティング部門またはブランド代理店によって作成されることがよくあります。ビジュアルスタイルガイド/ブランドガイドラインは、ジェット機の尾部、印刷広告、ウェブサイト、またはアプリに適用されるロゴや声のトーンなどのショーの適切な使用法を示しています。

インターフェイスガイドライン(設計システムとも呼ばれます)は、製品の進化に合わせて一貫したエクスペリエンスを保証する方法として、製品チームまたはUXデザインチームによって作成されます。多くの場合、これらにはより多くの理論的根拠が含まれるか、製品の目標に一致するため、設計者は長期にわたってそれらを拡張できます。

彼らは同じものになるのでしょうか?確かに、しかし私の経験では、製品、UX、マーケティング、およびブランディングがすべて同じ目標を持っている、またはうまく連携することさえ非常にまれです。したがって、複数の「類似した」タイプの設計ドキュメントがあります。これはまた、全体像の原因となる文書がないため、ギャップまたは重複の欠如の一因となります。

1
Bryce Howitson