Image-Text Mixing and Visual Optimization
10 min read Chapter 9
Master image insertion, wrapping methods, SmartArt, and chart usage techniques.
Key Takeaways
- Understand what typesetting is and why you need to learn it
- Master page setup, margins, headers and footers
- Learn to use fonts, font sizes, and character formatting correctly
- Build a style system for efficient formatting workflow
- Use styles to automatically generate table of contents
- Master paragraph formatting, table layout, and image-text mixing
- Handle common typesetting issues in practice
Documents need not only good text layout but also harmonious integration with images.
9.1 Image Insertion and Wrapping Methods
Inserting Images
- “Insert” → “Picture” → Select local picture
- Click Insert
Five Text Wrapping Methods
| Wrap Style | Feature | Use Case |
|---|---|---|
| In Line | Image aligned with text | Academic papers, technical docs |
| Square | Text wraps around image | Marketing reports, press releases |
| Tight | Text hugs image boundaries | Special layout needs |
| Behind Text | Image as background decoration | Logo watermarks, decorative elements |
| In Front of Text | Image overlays text | Emphasis, special effects |
Operation
- Click image
- “Picture Tools” → “Format” → “Wrap Text” → Select style
Setting Position and Size
- Right-click image → “Layout”
- Select “Advanced Layout”
- Set position and size
9.2 Image Enhancement
Cropping
- Click image → “Picture Tools” → “Format”
- “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
- Right-click image → “Format Picture”
- “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
- “Insert” → “SmartArt”
- Select chart type
- Double-click text boxes to enter content
- Right-click to change colors and styles
9.4 Charts and Data Visualization
Inserting Charts
- “Insert” → “Chart”
- Select chart type (column, line, pie, etc.)
- Double-click to edit data (opens Excel window)
- Enter data and close, chart auto-updates
Common Chart Types and Uses
| Chart Type | Use | Example |
|---|---|---|
| Column Chart | Compare values across categories | Sales comparison by department |
| Line Chart | Show trends over time | Stock price trends, growth curves |
| Pie Chart | Show proportions or percentages | Market share distribution, budget allocation |
| Area Chart | Emphasize magnitude of value changes | Sales and cost growth |
| Scatter Plot | Show correlations | Ad spend vs. sales relationship |
Chart Formatting
- Right-click chart → “Edit Data”: Modify data source
- Right-click chart → “Format Chart Area”: Modify style, colors, fonts
- Right-click axis → “Format Axis”: Adjust scale, display range