12.4 Product Design and Development: Design Communication

Foundations of Design Communication

• Objectives:

  • Explain and demonstrate a wide range of communication and presentation techniques for conveying proposals and design intentions to others.

• Starter Concepts and Core Questions:

  • What is Design Communication?: Design communication is the structural, functional, visual, and spatial transmission of design ideas, technical parameters, and proposals to varied audiences.

  • Methods of Conveying Design Intentions: Intentions are communicated through visual shorthand, $2\text{D}$ and $3\text{D}$ sketching, rendered presentation drawings, mathematical/dimensional modeling, and standardized technical drawings.

  • Advantages of Visuals over Spoken/Written Words:

  • Visual representations transcend linguistic barriers and transmit high-density information almost instantaneously.

  • The adage "a picture speaks a thousand words" highlights that complex three-dimensional forms, spatial relationships, ergonomics, and aesthetic nuances are transferred far more efficiently and unambiguously through visual media than through lengthy descriptive text or oral explanations.

Visual Tools for Clear Communication

• Simplifying Complex Information:

  • Whether created manually by hand or generated using Computer-Aided Design (CAD) software, designers utilize specific visual tools to condense intricate product data into an easily digestible visual shorthand.

• Components of Visual Shorthand:

  • Colors and Textures: Communicate surface finishes, material characteristics, operational heat cues, tactile qualities, and safety indicators.

  • Pictograms and Symbols: Universal graphic icons (such as road works or safety warnings) that convey standardized instructions or warnings instantly without reliance on text.

  • Images, Shapes, and Emojis: Provide immediate contextual clarity, denote abstract concepts, and evoke intuitive emotional responses.

  • Words and Fonts: Use typographic styling and textual hierarchy to complement graphics with precise contextual labels and specifications.

• Decoding Visual Shorthand:

  • These visual tools constitute a universal visual language that clients, engineers, and consumers can rapidly decode.

Presenting Ideas and Intentions

• Versatility in Communication Techniques:

  • Designers must master diverse media to articulate concepts across different project stages:

  • $2\text{D}$ and $3\text{D}$ freehand and structured sketches.

  • Mixed media rendering techniques.

  • Technical drawings, dimensions, and tolerances.

• Target Audience Differentiation (Client vs. Manufacturer):

  • Communication strategies differ fundamentally based on whether the recipient is a client or a manufacturer:

  • Clients: Require form-focused, aesthetically rich representations showing real-world contextual appearance, color variants, and stylistic qualities. High-impact $3\text{D}$ renderings, perspective views, and polished presentation drawings are most effective.

  • Manufacturers: Require precise, standardized visual data detailing exact geometric features, internal mechanics, assembly order, materials, and dimensional tolerances. Standardized $2\text{D}$ orthographic views, section drawings, exploded diagrams, and explicit dimensions are required.

Communicating Data vs. Communicating Ideas

• Distinct Communication Priorities:

  • Conveying raw quantitative data and expressing creative initial concepts require opposing visual strategies and priorities.

• Priorities when Visualizing Data:

  • Clarity and Precision: Absolute avoidance of ambiguity or graphical distortion.

  • Accuracy: Exact proportional scale, uncorrupted data points, legible axes, and unambiguous legends.

  • Efficiency: Enabling immediate, precise numerical and functional evaluation.

• Aims when Communicating Initial Ideas:

  • Focuses on creative exploration, rapid ideation, conceptual flexibility, and capturing raw form and function without being restricted by precise dimensions.

• Development Sketches vs. Final Presentation Drawings:

  • Development Sketches: Used internally by designers during iterative problem-solving to explore alternative geometries, troubleshoot mechanisms, and evaluate component fit.

  • Final Presentation Drawings: Fully rendered, polished visuals designed to pitch final proposals to commercial clients, marketing teams, or prospective investors.

2D and 3D Sketching Techniques

• 3D Drawing Capabilities:

  • Best suited for representing the realistic volume, aesthetic proportions, surface depth, and tactile feel of an object.

  • Helps non-technical stakeholders visualize how a product exists in physical space.

• 2D Drawing Capabilities:

  • Used to detail flat profiles, exact geometric outlines, linear dimensions, mechanical links, and electrical circuit schematics.

  • Forms the foundation for manufacturing specifications and working drawings.

3D Graphical Projection Styles

• Core Graphical Projection Styles:

  • Graphical projection and perspective techniques map three-dimensional spatial objects onto two-dimensional media.

  • Three principal $3\text{D}$ drawing styles:

  1. Oblique projection

  2. Isometric projection

  3. Perspective drawing

Oblique Projection

• Technique Characteristics:

  • A simplified $3\text{D}$ sketching technique widely used during preliminary ideation.

  • The front elevation face of the object is drawn square on in $2\text{D}$.

  • Receding depth lines project backward at a fixed angle, typically $45^\circ$ to the horizontal baseline.

• Limitations and Problems:

  • Unrealistically distorts object depth and rear proportions, making objects appear elongated.

  • Fails to emulate the natural depth compression of human visual perception.

Isometric Projection

• Technique Characteristics:

  • A standardized metric $3\text{D}$ projection method built upon a structured geometric framework.

• Geometric Rules:

  • All horizontal receding axes project outwards at an angle of $30^\circ$ relative to the horizontal baseline from the nearest front corner.

  • Vertical edges remain strictly vertical ($90^\circ$).

  • Parallel object lines remain strictly parallel throughout the drawing.

• Key Advantage:

  • True-scale measurements can be measured and drawn directly along the isometric axes without scale reduction, providing a three-dimensional visual alongside dimensional accuracy.

Perspective Drawing Methods

• Principles of Perspective:

  • Emulates human eye optics and realistic spatial perception: parallel edges appear to converge toward distant vanishing points, and object scale diminishes with distance.

• One-Point Perspective:

  • Structure: Utilizes a single vanishing point located on a horizontal horizon line. The front face of the object is oriented parallel to the picture plane ($2\text{D}$ profile face), with all receding depth lines converging to the single vanishing point.

  • Applications: Common for rapid notebook sketches, architectural interiors, and linear corridor/rail views; limited application for complex product designs due to lateral distortion.

• Two-Point Perspective:

  • Structure: Uses two distinct vanishing points located on the horizon line (Vanishing Point 1 and Vanishing Point 2).

  • Visual Effect: Receding lines converge toward left and right vanishing points, simulating the natural view of an object seen edge-on.

  • Execution: The main structural boundary box is established using a ruler, after which freehand sketching is applied to add rounded edges, fillets, and detailed surface components.

  • Realism: Offers significantly greater visual realism than oblique or isometric projections because receding lines diminish in scale naturally.

• Three-Point Perspective:

  • Structure: Features three vanishing points: Vanishing Point 1 and Vanishing Point 2 on the horizon line, plus Vanishing Point 3 positioned either far above or far below the object line.

  • Geometric Rules: Vertical construction lines are not parallel; they converge toward Vanishing Point 3.

  • Distortion and Visual Impact: Placing Vanishing Point 3 close to the drawing center produces strong perspective convergence, creating dramatic forced-perspective viewpoints (e.g., looking up at tall structures or down from high elevation).

  • Applications: Ideal for dynamic compositions, high-impact product concepts, and architectural visualizations.

Mixed Media, Rendering, and Presentation Drawings

• Enhancing Visual Depth:

  • Drawings are embellished with color, tonal shading, highlights, and cast shadows to illustrate volume, surface textures, and specific material finishes (such as metals, polymers, wood, or glass).

• Traditional Mixed Media Techniques:

  • Combines multiple drawing tools including fine-liner pens, graphite pencils, spirit-based alcohol markers, chalk pastels, and watercolors.

  • Spirit-Based Markers: The traditional industrial design standard for layering streak-free tonal gradients, blending shades, and rendering realistic highlights and shadows.

• CAD and Digital Rendering:

  • Modern CAD packages replicate marker and paint rendering digitally, allowing instant modification of color palettes, lighting setups, and surface textures without needing manual re-sketches.

• Purpose of Presentation Drawings:

  • Presentation drawings bring conceptual ideas to life for clients and non-technical stakeholders, providing realistic representations for commercial evaluation.

Technical Drawings and Dimensions

• Role of Working Drawings:

  • Once design concepts are chosen, exact specifications must be transferred to manufacturing engineers.

  • Technical (working) drawings communicate unambiguous practical details required to fabricate components accurately.

• 3rd Angle Orthographic Projection:

  • Standardized multi-view layout incorporating three aligned $2\text{D}$ orthographic views:

  1. Plan View: Top-down view.

  2. Front Elevation: Primary front-facing view.

  3. Side Elevation: Direct lateral side view.

  • Dimensional Callouts: Dimension lines quantify key parameters (e.g., overall length $175\,\text{mm}$, height $70\,\text{mm}$, depth $95\,\text{mm}$, speaker grille diameter $\varnothing 65\,\text{mm}$, control dial diameter $\varnothing 40\,\text{mm}$).

  • 3rd Angle Symbol: Uses the standardized Third Angle Projection symbol (a truncated cone aligned with concentric circles) to specify the view layout orientation.

• Standardized Drawing Conventions and Line Styles:

  • Solid Lines: Represent visible outlines and physical edges.

  • Dashed Lines: Represent hidden internal detail or obscured features behind solid faces.

  • Chain-Dashed Center Lines: Mark centerlines of symmetry, circular bores, and turning axes.

• Datum Points and Tolerances:

  • Datum Points: Fixed reference points, baselines, or centerlines from which multiple dimensional measurements originate, preventing cumulative measurement errors (tolerance stack-up).

  • Quantitative Callouts: Feature specific radial dimensions (e.g., $R1$, $R3$), angular chamfers (e.g., $30^\circ$, $60^\circ$), diameters (e.g., $\varnothing 18\,\text{mm}$, $\varnothing 34 \pm 0.1\,\text{mm}$), and linear step lengths (e.g., $95_{-0.2}\,\text{mm}$, $115\,\text{mm}$, $320\,\text{mm}$).

• Drawing to Scale:

  • Working drawings are produced to precise linear scales (e.g., $1:1$, $1:5$, $1:50$, $1:100$).

  • Drawing to scale allows large structures or small components to fit on standardized paper sizes while maintaining exact proportional relationships.

Sectional Drawings and Exploded Views

• Sectional Drawings:

  • Sectional drawings slice through an object along a cut plane to expose internal geometry, assembly arrangements, and wall thicknesses normally hidden from view.

  • Can be drawn as standalone $2\text{D}$ section profiles or integrated into $3\text{D}$ cutaway views.

  • Conventions:

  • Diagonal Hatch Lines (Hatching): Indicate solid material cut by the section plane.

  • Dashed Lines: Display hidden features positioned behind the cutting plane.

  • Applications: Essential for communicating internal component fit to manufacturers, and useful for demonstrating engineering features to clients.

• Exploded View Drawings:

  • Illustrate multi-component product assembly by separating individual parts along primary assembly axes while maintaining their aligned orientation.

  • Centerlines trace insertion paths and assembly sequences.

  • Applications: Widely used in flat-pack furniture assembly instructions (e.g., IKEA manuals), model kit guides, maintenance manuals, and production lines.

Manufacturing Implications and Quality Control

• Bridging Concept to Reality:

  • Technical drawings serve as the legal and practical contract between design and manufacturing.

  • Allow accurate calculation of raw material quantities and manufacturing costs.

  • Verify component clearance and dynamic mechanical interaction.

  • Ensure production tooling and automated machinery (such as CNC machines or injection molding dies) are configured within strict tolerances to output safe, high-quality, fit-for-purpose products.

Questions & Discussion

• Plenary Drawing Method Selection Scenarios:

  • Scenario 1: Layout of seating for a new restaurant:

  • Recommended Drawing Method: $2\text{D}$ scaled architectural plan view (floor plan). Enables exact floor space management, customer movement analysis, table density planning, and code compliance.

  • Scenario 2: Internal structure of an engine part:

  • Recommended Drawing Method: $2\text{D}$ or $3\text{D}$ sectional drawing (cutaway view) with diagonal section hatching. Reveals internal fluid galleries, cylinder wall thicknesses, bore geometries, and internal component interfaces.

  • Scenario 3: Final design to pitch to potential investors:

  • Recommended Drawing Method: Fully rendered $3\text{D}$ presentation drawing (using two-point or three-point perspective, produced via digital CAD rendering or marker mixed media). Showcases material textures, color variants, highlights, and aesthetic form to create maximum persuasive visual impact.

  • Scenario 4: Explain a design to a manufacturer for injection moulding:

  • Recommended Drawing Method: $3\text{D}$ orthographic projection drawing combined with sectional views, featuring complete dimensions, datum points, draft angle callouts, wall thickness parameters, and precise geometric tolerances (e.g., $\pm 0.1\,\text{mm}$).

• Worksheet Tasks Summary:

  • Worksheet Task 1: Introductory exercise identifying visual shorthand, symbols, and pictograms.

  • Worksheet Task 2: Practical drafting exercise applying orthographic view alignment, datum points, and dimensioning standards.

  • Worksheet Task 3: Comparative evaluation exercise analyzing selected drawing methods for client presentations versus manufacturing instruction sets.