Skip to main content

Video: Diagramming with Annotations

R
Written by Rob Asher
Updated this week

A step-by-step guide to creating convincing diagrams using just a few of Giraffe’s basic drawing tools. In just 15 minutes, you'll be able to replicate this diagram and create one of your own. The diagram clearly communicates key ocean vistas, primary ground-level thoroughfares, and how the proposal aligns with the existing street wall typology.

This guide is inspired by a YouTube tutorial showcasing how to build a 3D diagram from scratch using Giraffe, assuming no prior knowledge of the platform.

Creating the Base Structure

1. Drawing Rectangles: Use the rectangle tool (accessible via the 'R' hotkey or the basic shapes menu) to draw the foundational shapes of your diagram. Specify dimensions directly – for example, a 40m x 30m rectangle.

2. Splitting and Extruding: Use the split tool to divide the rectangle into different sections. Then, use the extrude handles to create different floor plates and levels. For instance, extruding sections by 3 meters to create a 6-meter floor plate.

Applying Usages (Typologies/Programs)

1. Selecting Usages: Giraffe uses "usages" (or typologies/programs) to define the function of each area. Type in the desired usage, such as "retail," from the available project usages.

2. View Modes: Explore different view modes such as "no levels," "no lines," "normal," and "thick outline" to find the best visual representation for your diagram. The "normal" mode is a good starting point.

3. Customizing Colors: Use the Usage Editor to customize the colors associated with each usage. This allows you to differentiate areas visually and create a cohesive aesthetic. Selecting the usage and then clicking on the "Usage Editor" will take you directly to the settings for that usage.

Adding Dimensional Accuracy and Annotations

1. Snapping and Dimensions: Hold the "S" key to activate snapping and ensure accurate placement of elements. Giraffe displays dimensions to help you maintain precision.

2. Adding Labels and Properties: Dimension strings provide crucial information. Adjust the size of these labels for clarity.

3. Layers for Annotations: Create new layers (e.g., "annotations") to organize dimensions and other annotations. This allows you to easily toggle their visibility and keep your diagram clean.

Stacking and Level Management

1. Stack Order: In Giraffe, the order in which objects are stacked vertically is determined by the "stack order" property. A higher stack order places the object on top. Adjust the stack order to control the layering of your diagram elements.

2. Adding Levels: Easily add levels to your design to create multi-story buildings.

Fine-Tuning and Refining Your Diagram

1. Copy and Paste: Use copy and paste to quickly replicate elements and then modify them for variations.

2. Offsetting Levels: Create offsets to represent core elements or plant typologies.

3. Rounding Corners: Select multiple features and use the "corner type" property to round or chamfer the corners of your buildings, adding a touch of sophistication. Experiment with "corner radius" to control the roundness.

4. Overriding Colors: Override the default color inherited from the usage type by adding the "color" property to a selected object and choosing a custom color.

5. Adding Context Giraffe lets you design within a real-world context as it has built in mapping functionality.

Adding Diagrammatic Elements

1. Dashed Arrows and Lines: Use dashed arrows and lines to highlight key features and relationships in your diagram.

2. Base Heights: Set base heights for lines and arrows to accurately represent heights and elevations.

Conclusion:

Giraffe empowers you to create impressive 3D diagrams quickly and easily, making it a valuable tool for architects, urban planners, and real estate professionals. By following this guide and experimenting with the platform's features, you can elevate your presentations, improve client communication, and ultimately differentiate your office with compelling visuals. So, ditch the complex software and embrace the power of Giraffe!

Did this answer your question?