スタイリング

このセクションの内容

オートスタイル(キャンバステーマ)

ワンクリックでキャンバス全体にSketch、Comic、Blueprintのスタイルを適用します。テーマスタイルインスペクタでパラメータを微調整します。

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

インスペクタの スタイル タブ:ベクターシェイプのスタイルコンポーネントスタック、シンボルのカラースキーム、コネクタのスタイリング。

スタイルの再利用

カスタムスタイルとスタイルバリアント、スタイルをコピーツール、保存済みのコネクタとテキストのデフォルトで、スタイリングを一貫させます。

カスタムスタイル

組み込みのキャンバステーマと並んで独自の再利用可能なダイアグラムスタイルを保存し、ワンクリックで適用します。

スタイルのコピーと適用

フォーマットペインターを使って、1つの要素からスタイルをコピーし、他の要素に適用します。

塗りつぶしスタイル

シェイプの内部にソリッドカラー、グラデーション、パターンを適用します。

ストロークスタイル

太さ、色、破線パターン、線の端でシェイプの輪郭をカスタマイズします。

カラースキームとドキュメントカラー

記法シンボルを組み込みのカラースキームで再配色し、一貫した色のためにドキュメントパレットを保持します。

シャドウとエフェクト

ドロップシャドウと内側の影で奥行きを加え、不透明度を調整し、角の丸みをカスタマイズします。

キャンバス背景

各ページに単色、グラデーション、またはシームレスなテクスチャの背景を設定します。

スタイリングの基本

カラー

  • 塗りつぶし色:シェイプの内部の色
  • ストローク色:枠線/輪郭の色
  • 文字色:シェイプ内のテキストの色

ストローク

  • 太さ:ヘアラインから太線までの線の太さ
  • スタイル:実線、破線、点線、一点鎖線、二点鎖線、長破線
  • 端と結合:線の端と角の描き方

エフェクト

  • シャドウ:ドロップシャドウと内側の影で奥行きを追加
  • 不透明度:要素を半透明にする
  • グラデーション:滑らかな色の遷移を作成

ヒント

  1. 一貫性:関連する要素には同じ色とスタイルを使う
  2. コントラスト:背景色に対してテキストが読みやすいことを確認する
  3. シンプルさ:エフェクトを使いすぎない — 少ないほうが効果的なことが多い
  4. スタイル:よく使う見た目はカスタムスタイルとして保存する