UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Visual Foundations

Media Crop Intent

Media Crop Intent turns a frequent interface judgment into an executable constraint before generation.

mediacropassets

Design Principle

Images are information objects, not texture; bad cropping harms trust and understanding.

Principle Images are information objects, not texture; bad cropping harms trust and understanding.

Design action Set explicit aspect-ratio and object-position; preserve the subject in product, people, and screenshot media, changing layout rather than forcing a bad crop.

Examples Positive example: Product photos, people images, scene photos, case screenshots, and portfolio media need subject inspection. Counterexample: Faces or product subjects are cropped out.

Apply when Product photos, people images, scene photos, case screenshots, and portfolio media need subject inspection. Users need to judge state, scope, risk, or next action quickly.

Source notes Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems.

Agent Directive

Set explicit aspect-ratio and object-position; preserve the subject in product, people, and screenshot media, changing layout rather than forcing a bad crop.

Apply When

  • Product photos, people images, scene photos, case screenshots, and portfolio media need subject inspection.
  • Users need to judge state, scope, risk, or next action quickly.

Avoid

  • Faces or product subjects are cropped out.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

Category
Visual Foundations
Quality
84%
Version
v1
Published
6/6/2026