ストロークスタイルは、シェイプや線のアウトラインの外観を制御します。ストロークの太さ、色、破線パターン、線の端の形状を調整して、明確でプロフェッショナルなダイアグラムを作成します。
基本的なストロークプロパティ
ストローク色
シェイプのアウトラインの色です。
ストローク色を変更するには：
- シェイプを選択
- インスペクタパネルを開く
- ストロークセクションを見つける
- ストロークのカラーウェルをクリック
- ピッカーから色を選択
塗りつぶしと同様に、ストロークもソリッドカラーを使用するかカラースキームにリンクできます。
ストロークの太さ
アウトラインの太さを制御します。
ストロークの太さを調整するには：
- インスペクタのストロークセクションで
- 太さスライダーまたは入力フィールドを使用
- 通常 0（ストロークなし）から 20 ピクセル以上
- 一般的な値：
- 1-2px: 細いアウトライン、詳細なダイアグラム
- 3-4px: 標準的なアウトライン、ほとんどのダイアグラム
- 5-8px: 太いアウトライン、強調
- 10px以上: 非常に太い、装飾的またはプレゼンテーション用
ストロークなし
ストロークを完全に削除：
- ストロークセクションで
- 太さを 0 に設定またはストロークなしをクリック
- シェイプのアウトラインが消えます
以下の場合に便利：
- 枠線なしの塗りつぶしシェイプ
- シームレスなシェイプ配置
- ミニマリストなダイアグラムスタイル
破線パターン
実線ストロークの代わりに破線や点線を作成します。
定義済みパターン
Diagrammix3 には一般的な破線パターンが含まれています：
- 実線 - 連続線（デフォルト）
- 破線 - 等間隔のダッシュとギャップ
- 点線 - 小さなドットとギャップ
- 一点鎖線 - ダッシュとドットの交互
- 長破線 - 長いダッシュ、広いギャップ
破線パターンを適用するには：
- シェイプまたはコネクタを選択
- インスペクタのストロークセクションで
- 破線パターンドロップダウンをクリック
- パターンを選択
カスタム破線パターン
高度な制御のためにカスタム破線パターンを作成：
- 破線パターンメニューからカスタムを選択
- ダッシュとギャップの長さを入力（ピクセル単位）
- パターン形式:
[ダッシュ, ギャップ, ダッシュ, ギャップ, ...] - 例:
[10, 5, 2, 5]は長いダッシュ、ギャップ、ドット、ギャップのパターン
破線パターンの活用例
- 破線: オプションまたは将来の要素、一時的な接続、境界線を示す
- 点線: 隠れたまたは内部のリレーションシップ、ガイド、重要度の低い接続を表示
- 一点鎖線: UML 依存関係、建築の境界、代替フロー
- 実線: 標準的な主要な接続とシェイプ
線端のスタイル
線の端の描画方法を制御します（主にオープンパスとコネクタ用）。
端のスタイル
バットキャップ
- 線がエンドポイントで正確に終了
- 四角く突然の終端
- ほとんどのダイアグラムのデフォルト
ラウンドキャップ
- 線が半円形のキャップで終了
- エンドポイントをわずかに超える
- ソフトでフレンドリーな外観
スクエアキャップ
- 線が四角いキャップで終了
- エンドポイントをわずかに超える（ストローク幅の半分）
- 精密で建築的な外観
線端を変更するには：
- コネクタまたはオープンパスを選択
- ストロークセクションで
- 線端ドロップダウンをクリック
- バット、ラウンド、スクエアから選択
線の結合
2つのパスセグメントが出会う角の描画方法を制御します。
結合スタイル
マイター結合
- 鋭く尖った角を作成
- ほとんどのシェイプのデフォルト
- 最適：矩形、多角形、角張ったデザイン
ラウンド結合
- セグメントが出会う場所に丸い角を作成
- ソフトな外観
- 最適：オーガニックなシェイプ、フレンドリーなダイアグラム
ベベル結合
- 平らな角を作成
- 鋭い先端を切り落とす
- 最適：テクニカルダイアグラム、マイターが鋭すぎる場合
線の結合を変更するには：
- シェイプを選択
- ストロークセクションで
- 線の結合ドロップダウンをクリック
- マイター、ラウンド、ベベルから選択
注意: 線の結合は太いストロークの鋭い角度で最も目立ちます。
ストロークの不透明度
ストロークを半透明にする：
- ストロークセクションで
- 不透明度スライダーを調整（0-100%）
- 0% = 不可視のストローク
- 100% = 完全に不透明
独立したストロークの不透明度により：
- 大胆な塗りつぶしに控えめなアウトライン
- 背景のゴーストシェイプ
- 重なる要素のレイヤードダイアグラム
カラースキームとストローク
ストロークをカラースキームにリンク：
- ストロークセクションで
- スキームドロップダウンをクリック
- カラーロール（枠線、アクセントなど）を選択
- カラースキーム変更時にストロークが更新
これにより、ダイアグラム全体で一貫したストローク色が確保されます。
ストロークプロパティの組み合わせ
プロフェッショナルな組み合わせ
テクニカルダイアグラム：
- 太さ: 2px
- 色: ダークグレーまたは黒
- パターン: 実線
- 端: バット
- 結合: マイター
プレゼンテーションダイアグラム：
- 太さ: 4px
- 色: ブランドカラー
- パターン: 実線
- 端: ラウンド
- 結合: ラウンド
ワイヤーフレーム/スケッチ：
- 太さ: 3px
- 色: ミディアムグレー
- パターン: 破線または点線
- 端: ラウンド
- 結合: ラウンド
強調要素：
- 太さ: 6-8px
- 色: 明るいアクセント
- パターン: 実線
- 端: ラウンド
- 結合: ラウンド
ストロークと塗りつぶしの相互作用
ストロークは塗りつぶしの上に描画され、シェイプの境界線の半分内側、半分外側に配置されます。
重要な影響：
- 太いストロークはエッジ付近の塗りつぶし色を隠す
- 透過塗りつぶしとストロークでアウトラインのみのシェイプを作成
- ストロークなしは塗りつぶしを本来の境界まで拡張
- ストロークの太さは全体のシェイプサイズにわずかに影響
ヒント
- ストロークの太さをスケールに合わせる - 詳細なダイアグラムには細いストローク、プレゼンテーションには太いストローク
- 一貫したストロークの太さを使用 - ランダムではなく強調のためだけに変化
- 塗りつぶしとのコントラスト - ストロークが塗りつぶし色に対して見えることを確認
- 意味のある破線パターン - 一貫して使用（例：常に破線で「将来の状態」）
- フレンドリーさにはラウンドキャップ - テクニカルな精密さにはシャープキャップ
- 最終サイズでテスト - ストロークはプレゼンテーションサイズと編集サイズで異なって見える場合がある
ストロークのパフォーマンス
- 実線ストロークは最も高速にレンダリング
- 複雑な破線パターンはわずかに遅い
- 非常に太いストローク（15px以上）は100以上のシェイプがあるダイアグラムでパフォーマンスに影響する可能性
- 線の結合/端はパフォーマンスへの影響が最小
アクセシビリティ
ストロークスタイルを選ぶ際：
- コントラストを確保 - ストロークは塗りつぶしと背景の両方に対して見える必要がある
- 破線パターンだけに頼らない - テキストラベルや他の手がかりと組み合わせる
- 最低1pxの太さ - より細いストロークは一部のディスプレイで見えない場合がある
- グレースケールでテスト - ストロークのコントラストが色なしでも機能することを確認
関連トピック
- 塗りつぶしスタイル - シェイプ内部の外観
- インスペクタパネル - 詳細なプロパティ制御
- カラースキーム - テーマベースの色
- コネクタ - コネクタ固有のストローク設定
- スタイルのコピーと適用 - シェイプ間のスタイリング転送