インスペクタでのスタイリング

ウィンドウ右側のインスペクタには、スタイル、テキスト、配置、書類 の4つのタブがあります。このページでは、スタイル タブのスタイリングコントロールを扱います。各タブ・各セクションの網羅的なリファレンスについては、インスペクタパネルを参照してください。

どのセクションが表示されるかは、選択内容によって異なります:

選択内容スタイルタブのスタイリングセクション
記法シンボルと画像エレメントカラーコンポーネント
ベクターシェイプ(描画 ツールで作成)スタイル
コネクタコネクタ
配置済みの再利用可能なエレメントエレメント(テキストスロット)
マインドマップのノードマインドマップ

エレメントカラーコンポーネント

記法シンボルと画像に表示されます。

  • スタイルバリアント — バリアントを持つカスタムスタイルが有効なときに表示。バリアントをクリックすると選択範囲に適用され、× ボタンで選択したシェイプからオートスタイルをクリアできます
  • カラースキームグリッド — 記法のカラースキームを5列で表示したグリッド。クリックするとシンボルの色を変更します
  • 不透明度 — 要素全体の透明度(0〜100%)

画像の場合、このセクションにはSVGアートワークに色を付けるカスタムカラースウォッチもあります。カラースキームとドキュメントカラーを参照してください。


スタイル(ベクターシェイプ)

ベクターシェイプの見た目は、スタイルコンポーネント の下に一覧表示される スタイルコンポーネント のスタックから構成されます。各コンポーネントにはオン・オフを切り替えるチェックボックスがあり、コンポーネントをクリックするとその下にコントロールが表示されます。

ストローク

  • カラー — 輪郭の色(不透明度を含む)
  • シャドウ — ストロークにドロップシャドウを切り替える
  • 幅 — 0.5〜20ポイント
  • グラデーション — グラデーションでストロークを塗る:開始色、終了色、角度ダイヤル
  • 端 と 結合 — 線の端(バット、ラウンド、スクエア)と角(マイター、ラウンド、ベベル)用のアイコンボタン
  • ダッシュパターン — 実線、破線、点線、一点鎖線、二点鎖線、長破線

ストロークスタイルを参照してください。

カラー塗りつぶし

  • ソリッド/グラデーション/パターン タブ
    • ソリッド — カラーウェル(不透明度を含む)
    • グラデーション — 線形グラデーション:グラデーションバー上でストップをドラッグして色を変更、ダイヤルまたはフィールドで 角度 を設定、または キャンバス上で編集 をクリックしてシェイプ上のグラデーションのハンドルをドラッグ
    • パターン — パターン画像を貼り付け または ファイルから画像…
  • シャドウ — 角度ダイヤル、距離、ぼかし、色
  • 内側の影 — 角度ダイヤル、距離、ぼかし、広がり、色

塗りつぶしスタイルとシャドウとエフェクトを参照してください。

スタイルコンポーネントの追加

+(スタイルコンポーネントを追加)をクリックして次から選びます:

グループコンポーネント
ストロークストローク、矢印付きストローク、ラフストローク、ジグザグストローク、パスデコレータ
塗りつぶしカラー塗りつぶし、ジグザグ塗りつぶし、パターン塗りつぶし、ハッチング
アドーンメントテキスト、画像
グループ一般グループ、ブレンド&マスクエフェクトグループ、Core Imageエフェクトグループ

図形

角丸四角形 ツールで描いたシェイプには、角の丸み スライダーを持つ 図形 グループがあります。

不透明度

セクションの下部にある 不透明度 は、シェイプ全体の透明度(0〜100%)を設定します。


記法シンボルの輪郭

記法シンボルには「スタイル」セクションがありません。その輪郭はフローティングツールバーから設定します:シンボルをダブルクリックして 図形スタイル をクリックします。ポップオーバーには 輪郭のみを描画、輪郭の色、輪郭の種類、輪郭の幅、輪郭の不透明度、シャドウ、内側の影 があります。


コネクタ

コネクタが選択されているときに表示されます。

矢印

  • 始点の矢印 / 終点の矢印 — クリックすると矢印ピッカーが開き、組み込み矢印 と有効な記法の 表記法の矢印 が表示されます
  • 始点矢印の長さ / 終点矢印の長さ — 0〜150px
  • 両方の矢印に長さを適用 — 両方の矢印を同じ長さに保つ
  • 両方の矢印と軸に色を適用 — 矢印と線を一緒に着色する

すべての種類については、矢印リファレンスを参照してください。

軸

  • ルーティングモード — 直線、折れ線、直交、スムーズ、スマート直交、スマート折れ線
  • 線の種類 — 実線、点線、破線、一点鎖線、二点鎖線、長破線
  • カラー — 線のカラースキームを選ぶ
  • 幅 — 線の太さ
  • 角の丸み — 0〜60px、折れ曲がりを丸める

現在のコネクタの見た目を新しいコネクタのデフォルトとして保存するには、フローティングの コネクタスタイル ツールバーの歯車メニューを使います — スタイルの再利用を参照してください。


関連タブ

  • テキスト タブ — フォント、サイズ、色、配置、パディング、コネクタのテキスト位置、追加のコネクタ ラベル
  • 配置 タブ — ジオメトリ、テーブル、UML、自動レイアウト
  • 書類 タブ — レイヤーとアートボード、スマートコネクタ、テーマスタイル、ドキュメントカラー、キャンバス背景

詳細はインスペクタパネルを参照してください。

関連トピック