International Typographic Style, Design Principles, and Graphic Execution Guidelines

International Typographic Style and Graphic Design Foundations

• Historical Transition in Design Pedagogy:

  • Hand drafting was historically taught as an intensive secondary studio course.
  • The prior curriculum structure was overly lengthy and created extreme academic pressure for students.
  • Pre-pandemic curricular evaluations identified critical gaps in junior internship portfolio deliverables and graduating senior presentations.
  • Excessive instructional time was historically devoted to presentation appearance rather than presentation content, leading to redundant graphic weaknesses that failed to elevate portfolios to match the quality of the spatial design content.

• Graphic Standards in Professional Practice:

  • While spatial designers are not professional graphic designers, spatial and visual documentation must look intentional and professionally designed.
  • Presentation methodology carries nearly equal importance to the presentation content itself.
  • All produced documentation, portfolios, posters, and academic projects must align with the graphic language of the professional design community.

• Core Tenets of International Typographic Style:

  • Historically originated as the Swiss Style, rooted in Russia during the $1920\text{s}$ with subsequent development in Switzerland.
  • Represents an integral part of the broader Modernist Movement in design history.
  • Defined by four mandatory structural and typographic criteria:
  1. Grid System: Strict reliance on an underlying structural grid layout.
  2. Sans Serif Typography: Prioritizing clean sans serif typefaces over serif fonts.
     • Serif Definition: Typefaces containing decorative extensions, elongated terminal strokes, or extra visual pieces at letterform ends (e.g., decorative strokes at the bottom of an 'f' or 'i', or top of an 'r'). Times New Roman is a serif font.
     • Sans Serif Definition: Meaning "without serif" ("sans" meaning none or without); typefaces completely free of decorative terminal strokes. Decorative fonts such as Papyrus are explicitly excluded from professional design standard lists.
  3. Flush-Left Alignment: Text must be strictly left-justified with a ragged right margin. Full column justification across both left and right margins (commonly seen in traditional newspapers) is prohibited.
  4. Text Hierarchy as Design: Text arrangement functions as an active design feature. Incorporating typographic hierarchy—through variations in font size, uppercase or all-caps formatting, bold weights, selective color, and deliberate information grouping—enables rapid visual digestion of content.

Elements of Design

• Definition and Function:

  • Elements are the foundational bits, pieces, and visual building blocks used to construct meaningful visual and spatial compositions.
  • Interpretation of elements is filtered through personal lived experiences, age, geographic origins, and cultural background.

• Symbolic Meaning in Design:

  • Every single element placed within a design project inherently conveys explicit or implicit meaning.
  • Cultural and Historical Context: Colors carry extensive historical baggage and cultural associations. For example, the color red carries significant historical baggage and must be used with deliberate evaluation.

• Composition and Visual Code:

  • Composition is the deliberate arrangement of design elements to communicate a specific message or narrative.
  • Studio compositions (e.g., arranging floor plans, elevations, interior renderings, and finish samples on poster boards) require careful judgment regarding hierarchy, board spatial limits, and visual balance.
  • Design elements and compositions create a visual code processed through shared cultural experiences, such as reading directional patterns (e.g., left-to-right reading order in Latin-based languages).

• Historical Style and Repurposing:

  • Stylistic periods define specific historical eras or design philosophies.
  • Repurposing historical styles into contemporary contexts generates new, original meaning while remaining rooted in historical foundations.

• Five Core Elements of Interior Design:

  1. Line: The path of a moving point. Functionally delineates spatial boundaries, room geometry, visual forms, and volumetric shapes ($3\text{-D}$ objects).
  2. Shape: Two-dimensional visual outlines and boundary definitions.
  3. Space: Physical spatial dimensions or voids created by the removal of structural mass.
  4. Color (Chroma): The technical, formal textbook term for color is chroma.
  5. Texture: Encompasses both tactile surface quality (physical touch) and visual texture.
  • Additional Recognized Elements: Value (a form's relative brightness or darkness) and Size.

Principles of Design

• Balance:

  • Refers to the distribution of visual weight across a layout.
  • Visual balance does not require symmetrical mirroring.
  • Modernist movements, including the International Typographic Style and the Bauhaus movement, deliberately reject symmetrical reflection in favor of dynamic asymmetry.

• Alignment (Datum):

  • The organization of visual forms along a continuous straight line or visual axis.
  • Frequently utilized in commercial architectural design as a datum to establish visual connections across space.

• Emphasis:

  • The strategic accentuation of key visual elements.
  • Preventing visual noise requires establishing visual priority rather than assigning equal visual importance to all items.

• Proportion:

  • The spatial scaling and dimensional relationships of objects and forms relative to one another (exemplified historically by systems such as the Golden Ratio).

• Movement:

  • The intentional guidance of the viewer's eye through a graphic composition or presentation poster layout.

• Pattern:

  • The orderly repetition of visual elements or content to construct structural coherence.

• Contrast:

  • Juxtaposition of opposing visual attributes (e.g., high/low value, scale, or texture) to highlight structural differences.

• Unity:

  • The harmonious synthesis of design elements and principles to achieve overall visual balance and cohesion within a composition.

• Interdisciplinary Narrative:

  • A shared design vocabulary is required to articulate ideas and establish narratives across multiple collaborating disciplines, including architecture, landscape architecture, lighting design, and graphic design.

Assignment Specifications: Coffee Preparation Graphic Guide

• Professional Context and Real-Time Problem Solving:

  • Hand sketching is a core professional skill required to solve spatial and visual problems dynamically during client meetings.
  • Case Study in Visual Communication Failure: A major design project for a rooftop restaurant involved an ownership group that included a former Major League Baseball player. The ownership member played for a team whose primary rival (the Chicago Cubs) used blue as its primary color. The design team presented an atmospheric, moody gray-blue color-drenched restaurant concept while wearing blue pants. The client rejected the design entirely due to the visual association with his rival team's color palette, ignoring the team's explanation that the moody blue tone was meant to highlight external city views.

• Submission Requirements and Guidelines:

  • Paper Size and Type:
  • Must use exactly one sheet of $11\text{ inch} \times 17\text{ inch}$ paper. Standard $8.5\text{ inch} \times 11\text{ inch}$ paper is prohibited.
  • Standard printer paper is properly designated as Bond paper (spelled with a lowercase 'b').
  • Quantity Constraint: Exactly one page, single-sided ($1$ side of $1$ sheet only). No multiple pages or reverse-side drawings permitted.
  • Allowed Media: Purely hand-drawn using pen, pencil, standard drawing tools, or watercolor. Digital drawing tools (e.g., iPads or tablets) are strictly forbidden.
  • Subject Matter and Narrative:
  • Must illustrate all step-by-step procedures required to prepare a basic cup of black coffee (hot or iced; no tea or modified beverage orders).
  • Conceptualized for an audience equivalent to a $10\text{-year-old}$ child with $5\text{th}\text{-grade}$ comprehension skills who has never prepared coffee (modeled after IKEA graphic assembly guides).
  • Must rely strictly on graphic visual communication. Text explanations are prohibited, though minimal arrows, numbers, or key labels are permitted only if the graphic remains self-explanatory.
  • Layout Aesthetics: The guide must double as a graphically pleasing composition employing effective spatial arrangement and visual hierarchy.

• Metadata, File Conventions, and Submission Protocols:

  • Bottom-Left Corner Information Block: Must explicitly contain student name, course title, and academic term. This information is required for CIDA (Council for Interior Design Accreditation) reviews, which require retaining $3\text{ years}$ of archived student work. The block can be formatted using Adobe InDesign or Adobe Illustrator.
  • Scanning Requirements:
  • Must be scanned using a physical flatbed scanner (found in campus computer labs). Mobile scanning applications (e.g., CamScanner) are strictly disallowed due to lower output quality.
  • File must be compiled as a true PDF, oriented right-side up.
  • File Naming Standard: Must strictly follow standardized departmental file naming conventions to cultivate professional file management practices.
  • Grading and Policy Rules:
  • Assignment value: $25\text{ points}$.
  • Late submissions (e.g., $10:01\text{ PM}$ for a $10:00\text{ PM}$ deadline) receive an immediate zero with no exceptions for internet or hardware failure.
  • Emailed submissions are strictly rejected under all circumstances.

Studio Space Protocols and Facility Resources

• Dedicated Studio Workspaces:

  • Assigned studio desks are reserved exclusively for individual student use throughout the semester.
  • Security Notice: Studio doors currently do not lock; high-value personal items should not be left unattended.
  • Facilities Alert: Facility repairs are underway for active roof leaks; all project work must be stored off desk surfaces to prevent water damage.

• Studio Flooring and Facility Preservation:

  • The studio carpet was recently donated by the local architecture and design community to replace a former workspace that lacked carpeting and suffered structural issues (such as falling beams and cabinets).
  • The carpet is expected to remain for $30\text{ years}$. Food and beverages must be handled with extreme care to prevent spills and preserve the workspace for future cohorts.
  • The renovated interior design spaces serve as showcased facilities for prospective students and visitors.

• Campus Computer Labs and Technology Fee Utilization:

  • Located in the $4\text{th}\text{ Floor}$ computer labs.
  • Funded by mandatory student technology fees paid each semester, which support campus internet, computer lab maintenance, and Adobe Creative Suite licenses installed on lab hardware and College of Design laptops.
  • Students are required to locate the $4\text{th}\text{ Floor}$ computer labs in advance to ensure familiarity before deadline emergencies occur.

Questions & Discussion

• Flatbed Scanner Locations:

  • Flatbed scanners are accessible in the $4\text{th}\text{ Floor}$ computer labs. Lab printers may feature scanning functions, but $11\text{ inch} \times 17\text{ inch}$ document scanning capabilities must be verified independently.

• Pre-Submission File Verification:

  • Teaching Assistants (Darren and Angela) advise students to double-check scanned PDF files prior to final Canvas upload to ensure correct file selection and prevent uploading incorrect or corrupted documents.