MAKE A POST

To start a new post, simply click on the box that reads "Create a New Post". Enter in your title. 

Notice the three icons below the title. 

The first icon is the Media Hub, where you can upload images, videos, and GIFs to add to slides in your posts. . 

The second icon is the Text Editor. You can use this tool to add text in your slideshow. 

The third icon is the Line Tool, which can be helpful for diagramming.

UPLOAD MEDIA

The Media Hub has four ways to upload media. The Media tab will show all of your content. You can upload images from the desktop by clicking to the right where it says "Upload".  

The Camera tab will let you include images from the photo booth. 

The Embed tab will let you place a video or image directly into the slide. 

The Fetch tab is useful when dropping in images using the url.

ADD VIDEO TO SLIDE

Posts can now include video and image files in the same presentation. 

From the Media Hub, simply click the “Upload Media” button to load a .mp4 or movie file. Once it is successfully uploaded, you can play it directly from your slide.

ADD IMAGE TO SLIDE

After selecting an image (pink border will show around the image), you can place the selected item(s) to a single slide or multiple slides. 

Once it is on the slide, you can freely scale the image by selecting any corner. 

Right click on the image to reveal other options.  

Click on the bottom of the slide to include a caption in the "Add Caption" box.

UPLOAD MEDIA: FETCH

The Fetch tab is useful for uploading image files directly from your source. It reduces the need for downloading images into your desktop. 

As you are browsing the web, simply right click on the image to 'Save Image URL'.

Also, notice the Image Size menu that appears when you select the image. You can crop and resize the image to be at a certain pixel size.  

Make sure to cite your sources in the caption.

ADD MULTIPLE IMAGES TO SINGLE SLIDE

You can select several images to be placed into a single slide, allowing you to display relevant precedents collectively. 

When you have more than three images selected on the slide, a new alignment menu will appear at the top. This will sort the images to align along the same edge. 

Clicking on the corner of the image will allow you to scale the image. The background grid is useful for referencing and spacing.

 You can group select images on the slide so that they can move together without changing the spacing or alignment.

TEXT EDITOR

Clicking on the Text Editor icon will drop a default text box onto your slide. 

Double click the box to edit text. 

Select the text to open up a text editor menu. Using these options you can easily resize, format, style and align based on your needs.

CREATE SLIDE FROM TEMPLATE

Once you’ve started a post and added your first slide, you will see an option to create slides from different templates. 

Locate the thumbnail icon at the bottom left of the slideshow window. When you click on Add Slide From Template, you should see different options to choose from. Type into the text box to replace with your own. Drop in images into the gray boxes by simply clicking on Upload Image.

ACTIVITY MATERIALS

WHAT IS A DIAGRAM?

A diagram is a drawing that communicates a specific idea or concept through abstraction.

STORY DIAGRAM

USE DIAGRAM

TECHNICAL DIAGRAM

MECHANICAL DIAGRAM

How we understand it

How we interact with it

How it works

How it moves

TYPES OF DIAGRAMS

INFORMATIONAL DIAGRAM

Support Data

STORY DIAGRAM

USE DIAGRAM

TECHNICAL DIAGRAM

MECHANICAL DIAGRAM

How we understand it

How we interact with it

How it works

How it moves

TYPES OF DIAGRAMS

INFORMATIONAL DIAGRAM

Support Data

Informational diagram | This diagram showing correlations between the change of the season and bird habits

Informational diagram | Is your projects about movement through space? Would flow lines help to communicate how your project works?

Informational diagram | Using maps as an underlay can help to show locations, relationships, and be a platform for information overlays.

Informational diagram | Do you want to communicate invisible forces? This diagram shows invisible phenomena- thermal map 

STORY DIAGRAM

In almost all cases, the precedents will do something over time. This could be due to their own behaviors or because of how other things interact with it. Think about how you would, in words, describe this process. In each of these rectangles draw one time step of the behavior.

USE DIAGRAM

Give your precedent a shot with the strategies discussed such as: Arrows, colors, labels.

Use Diagram | Scale figures help to situate the interactions with users

Use Diagram | Can involve a combination of photograph, illustration, and text

ACTIVITY MATERIALS

1st



2nd

3rd

Project Direction

Choose one project idea to move forwards with. Discuss with the people next to your puzzle piece and choose one project concept.

Look back at examples in the slides above. Notice how these examples deconstruct the object to show the individual elements.

Deconstruct or take apart your final project into multiple components. Try to highlight visually, how the project is put together to perform its functions.

WHAT IS A DIAGRAM?

A diagram is a drawing that communicates a specific idea or concept through abstraction.

DIAGRAM VS. SKETCH

A sketch is simply a drawing by hand. Sketches might be diagrams but might not be. A diagram shows a specific idea or function.

Diagramming is not only for final presentations. You can use diagramming to help develop or clarify a concept. Every project is different and so needs a different diagram. 

Diagrams let you show possibility, and show things that prototypes cannot.

DIAGRAM to develop ideas and communicate concepts

STORY DIAGRAM

USE DIAGRAM

TECHNICAL DIAGRAM

MECHANICAL DIAGRAM

How we understand it

How we interact with it

How it works

How it moves

TYPES OF DIAGRAMS

INFORMATIONAL DIAGRAM

Support Data

STORY DIAGRAM

USE DIAGRAM

TECHNICAL DIAGRAM

MECHANICAL DIAGRAM

How we understand it

How we interact with it

How it works

How it moves

TYPES OF DIAGRAMS

INFORMATIONAL DIAGRAM

Support Data

TECHNICAL DIAGRAM

Notice how these examples deconstruct the object to show the individual elements. These elements are then connected with a dashed line. Take creative license to show what YOU as the author of the diagram see as a possibility of how it works.

Technical Diagram | Can be simple sketches of parts with labels

Technical Diagram | Exploded views can describe all the parts and the design's construction

Technical Diagram | Shows the relationship of parts to the whole

WHAT WE ARE DOING

WHY WE ARE DOING IT

writing down, drawing, and sharing as many transportation ideas as possible

to explore different ways of approaching which transportation and mechanism to design!

A LITTLE INSPIRATION!

A few of Richard Scarry's many vehicle ideas for his characters.

BRAINSTORMING STEPS

10 MINS

15 MINS

30 MINS

Individual silent thinking

Preparing writing + drawing

Group idea jam pinup 

Come up with 10 (or more!) ideas for futuristic methods of transit based on your world-building environment. 

Your task is to narrow your list down to 5 project ideas to share with a partner. Sketch 2-3 of your favorite ideas. Remember to add which mechanisms you would like to add to your designs and how you wish to connect your transportation puzzle to someone else's.

Share 2-3 of your favorite ideas with the class. Moving forward, you will be working alongside those who are building their transportation puzzle piece next to yours. Even though your piece is yours, remember to always consult with those that will surround you so that the environment works cohesively.

GROUP BRAINSTORMING RULES

Come up with many ideas, do not stop at 1 or 2. This is not a time to decide what your project will be, it is a time to share as many possibilities of what it could be. 

Do not put down other's ideas when they share. Critiquing ideas too soon could cause people to be self-conscious and not want to speak. We want to be judgement free when brainstorming.

Share ideas that you can build & test, not fantasy.  Wild ideas are good, but if the wild idea cannot be tested in our studio, it is not the right choice. We cannot build jetpacks, shoot lasers, or time travel. What could you build a testable prototype of?

TIME TO BRAINSTORM!

A diagram is a drawing that communicates a specific, often complex, idea or concept through abstraction. Commonly this is done though the loss of detail or photo-realistic aspects.

WHAT IS A DIAGRAM?

STORY DIAGRAM

USE DIAGRAM

TECHNICAL DIAGRAM

MECHANICAL DIAGRAM

How we understand it

How we interact with it

How it works

How it moves

TYPES OF DIAGRAMS

STORY DIAGRAM

In almost all cases, the precedents will do something over time. This could be due to their own behaviors or because of how other things interact with it. Think about how you would, in words, describe this process. In each of these rectangles draw one time step of the behavior.

The memory of picking blueberries in meadow in Iceland.

Time would pass, you might no longer be in contact with that person.

But if they are somewhere with that same scent, the memories will come back of that original wearer.

Capturing the memory in scent.

People you encounter everyday form connection between scent and wearer.

Template

USE DIAGRAM

Give your precedent a shot with the strategies discussed such as: Arrows, colors, labels.

TECHNICAL DIAGRAM

Notice how these examples deconstruct the object to show the individual elements. These elements are then connected with a dashed line. Take creative license to show what YOU as the author of the diagram see as a possibility of how it works.

MECHANICAL DIAGRAM

MECHANICAL DIAGRAM

MECHANICAL DIAGRAM

A diagram is a drawing that communicates a specific, often complex, idea or concept through abstraction. Commonly this is done though the loss of detail or photo-realistic aspects.

WHAT IS A DIAGRAM?

STORY DIAGRAM

USE DIAGRAM

TECHNICAL DIAGRAM

MECHANICAL DIAGRAM

How we understand it

How we interact with it

How it works

How it moves

TYPES OF DIAGRAMS

STORY DIAGRAM

In almost all cases, the precedents will do something over time. This could be due to their own behaviors or because of how other things interact with it. Think about how you would, in words, describe this process. In each of these rectangles draw one time step of the behavior.

The memory of picking blueberries in meadow in Iceland.

Time would pass, you might no longer be in contact with that person.

But if they are somewhere with that same scent, the memories will come back of that original wearer.

Capturing the memory in scent.

People you encounter everyday form connection between scent and wearer.

Template

USE DIAGRAM

Give your precedent a shot with the strategies discussed such as: Arrows, colors, labels.

TECHNICAL DIAGRAM

Notice how these examples deconstruct the object to show the individual elements. These elements are then connected with a dashed line. Take creative license to show what YOU as the author of the diagram see as a possibility of how it works.

MECHANICAL DIAGRAM

MECHANICAL DIAGRAM

MECHANICAL DIAGRAM