Image-Text Mixing and Visual Optimization

10 min read Chapter 9

Master image insertion, wrapping methods, SmartArt, and chart usage techniques.

Documents need not only good text layout but also harmonious integration with images.

9.1 Image Insertion and Wrapping Methods

Inserting Images

  1. “Insert” → “Picture” → Select local picture
  2. Click Insert

Five Text Wrapping Methods

Wrap StyleFeatureUse Case
In LineImage aligned with textAcademic papers, technical docs
SquareText wraps around imageMarketing reports, press releases
TightText hugs image boundariesSpecial layout needs
Behind TextImage as background decorationLogo watermarks, decorative elements
In Front of TextImage overlays textEmphasis, special effects

Operation

  1. Click image
  2. “Picture Tools” → “Format” → “Wrap Text” → Select style

Setting Position and Size

  1. Right-click image → “Layout”
  2. Select “Advanced Layout”
  3. Set position and size

9.2 Image Enhancement

Cropping

  1. Click image → “Picture Tools” → “Format”
  2. “Crop” → Drag boundaries to crop

Adjusting Appearance

  • Brightness/Contrast: Picture Tools → Format → “Corrections”
  • Color: Picture Tools → Format → “Color”
  • Effects: Picture Tools → Format → “Effects” (shadows, reflections)

Adding Borders

  1. Right-click image → “Format Picture”
  2. “Line” → Select color and width

9.3 SmartArt and Flowcharts

SmartArt is a graphic library provided by Word/WPS with various preset chart types.

Common SmartArt Types

  • Process Chart: Show sequential steps
  • Hierarchy Chart: Show organizational structure
  • Matrix Chart: Show four-quadrant analysis
  • Cycle Chart: Show cyclical relationships

Creating SmartArt

  1. “Insert” → “SmartArt”
  2. Select chart type
  3. Double-click text boxes to enter content
  4. Right-click to change colors and styles

9.4 Charts and Data Visualization

Inserting Charts

  1. “Insert” → “Chart”
  2. Select chart type (column, line, pie, etc.)
  3. Double-click to edit data (opens Excel window)
  4. Enter data and close, chart auto-updates

Common Chart Types and Uses

Chart TypeUseExample
Column ChartCompare values across categoriesSales comparison by department
Line ChartShow trends over timeStock price trends, growth curves
Pie ChartShow proportions or percentagesMarket share distribution, budget allocation
Area ChartEmphasize magnitude of value changesSales and cost growth
Scatter PlotShow correlationsAd spend vs. sales relationship

Chart Formatting

  1. Right-click chart → “Edit Data”: Modify data source
  2. Right-click chart → “Format Chart Area”: Modify style, colors, fonts
  3. Right-click axis → “Format Axis”: Adjust scale, display range

Next: Chapter 10: Practical Typesetting Case Studies