移行中の知識
クロッピング
Cropping
定義
クロッピング(cropping)とは、画像やvisualの外縁を切り直し、表示する範囲と除外する範囲を再設定する操作です。単なるresizeではなく、主題の位置、negative space、周辺context、aspect ratioを変えることで構図自体を再framingします。元画像を破壊的に切り捨てることだけを意味しません。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
responsive hero image
同じ写真をdesktopとmobileで再構成する
見るポイント
desktopの横長cropをそのまま縮小せず、mobileでは主題とtextの競合を避ける別cropを作る。重要な人物やproductが端で切れないか確認する。
editorial thumbnail
背景情報を残す量を比較する
見るポイント
tight cropとwide cropを並べ、主題の強調とcontextの伝達がどう変わるかを見る。背景を消すこと自体を改善としない。
注意
誤解しやすい点
- croppingを画像サイズ変更と同じ操作として扱う。
- 主役へ寄るほど良いcropになると考え、contextや方向性を失う。
- desktop用cropを全viewportへ使い回し、狭幅で主題やcopy spaceが崩れる。
関連
関連する概念
出典