塗りつぶしスタイルは、シェイプの内部の外観を制御します。Diagrammix3 は、視覚的にリッチなダイアグラムを作成するために、ソリッドカラー、線形グラデーション、放射状グラデーション、パターン塗りつぶしを提供します。

塗りつぶしの種類

ソリッド塗りつぶし

最もシンプルな塗りつぶしタイプで、単一の色でシェイプ全体を塗りつぶします。

ソリッド塗りつぶしを適用するには:

  1. シェイプを選択
  2. インスペクタパネルを開く
  3. 塗りつぶしセクションを見つける
  4. カラーウェルをクリック
  5. ピッカーから色を選択
  6. シェイプが選択した色で塗りつぶされます

ソリッド塗りつぶし

線形グラデーション

線形グラデーションは、直線に沿って2つ以上の色の間を滑らかに遷移します。

利用可能な方向:

  • 水平(左から右)
  • 垂直(上から下)
  • 対角線(左上から右下)
  • 逆対角線(右上から左下)

線形グラデーションを適用するには:

  1. シェイプを選択
  2. インスペクタの塗りつぶしセクションで
  3. グラデーションボタンをクリック
  4. 線形グラデーションを選択
  5. 方向を選択(水平、垂直、対角線)
  6. 開始色を設定(上または左のカラーストップ)
  7. 終了色を設定(下または右のカラーストップ)

線形グラデーション

放射状グラデーション

放射状グラデーションは中心点から外側に放射し、円形の色の遷移を作成します。

特徴:

  • 中心色(内側)
  • エッジ色(外側)
  • 円形または楕円形の広がり
  • 深みとハイライト効果を作成

放射状グラデーションを適用するには:

  1. シェイプを選択
  2. インスペクタの塗りつぶしセクションで
  3. グラデーションボタンをクリック
  4. 放射状グラデーションを選択
  5. 中心色を設定
  6. エッジ色を設定

放射状グラデーションはシェイプの比率に自動的に適応します。

放射状グラデーション

パターン塗りつぶし

パターン塗りつぶしは、シェイプ内部にテクスチャやデザインを繰り返します。

注意: パターン塗りつぶしは現在のバージョンでは制限がある場合があります。利用可能なパターンについてはインスペクタを確認してください。

塗りつぶしなし(透過)

塗りつぶしを完全に削除してアウトラインのみのシェイプを作成します。

塗りつぶしを削除するには:

  1. シェイプを選択
  2. インスペクタの塗りつぶしセクションで
  3. 塗りつぶしなしをクリックまたは不透明度を0%に設定
  4. ストロークのみが表示されます

以下の場合に便利です:

  • 背景コンテンツを隠さずにシェイプを重ねる
  • ワイヤーフレームダイアグラムの作成
  • アウトラインのみでのハイライト

グラデーションのカラーストップ

高度なグラデーション制御はカラーストップを使用して、グラデーション内に複数の色を定義します:

  1. グラデーション塗りつぶしのシェイプを選択
  2. インスペクタでグラデーションエディタを見つける
  3. グラデーションバーをクリックしてカラーストップを追加
  4. ストップをドラッグして位置を調整
  5. ストップをクリックして色を変更
  6. ストップをバーの外にドラッグして削除

サポートは異なります: お使いのバージョンでマルチストップグラデーションが利用可能か確認してください。

塗りつぶしの不透明度

シェイプとは独立して塗りつぶしの透明度を制御:

  1. シェイプを選択
  2. インスペクタの塗りつぶしセクションで
  3. 不透明度スライダーを調整(0-100%)
  4. 0% = 完全に透明
  5. 100% = 完全に不透明

塗りつぶしの不透明度は内部のみに影響し、ストロークやテキストには影響しません。

カラースキームと塗りつぶし

塗りつぶしはカラースキームにリンクできます:

  • カラースキームパレットから色を選択
  • カラースキームを変更すると塗りつぶしが自動的に更新
  • ダイアグラム全体の視覚的一貫性を維持

スキームカラーを適用するには:

  1. 塗りつぶしセクションで
  2. スキームドロップダウンをクリック
  3. カラーロール(プライマリ、アクセント、背景など)を選択
  4. 塗りつぶしがそのスキームカラーを採用

グラデーションのヒント

深みの作成

グラデーションで立体感を追加:

  • 上が明るく → 下が暗い:上からの照明を示唆
  • 上が暗く → 下が明るい:地面の反射を示唆
  • 放射状グラデーション:球体やボタンの効果を作成

控えめ vs. 大胆

  • 控えめなグラデーション: 近い値の色を使用(例:薄い青 → 中程度の青)
  • 大胆なグラデーション: 対照的な色を使用(例:黄 → 紫)
  • 控えめなグラデーションはプロフェッショナルなダイアグラムに適している
  • 大胆なグラデーションは強調のために注目を集める

パフォーマンス

  • 非常に複雑なダイアグラムではグラデーションはソリッド塗りつぶしより描画が遅い
  • 100以上のシェイプがあるダイアグラムにはソリッド塗りつぶしを使用
  • 視覚的な強調が必要な主要要素にグラデーションを使用

塗りつぶしとストロークの組み合わせ

効果的なシェイプは塗りつぶしとストロークを組み合わせることが多い:

  • 暗い塗りつぶし + 明るいストローク - グロー効果を作成
  • 明るい塗りつぶし + 暗いストローク - クラシックで明確な定義
  • グラデーション塗りつぶし + マッチするストローク - 統一感のある外観
  • 塗りつぶしなし + ストロークのみ - ワイヤーフレームスタイル

塗りつぶしとストロークの組み合わせ

活用例

ビジネスダイアグラム

  • ブランドカラーのソリッド塗りつぶし
  • モダンな外観の控えめなグラデーション
  • ミニマリストスタイルの塗りつぶしなし

テクニカルダイアグラム

  • 明瞭さのためのソリッド塗りつぶし
  • カテゴリ別のカラーコード塗りつぶし
  • レイヤーオーバーレイの透過塗りつぶし

プレゼンテーション

  • インパクトのある大胆なグラデーション
  • ハイライトの放射状グラデーション
  • テクスチャのパターン塗りつぶし

フローチャート

  • 読みやすさのための明るい塗りつぶしと暗いストローク
  • 要素タイプ別の異なる塗りつぶし色
  • 開始/終了要素のグラデーション塗りつぶし

アクセシビリティの考慮事項

塗りつぶしを選ぶ際:

  1. コントラストを確保 - テキストは塗りつぶし色に対して読みやすくなければならない
  2. 色だけに頼らない - 意味を伝えるには塗りつぶし色だけでなくテキストラベルを使用
  3. グレースケールでテスト - ダイアグラムが色なしでも機能することを確認
  4. 低コントラストのグラデーションを避ける - グラデーションの両端が十分なコントラストを持つことを確認

クイック塗りつぶしショートカット

塗りつぶしの直接キーボードショートカットはありませんが、以下が可能です:

  1. スタイルのコピーと適用を使用してシェイプ間で塗りつぶしを転送
  2. 塗りつぶしをシェイプスタイルの一部として保存して再利用
  3. カラースキームの割り当てを使用してテーマ全体の塗りつぶし変更

関連トピック