Design Technology and Spatial Representation Study Guide
Digital Design Tools and Software
Adobe Illustrator
Vector-based graphics editing software utilized for producing scalable artwork, technical diagrams, orthographic line drawings, diagrams, logos, and layout graphics.
Operates on mathematical paths (points, lines, curves) ensuring image clarity regardless of magnification or output scale.
Adobe Photoshop
Raster-based (pixel-based) image processing software used for editing digital photos, rendering material textures, digital collaging, atmosphere creation, and visual post-processing of spatial representations.
Relies on pixel grids where resolution is determined by pixels per inch (PPI) or dots per inch (DPI).
Adobe InDesign
Desktop publishing and page-layout software designed for combining text, vector graphics, and raster images across single or multi-page formats.
Utilized for compiling portfolios, design presentation boards, multi-page publication layouts, typesetting, grid alignment, and master page organization.
Fundamental Design Elements
Point
A primary graphic element indicating a precise location or position in space.
Conceptually dimensionless, possessing no length, width, or depth.
Serves as the static center of a visual field, generating tension or focus when placed within a frame.
Line
An extended point possessing length, direction, and position, but lacking depth or width.
Forms boundaries, defines spatial edges, establishes contours, creates visual weight, connects disparate elements, and conveys direction or movement.
Plane
An extended line possessing length and width, but lacking depth.
Possesses surface properties, orientation, position, and shape.
Defines three-dimensional spatial boundaries, floors, walls, and ceiling planes.
Volume
An extended plane possessing length, width, and depth.
Defines three-dimensional space occupied or enclosed by boundaries.
Consists of surfaces, planes, orientation, mass, and internal spatial void.
Primary Shapes and Primary Forms
Primary Shapes
Two-dimensional geometric boundaries composed of distinct lines and visual contours.
Circle: A self-contained, concentrated planar shape generated by a continuous line equidistant from a central point.
Triangle: A three-sided planar shape denoting stability when resting on a base, or directional dynamic tension when resting on a vertex.
Square: A four-sided planar shape with right angles and equal side lengths, representing balance, clarity, and static formal equilibrium.
Primary Forms
Three-dimensional volumetric configurations generated by extending or revolving primary planar shapes through space.
Sphere: Formed by revolving a circle around its diameter; completely symmetrical and highly self-contained.
Cylinder: Formed by extending a circle along a central axis or revolving a rectangle around an edge.
Cone: Formed by revolving a right-angled triangle around its vertical axis; possesses a circular base tapering to a point.
Pyramid: Formed by polygonal base planes connected by triangular faces meeting at a common apex.
Cube: Formed by extending a square along an axis perpendicular to its plane; equal in depth, width, and height.
Lineweights and Graphic Conventions
Lineweight System
The controlled variation of line thickness across a graphic or orthographic drawing.
Establishes visual hierarchy, projects spatial depth, differentiates elements cut in section from background elements, and conveys drawing clarity.
Lineweight Categories
Heavy / Thick Lines: Applied to cut lines, section cuts, profile edges, outer boundaries, and structural elements closest to the viewer plane.
Medium Lines: Applied to visible primary contours, object edges, interior room features, and visible material edges.
Light / Thin Lines: Applied to surface textures, hatching, dimension lines, extension lines, layout grid lines, sightlines, and background elements.
Solar Geometry and Light Behavior
Summer versus Winter Light
Solar angle and position vary across seasons due to the tilt of Earth's rotational axis relative to its orbital plane (23.5^\boxslash tilt).
Summer Light: Characterized by high solar altitude angles, short dramatic shadows, and high-intensity direct radiation. The sun rises north of east and sets north of west in the Northern Hemisphere. Architectural shading requires horizontal overhangs.
Winter Light: Characterized by low solar altitude angles, long shallow shadows, and deep interior light penetration. The sun rises south of east and sets south of west in the Northern Hemisphere. Facilitates passive solar gain.
Sun Path
The continuous seasonal trajectory and diurnal path of the sun across the sky dome.
Defined by two primary coordinates: Azimuth (horizontal compass angle measured from North) and Altitude (vertical angle measured above the horizon line).
Sunpath on a Site Plan
A graphic projection overlaid onto site plans to analyze solar exposure, seasonal shadows, microclimatic thermal impacts, and passive solar design opportunities.
Illustrates shadow trajectories for critical seasonal dates: Summer Solstice (maximum solar altitude), Winter Solstice (minimum solar altitude), and Spring/Autumn Equinoxes.
Mental Processes and Functions of Drawing
Drawing Matrix: Seeing, Imagining, Representing
Seeing: Analytical perception, observation, and critical examination of existing spatial environments, forms, textures, light, and proportions.
Imagining: Internal visual processing, mental spatial manipulation, ideation, memory recall, and conceptual creation.
Representing: External translation and graphic transcription of physical realities or imagined spatial ideas onto a medium.
Reasons for Drawing
Analytical investigation of spatial conditions.
Exploration and conceptual generation during the design process.
Documentation and record-keeping of physical phenomena.
Communication of complex structural, material, or spatial ideas to external audiences.
Evaluation of visual hierarchy, proportion, scale, and composition.
Line Functions in Graphic Composition
Link
Using lines to establish visual connection, structural continuity, alignment, or functional ties between separated points or spatial elements.
Shape
Using lines to enclose a continuous two-dimensional boundary, defining a recognizable figure separated from its background.
Surface
Utilizing repetitive or dense linear arrangements (hatching, cross-hatching, stippling) to project visual texture, material character, value shading, plane directionality, and spatial depth.
Form, Space, and Visual Perception Systems
Shape versus Form
Shape: The specific characteristic outline or planar boundary configuration of a two-dimensional visual figure.
Form: The three-dimensional structure of a spatial volume, incorporating surface planes, internal space, physical or visual mass, length, width, and depth.
Form and Space Dualities
Solid / Void: The structural interplay between dense physical matter (solid) and carved, open, or unoccupied spatial volume (void).
Positive / Negative: Positive space refers to active, tangible physical objects or shapes; negative space refers to the unoccupied atmospheric area surrounding or defined within positive elements.
Figure / Ground: Perceptual system where an element (figure) stands out clearly against its surrounding context or backdrop (ground). In urban terms, mass forms the figure against the ground of the open city space, or open space forms the figure defined by building masses.
Urban Mapping Conventions and the Nolli Map
Nolli Map
An urban mapping technique developed by Giambattista Nolli in his 1748 plan of Rome.
Utilizes a modified figure-ground convention: private enclosed building masses are rendered as solid black figures, while all public accessible spaces—including streets, outdoor plazas, public courtyards, and open public building interiors (such as public basilicas)—are rendered as continuous white voids.
Highlights the civic public realm as a seamless spatial volume continuous across exterior and interior boundaries.
Physical Properties and Dimensional Progression of Form
Four Characteristics of Form
Shape: The primary characteristic configuration of the contours defining a form's surface and edges.
Size: The absolute and relative physical dimensions of length, width, and height, establishing visual scale relative to the human body.
Color: The visual attribute defined by hue, saturation, and value that modifies perceptual weight, depth, and distance.
Texture: The tactile and visual quality of a surface plane that alters light reflection, shadows, and sensory material response.
Dimensional Progression
Line / Linear: One-dimensional spatial emphasis where length dominates width and depth.
Plane / Planar: Two-dimensional spatial expanse where length and width dominate depth, defining surface expanse.
Volume / Volumetric: Three-dimensional spatial condition possessing length, width, and depth, enclosing internal spatial volume.
Ma (Japanese Spatial Concept)
A foundational concept in traditional Japanese design denoting the void, spatial interval, pause, or negative space between objects, elements, or time events.
Recognizes empty space not as absence, but as an active structural element that gives definition, meaning, and harmony to surrounding solid forms.
Typologies and Characteristics of Lighting
Three Types of Artificial Light
Ambient: Uniform background illumination providing comfortable, general light levels throughout an environment to ensure basic orientation and sight.
Task: Directed, high-intensity functional lighting focused on specific localized work surfaces (e.g., desks, reading surfaces, counters).
Accent: High-contrast directional lighting applied to draw immediate visual focus to specific architectural features, artistic objects, textures, or spatial elements.
Three Modes of Light Distribution
Direct: Unobstructed line-of-sight illumination travelling straight from light source to target surface, producing sharp shadow edges and intense visual contrast.
Indirect: Illumination reflected off intermediate plane surfaces (such as walls or ceilings) prior to reaching an area, generating soft, glare-free visual lighting.
Diffuse: Scattered light passing through a translucent medium or atmospheric element, distributing light uniformly across space while minimizing distinct shadows.
Color Temperature
A numerical scale measured in Kelvin () describing the visual warmness or coolness of a light source.
Warm Light: Lower thermal spectrum values ranging from , characterized by amber, yellow, and red wavelengths.
Neutral Light: Intermediate values ranging from , producing balanced white light suitable for working environments.
Cool Light: High thermal spectrum values ranging from or higher, dominated by blue wavelengths matching daylight conditions.
Daylight versus Artificial Light
Daylight: Dynamic, natural lighting continuously shifting in intensity, color temperature, directionality, and shadow length throughout the day and year; deeply connected to human circadian rhythms.
Artificial Light: Static, electronically generated illumination providing controllable, constant, customizable, and predictable lighting regardless of diurnal solar conditions.
Visual Depth and Perspective Systems
Perspective Components
Horizon Line: Horizontal baseline representing the eye-level position of the observer relative to the ground plane.
Vanishing Point: A point situated on the horizon line where parallel receding lines appear to converge due to spatial depth projection.
Vanishing Lines: Receding perspective guidelines (orthogonals) connecting object vertices back to vanishing points on the horizon line.
Perspective Typologies
One-Point Perspective: Projection system containing a single principal vanishing point on the horizon line; occurs when one set of object axes remains parallel to the picture plane, maintaining true scale and shape for front faces.
Two-Point Perspective: Projection system containing two separate vanishing points on the horizon line; occurs when object axes are oriented obliquely relative to the picture plane, producing two receding sides.
Chiaroscuro
An artistic and architectural drawing technique employing high contrast between areas of light and dark.
Models form, volume, spatial depth, and surface relief on two-dimensional planes through dramatic shading transitions.
Theoretical Principles and Projection Drawings
Vitruvius and Classical Principles
Marcus Vitruvius Pollio was a Roman architect and engineer who authored De Architectura (Ten Books on Architecture).
Defined the three fundamental criteria of structural architecture:
Firmitas: Durability, structural stability, physical strength, and longevity.
Utilitas: Functional utility, commodity, spatial efficiency, and usability.
Venustas: Aesthetic beauty, visual delight, harmonious proportion, and grace.
Orthographic Drawings
A two-dimensional parallel projection system representing three-dimensional architectural objects accurately without perspective distortion or foreshortening.
Plan: A horizontal orthographic cut view taken at a specific elevation height (typically or above the floor plane), revealing internal wall configurations, door locations, and spatial circulation.
Section: A vertical orthographic cut view passing through an entire building, illustrating interior spatial volumes, structural assemblies, material thicknesses, ceiling heights, and vertical relationships.
Elevation: An exterior or interior vertical orthographic view projected parallel to a building face, showing surface materials, door/window positions, and overall heights without cutting through structural walls.
Cut Line
The primary line representing the imaginary plane slicing through solid architectural elements (walls, structural frames, floor plates) in plan or section drawings.
Delineated using the heaviest lineweight in the drawing hierarchy to define the boundary between solid material and spatial volume.
Spatial Operations, Configurations, and Ordering
Additive versus Subtractive Form
Additive Form: Spatial volumetric composition created through the aggregation, stacking, joining, or attachment of distinct geometric forms.
Subtractive Form: Spatial volumetric composition created through the carving away, extraction, or removal of portions from an initial solid mass volume.
Rooms with Voids
Enclosed spaces incorporating carved-out vertical openings, multi-story volumes, or central light shafts.
Enhances cross-spatial sightlines, introduces overhead daylighting into lower levels, and connects different floor plates vertically.
Contrast
The strategic juxtaposition of opposing formal traits (such as light and dark, smooth and rough, mass and void, high and low, dynamic and static) to generate visual interest, highlight key features, and establish visual emphasis.
Organizational Strategies
Linear: Spaces arranged sequentially along an extended path, axis, or circulation route.
Grid: Spaces organized within a two-dimensional or three-dimensional structural modular frame or coordinate system.
Radial: Central dominant space from which linear spatial paths or wings extend outwards.
Clustered: Spaces grouped together based on functional proximity, shared geometric traits, or physical adjacency.
Centralized: Dominant central space surrounded by a grouping of secondary attached spaces.
Ordering Principles
Axis: A central line established by two points in space, around which formal or spatial elements are organized in a symmetrical or balanced layout.
Symmetry: The balanced distribution and equivalent arrangement of duplicate spatial forms or features on opposite sides of a dividing axis line or central point.
Hierarchy: Articulation of the importance, dominance, or significance of a form or space relative to surrounding elements through variations in size, shape, or placement.
Rhythm / Repetition: Unifying spatial organization generated by the recurring layout of identical or similar structural elements, modules, or shapes at organized intervals.
Datum: A primary line, plane, or volume to which all other secondary spatial components align, gather, or relate, providing structural unification across a design.
Transformation: The systematic manipulation or alteration of an initial primary architectural model or prototypical shape through geometric operations to adapt to specific functional or environmental context.
Inter-Spatial Relationships
Function: Relationships established based on common operational requirements, user activities, and programmatic connectivity.
Proximity: Relationships generated by physical closeness, direct contact, or shared bounding planes between spaces.
Path of Movement: Relationships created by primary circulation paths, physical user movement, visual axes, and movement patterns through built volumes.
Methods of Establishing Hierarchy
Hierarchy by Size: Making a space or form significantly larger or smaller than all surrounding context to indicate exceptional priority.
Hierarchy by Shape: Utilizing a unique, contrasting, or distinct geometric shape that sets an element apart from surrounding standard shapes.
Hierarchy by Location: Positioning a form or space at key focal locations, such as terminating a primary axis, occupying the exact center, or sitting at a high elevation.
Order
The underlying structural logic, systemic clarity, visual coherence, and harmonious arrangement of individual architectural components into an integrated spatial composition.