Design System オブジェクトは、GeneXus の拡張の一環として導入されたものであり、デジタルアプリケーションの設計や開発の分野で既に確立されている
デザインシステムの概念をより有機的に統合することを目指しています。その目標は、生産性と経済性という 2 つの重要な特性を強化することで、実装を簡素化すること、つまり適切に組織化された少数のエレメントで高い表現力を実現することです。
このオブジェクトは、
クラスや
カラーパレットを含め、
テーマに取って代わるものです。今後の拡張では、アプリケーションの画面に挿入するコントロールの既定のレンダリングも定義できるようになる予定です。また、レイアウトにコントロールを挿入するときに、常に特定のスタイルプロパティを採用するよう指定することもできるようになります。
つまり、このオブジェクトは、画面デザインのあらゆる側面を、テーマよりも明確で詳細な、柔軟性に優れた方法で一元化するものです。
Design System オブジェクトは、テーマとは異なり、ほかの Design System オブジェクトや、Web の場合は CSS からも構成できるため、
ナレッジベース内に完全なカスケードデザインを作成することができます。
このため、アプリケーションの一部のデザインを Design System オブジェクト (DSO) で定義し、細かい部分については最初の DSO を拡張または特化させた DSO を作成できます。
1 つの DSO でマルチエクスペリエンスのデザインを提供し、それを Web、Web Angular、またはネイティブモバイルの画面に適用することができます。テーマの場合とは異なり、すべての要素が同じオブジェクトに含まれます。
自由度が高く、複雑さを増すことなく、より多様なシナリオに対応できます。
以降では、このコンセプトと簡単な使用例を紹介します。
これはすべて
DesignOps の方法論に沿っています。DesignOps は、ソフトウェア開発サイクルでエンドソリューションの実装までデザイナーが関わることからこのような名前になっています。
Design System オブジェクトは、デザイナーロールと開発者ロールの距離を縮め、1 つの言語 (デザイナーの言語) から別の言語 (開発者の言語) に翻訳する必要性を減らします。また、最終的な成果は、統合と組み立てが必要なデザインと動作のエレメントを組織化したものと見なされ、リソースが経済的に活用されます。重複は繰り返されず、細分化により小さな部分から大きな構造が組み立てられ、使用しないものは追加されません。このために、GeneXus ではこれまでと同様に、抽象化の機能を優先しています。
GeneXus 17 Upgrade 6 以降。