コース: Adobe XD 基本講座
今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。
文字スタイルを使用する
このレッスンでは、 文字スタイルの使用について説明します。 教材として exercise ファイルの フォルダにある 08 フォルダの中の 08_02.xd を使います。 ツールパネルの下の 「ライブラリ」アイコンをクリックして ライブラリパネルを表示し パネル上部のタイトルが 「ドキュメントアセット」に なっていることを確認しましょう。 まず、文字スタイルを登録します。 アートボード上のテキストを ２つとも選択し ライブラリパネルの 「文字スタイル」の横にある ＋のアイコンをクリックします。 ２種類のテキストの内容が 登録されました。 何もないところをクリックして 選択を解除しておきます。 文字スタイルのラベルを変更します。 Arial 20 ポイントとなっている 文字スタイルは、タイトルの部分の 文字スタイルですので、 ダブルクリックして title と名前を変更して return キー Enter キーで確定します。 同じようにこちらの本文の 文字スタイルの方は ダブルクリックして main-text と名前を変更して return キー、 Enter キーで 確定しておきます。 登録した文字スタイルを 適用していきます。 次のアートボードで Title02 という文字を選択し Shift キーを押しながら Title03 という文字を選択します。 ライブラリパネルの「文字スタイル」の title をクリックします。 そうすると、title に登録されている 文字スタイルが適用されました。 同じように Title02 の下の本文を選択し Shift キーを押しながら もうひとつの本文も選択します。 main-text の文字スタイルを クリックしましょう。 本文の文字スタイルも適用されました。 この main-text を編集しましょう。 ライブラリパネルの main-text の上で 右クリックします。 その中の「編集」を選択します。 main-text のフォントサイズを 14 ピクセルに変更し 行送りを 22、 フォントカラーを 333333 に変更して return キー、 Enter キーを押します。 何もないところをクリックします。 これでドキュメント全体の メインテキストの文字スタイルが 変更されました。 文字スタイルを使用すると、…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。