スクショへの余白と背景の追加
該当する場合
余白は狭いカラムやサムネで読みやすさを上げる。
使うツール
スクショに背景・余白を追加。
スクショ背景 を開く →手順
- 1ライトとダークに合う背景を選ぶ。
- 2目標比率に合わせてパディング。
- 3最終CMSでプレビュー。
- 4圧縮を調整して再書き出し。
例
- 視覚コンテキスト付きサポートチケット。
- 統一されたマーケブログ。
避けること
- グラデのバンディング。
- 診断要素を隠す。
- アクセシブルでない色。
関連ツール
ブログで
スクリーンショットツール のその他
よくある質問
仕上げとの違い?
ここはキャンバスと余白、仕上げは効果が多い。
一括?
パディング値は標準化しておく。