既存のデザインを
By Dani Beaumont
Creative Cloud ライブラリを使用すると、共通のデザイン要素をライブラリに公開し、あるプロジェクトから別のプロジェクトに迅速かつ簡単に再利用できます。 これは、デザイナーのチームで協力して作業する場合でも、自分だけの作業を管理する場合でも非常に便利です。
今日はデザインのインスピレーションになるものを探していて、Rahul Tailrのこの無料UIキットを見つけました。ソースファイルをダウンロードし、全体的なデザインをいくつか変更しました。 色と文字スタイルを抽出する準備ができましたので、 ライブラリパネルからこのブランドのアートボードを開きます。デザインカンバス上のオブジェクトの色を選択し、カラー領域のアセットパネル右側のプラス記号をクリックするだけで、それらをサンプリングまたは抽出することができます。この文字のデザイン要素をクリックし、同じように文字スタイルも抽出します。次に、[アセット]パネルで、今度は[文字スタイル]領域のプラス記号をクリックします。
これらを追加したら、ラベルをダブルクリックし、元々の名前を変更して、任意の名前を付けることもできます。 上下にドラッグするだけで、リスト内の項目を並べ替えることもできます。好みに応じて、「並べ替えオプション」ドロップダウンをクリックして「名前で並べ替える」を選択すれば、文書のアセットリスト全体を並べ替えることもできます。それにより確実に管理しやすくなりますが、デザインが複雑になるにつれ、1つのリストで管理しきれなくなる可能性もあります。サブグループを作成してコンテンツを整理することもできます。[コンポーネント]領域で、簡単にすべてのアイコンを選択できます。 右メニューから選択したオブジェクトで新規グループを作成を選択します。サブグループは互いにネストできます。 アイコングループを特定のアイコンタイプに分けることもできます。
望むように整理できたら、Creative Cloudライブラリに公開する準備は OK です。このアプリケーションで適用した並び順の変更と今作成したサブフォルダは、クラウドライブラリにも適用されます。ライブラリを公開するには、[アセット]パネルの右上隅にある[公開]ボタンをクリックするだけです。 ライブラリマネージャーで、このドキュメントをクラウドに保存することができます。こちら、右側の「公開」ボタンをクリックすれば保存できます。クラウドドキュメントとして保存されることがXDで表示されます。[続行]をクリックします。 ここから、作成中のライブラリ内に何が含まれているかをすぐに把握できるよう、わかりやすい名前を付けることもできます。ここではGetFix_Brand_Kitとしておきます。
クラウドに公開したら、以降はその名前を使用できます。ライブラリマネージャーの下部から、自分が作成したライブラリや他の人が作成して私に共有してくれたライブラリを開くことができることに気づくでしょう。これらは以降も機能し続けるため、プロジェクト間で使用できます。ここにある定義済みのセットを残して、パネルを閉じます。
新しいプロジェクトを開始する準備が整いました。開始するには、ファイルのプルダウンで新規を選びます。この新しいドキュメントでは、こちらのドキュメントアセット領域に色、文字スタイル、コンポーネントがないことにお気づきでしょうか。これはまだ何も作成しておらず、文書が空であるためです。作成したUIキットを活用する場合は、こちらのパネルの、ドキュメントアセットのタイトルの左側をクリックします。これにより、1段階層が上がり、ライブラリのマネージャーから開いたすべてのライブラリを見ることができます。作成したGetFix_Brand_Kitがありますので、開きます。ここから新しいデザインの作成を始めることができます。
UIキットを使用していくと、さらに改善を加えたくなる可能性もあります。ライブラリに変更を加えても、非常に簡単に同期を保つことができます。ここでは、作業する可能性のあるコンポーネントを開くだけで問題ありません。右メニューで「ソースドキュメント内のマスターを編集」を選択します。XDはクラウドに移動し、ライブラリを開きます。ここで、定義した詳細に変更を加えることができます。 ではここで、デザイン全体で使用している色を変えるなど、大きな変更を加えたいと思います。この幅広の線を全体的に、もう少しオレンジ色に変えてみましょう。下の方に向かって注記が示され、ライブラリが全体的に変更されていることが分かります。また、Creative Cloud ライブラリのため、行った変更をクラウドに再公開する必要があります。 上に向かって、こちらで行うことができます。 こちらに非常に小さな青いアイコンがあり、コンテンツを再公開する必要があることが分かります。ライブラリマネージャーの「公開」ボタンをクリックすれば、ライブラリを更新できます。
作業ドキュメントに切り替えると、ドキュメントアセット領域で、Cloudライブラリが変更されたことを示す通知が表示されていることがわかります。変更をプレビューして、クラウドで行った変更を1つずつ承諾するか、すべてまとめて承諾するかを選択します。
ここまで、Creative Cloud ライブラリの公開と利用に関して大まかに紹介してきました。ご覧いただいたとおり、共有ライブラリを日常業務にシームレスに統合することができます。ぜひ、試してみてください。
Creative Cloudライブラリを使用して、共通のデザイン要素をライブラリに公開し、簡単にアクセスして再利用してみましょう。このチュートリアルでは、ご自身のプロジェクトやフリーUIキットからデザイン要素をサンプリングして、色と文字スタイルを抽出する方法について説明します。オブジェクトを選択し、アセットパネルのプラス記号をクリックすれば、よく使用する色や文字スタイルをサンプリングすることができます。説明的な名前を入力したり、要素を望むように並べ替えたり、サブグループを作成してライブラリアイテムを整理しやすくしたりしていきます。また、サブグループ内にサブグループをネストして、より詳細な分類も行います。
