Compose two styles

Rather than blending two styles into a middle, this assigns them roles: one carries the structure, the other appears as an accent. Where the two fight, it says so before you start.

How to divide the work

Composition
Follow Circuit Diagram: Signal left to right, supply at the top, ground at the bottom
Type
Set in Circuit Diagram's manner (One symbol standard throughout, values and part numbers alongside), and let Flowchart's lettering (A question inside every diamond, a verb first sentence in rectangles) appear only where you want the eye to catch.
Material
Ground in Circuit Diagram's material (Junctions always shown by a dot, crossings passing straight); bring in exactly one thing from Flowchart (Each branch labeled with its answer, terminals only at both ends).
Colour
Build on #e9e6dd, #67635d, #171615 and admit one accent from #e9e6dd, #67635d, #171615.

Where they fight

  • Both belong to Diagrammatic Expression, so the difference is small. Push the roles further apart than feels comfortable.

Caution

  • Circuit Diagram Routing the drawing to match the physical board hides the flow of signal and throws away the abstraction that made the diagram useful.
  • Flowchart Mixing diamonds and rectangles without respecting their meanings erases the line between decision and process, and readers guess.

Image prompt

An original image that takes its structure from Circuit Diagram (Style, 1890s–) and its accent from Flowchart (Layout, 1921–). Structural cues: Standardized component symbols; Orthogonal wiring; Junction dots; Abstraction from physical layout. Accent cues, used sparingly: A grammar of shapes; The decision diamond; Arrows of flow; Start and end terminals. Composition: Signal left to right, supply at the top, ground at the bottom. Type and lettering: One symbol standard throughout, values and part numbers alongside. Let one material quality come from the second style: Each branch labeled with its answer, terminals only at both ends. Mood: Technology, Trust, Calm, Play. Color: build on #e9e6dd, #67635d, #171615 with a single accent drawn from #e9e6dd, #67635d, #171615. Constraints: do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. Produce an original composition in the general period languages described above.

Related entries

  • Circuit Diagram 1890s– / Style / Diagrammatic Expression

    An engineering language that draws circuits with standardized symbols and orthogonal lines. Discarding physical placement to record only connection, it arrived at a topological way of drawing well before the transit map did.

  • Flowchart 1921– / Layout / Diagrammatic Expression

    The Gilbreths invented this process diagram for work analysis. Its grammar of shapes gives a diamond to every decision and a rectangle to every process, and by way of programming it became the common language for thinking in steps.

Share this pairing:
https://indexstyle.org/compose?ids=circuit-diagram+flowchart

Back to index position