デザインシステムの概念は、一貫性があり、同じスタイルを維持し、外観を再利用するアプリケーション設計を実現することです。
また、コンポーネントを何度も再設計しなくても済むように、コンポーネントを体系化して再利用できるようにする目的もあります。
同時に、設計者と開発者のやり取りを一元化し、迅速化します。
デザインシステムは次のもので構成されます:
- 業界における適切な設計を定義する原理。たとえば、第一に明確であること、そして効率的で一貫性があるという原理です。外観は最後の判断基準になります。
- パターンと機能的パターン。パターンは、タイポグラフィ、さまざまなパーツに使われる色などです。機能パターンは、有機的なアプリケーションというアイデアを伝えるためにパズルのように組み立てて画面を構成する、分割された複数のコンポーネントなどです。
- 慣例。開発/設計に使用するツールや、その方法などです。
この原理、パターン、慣例のセットにより、一貫性、統一性、堅牢性を兼ね備えたデジタル製品の構築が方向付けされます。
デザインシステムは普遍的なものではありません。認識を共有している場合でも、デジタル製品ごと、またはデジタル製品ファミリごとに定義します。また、設計時に使用可能なツールによっても異なります。
日常的に使用するアプリケーション (E メールアプリケーション、メッセージングアプリケーション、ソーシャル ネットワーク アプリケーションなど) を見ると、それらを直観的に操作できるいくつかの機能を識別できます。プラットフォームや画面サイズに関係なく表示や操作のタイプが同じであるため、目で見て認識できます。
ユーザーを惹きつけるアプリケーションにすることが重要であるため、デザインシステムを定義する必要性は高くなっています。
GeneXus は、開発をスピードアップさせるために 3 つのレベルのデザインを提供します。
1. バンドルされるもの
2. アクセラレータ
3. BYODS
2. アクセラレータ
アクセラレータは、GeneXus のパートナーが提供するデザインシステムとパターンです。次に例を挙げます。
3. Bring Your Own Design System (BYODS)
次に挙げる複数の
GeneXus オブジェクトと機能によって、GeneXus 内にカスタム デザイン システムを容易に組み込めるようになっています:
マスターページ、
テーマ、
Design System オブジェクト、
Stencil、
ユーザーコントロール、
パターン、
ライブ編集、
Sketch のインポートなど。
- 最初に目的を決めます。
- 対象者を指定します。
- テーマを見つけ、チームと共有します。
- 原理をテストして発展させます。
Design Systems Introduction
GeneXus default Design System
Modeling UI & Design Systems with GeneXus 18
How to integrate a Design Team with GeneXus 18