スタイリング
このセクションの内容
オートスタイル(キャンバステーマ)
ワンクリックでキャンバス全体にSketch、Comic、Blueprintのスタイルを適用します。テーマスタイルインスペクタでパラメータを微調整します。
インスペクタでのスタイリング
インスペクタの スタイル タブ:ベクターシェイプのスタイルコンポーネントスタック、シンボルのカラースキーム、コネクタのスタイリング。
スタイルの再利用
カスタムスタイルとスタイルバリアント、スタイルをコピーツール、保存済みのコネクタとテキストのデフォルトで、スタイリングを一貫させます。
カスタムスタイル
組み込みのキャンバステーマと並んで独自の再利用可能なダイアグラムスタイルを保存し、ワンクリックで適用します。
スタイルのコピーと適用
フォーマットペインターを使って、1つの要素からスタイルをコピーし、他の要素に適用します。
塗りつぶしスタイル
シェイプの内部にソリッドカラー、グラデーション、パターンを適用します。
ストロークスタイル
太さ、色、破線パターン、線の端でシェイプの輪郭をカスタマイズします。
カラースキームとドキュメントカラー
記法シンボルを組み込みのカラースキームで再配色し、一貫した色のためにドキュメントパレットを保持します。
シャドウとエフェクト
ドロップシャドウと内側の影で奥行きを加え、不透明度を調整し、角の丸みをカスタマイズします。
キャンバス背景
各ページに単色、グラデーション、またはシームレスなテクスチャの背景を設定します。
スタイリングの基本
カラー
- 塗りつぶし色:シェイプの内部の色
- ストローク色:枠線/輪郭の色
- 文字色:シェイプ内のテキストの色
ストローク
- 太さ:ヘアラインから太線までの線の太さ
- スタイル:実線、破線、点線、一点鎖線、二点鎖線、長破線
- 端と結合:線の端と角の描き方
エフェクト
- シャドウ:ドロップシャドウと内側の影で奥行きを追加
- 不透明度:要素を半透明にする
- グラデーション:滑らかな色の遷移を作成
ヒント
- 一貫性:関連する要素には同じ色とスタイルを使う
- コントラスト:背景色に対してテキストが読みやすいことを確認する
- シンプルさ:エフェクトを使いすぎない — 少ないほうが効果的なことが多い
- スタイル:よく使う見た目はカスタムスタイルとして保存する