Italo Sannino 氏は、ナポリ芸術大学を卒業して以来 20 年以上にわたりデジタルクリエイティビティと関わりをもります。現在、同大学で UI デザインの教鞭をとっています。1997 年に小規模なニューメディアエージェンシー「Geko」を設立し、そこは同氏による数々の試みが行われる中心となりました。Adobe Guru プロジェクトに参加し、現在 Adobe コミュニティフォーラムのプロとなったこと、使用可能なインターフェイスと関連するアドビツールの方法論、デザイン、計画への深い関わりに感謝の意を表明します。また、最近では Wacom Ambassador メンバーとしても活躍しています。
同氏の独創的なクリエイティビティについてはこちらを参照してください。
Google マテリアルは、主に Android OS 用に Google によって開発されたデザインシステムです。テキスト編集は、デザインシステムの使用において基本的な役割を果たします。デザインが適切に機能することを確認するには、Adobe Fonts ライブラリから参照フォントを有効にします。
注意：
Google マテリアルは、単なる一連のボタンのアイコンとスタイルではありません。これはデザインシステムであり、そのため UI/UX 上の一般的なベストプラクティスだけでなく、読み込まれたインターフェイスエレメントの使用もまとめられています。詳しくは、マテリアルデザインを参照してください。
-
Adobe Fonts の Roboto ページを参照します。
Google マテリアル UI エレメントを含むファイルを入手したら、特定のニーズに応じて、2 つの方法でデザインまたは新しいファイルに効率的に読み込むことができます。アイテムを 1 つずつ読み込むことも、全エレメント（コンポーネントを含む）を含むすべてのアートボードを読み込むこともできます。
複数のアートボードをペーストするプロセスは便利で強力ですが、前回のリリース以降、Adobe XD ではリンクされたコンポーネントのモデルが使用されています。Google ファイルのコンポーネントに変換された UI の部分は、ソースからコンポーネントのリンクを解除するか、ソースファイルからコンポーネントを編集しない限り編集できません。この場合、コンポーネントをそのソースからリンク解除してみてください。
多くの人が同じプロジェクトに関わってファイルを共有することは、今日では珍しくありません。これはもちろん、Google UI キットの XD ファイルにも当てはまります。このような状況でこそ、リンクされたコンポーネントの機能性が発揮されます。
リンクされたコンポーネントを使用すると、プロジェクトの UI 内のすべてのエレメントを含むソースファイル（ここでは、スタイルガイドまたはデザインシステムの場合もあります）が 1 つだけになり、それらのエレメントを他の Adobe XD ファイルで使用することができます。
ソースファイルから取られたリンクされたコンポーネントを XD ファイルで使用すると、これらのコンポーネントのいずれかが変更されたときに必ず通知され、変更がプレビューされます。この時点で、その変更を受け入れるか拒否するかを決定できます。
この強力な機能によって、ワークフローが合理化されるだけでなく、UI/UX の一貫性が保証されます。これは、こういった作業におけるもっとも重要な側面であるといえます。
注意：
コンポーネントのパラダイムは非常に広大です。詳しくは、リンクされたコンポーネントの使用を参照してください。
- command + Shift + Y（Mac）または Ctrl + Shift + Y（Windows）を押してアセットパネルを有効にします。
- 変換するコンポーネントを選択し、control + クリック（Mac）または 右クリック（Windows）を使用してポップアップウィンドウから「ローカルコンポーネントを作成」を選択します。
Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。