Category Archives: Communication Design Fundamentals

Final Booklet

Front Cover
Spread 1
Spread 2
Spread 3
Back Cover

Booklet

Comments were generally positive regarding the front and back covers, with the primary suggestions all relating to the treatment of the author name. In response, I adjust the scale, position, and color of the author name to make it less competitive with the title of the book. On the back cover, I added an email address to allow contact as suggested.

In all subsequent spreads I adjusted body leading from 8/9.6 to 8/10 to increase readability and improve typographic color. Hyphenation was enabled in the final spreads to improve the overall shape of the columns of text. As a consequence of these adjustments, some change in column lengths were made to keep a consistent finish in body text. These changes were all made based on feedback of intimidation, issues of readability, and oppressiveness of the various text filled areas of the spreads.

I also reworded some of the body for better applicability to the book and made some fine adjustments on image spacing on the second spread. Everything else was held constant with the support of the overall positive reviews from my peers.

The final booklet is being printed at Copies at Carson utilizing a 60lb cover with satin finish, and 28lb interior pages, saddle stitched.

Cover ideas

Thumbnail Sketches of Potential Covers

These thumbnails were created to layout some potential covers. All were compostions for photographs to be taken specifically for this project.

Cover 1: Front

This cover uses a combination of hand a computer lettering. The hand lettering is done with marker on graph paper. The toy robot was set on the lettering and then photographed under a hot light. Some light retouching was performed for consistency.

Cover 1: Back

A macro shot of the same robot as on the front cover makes a fun back cover. The text acts like a sort of speech bubble for this character.

Cover 2: Front

In this cover, two robots are arranged in a duel. Futura and Bodoni are combined for the titling.

Cover 2: Back

On the rear cover corresponding to the prior front, a victor to the duel is displayed.

Cover 3: Front

In this image, the hand lettering is brought back, combined with a light author set in Futura. This scene is meant to be of a robot-robot fight where the one smaller robot appears outmatched by the very large hand.

Cover 3: Back

The accompanying back cover has “about” written, combined with some digital copy. Again, the scene from the front is carried over to the back with the small robot standing victoriously over the large robot hand.

All of these photographs were taken with a Canon 20D using a Sigma 28-55mm lens with f/2.8.

Sketches and rough spread

Interior spread of Vibratron

This spread uses a modular 4×4 grid on each page. Three images, a project title and some copy all fit into the grid in various ways.

Potential grids to utilize in spreads

In order to organize the content, the above layouts were sketched as thumbnails. Most layouts were multi column, modular, or hierarchical.

Raw content for booklet

The images correspond to 5 projects:

HyLo/StairBot, Quadrotor, RedBeest, Soft Robots, and Vibratron.

Here are the corresponding texts:

HyLo

HyLo, short for Hybrid Locomotion, is a collaborative project fueled by Undergraduate Students at CMU.

HyLo Logs

 

Purpose

 

The purpose of our work is to extend the capabilities of small robots beyond what has previously been tried or thought of on a robotic platform. The current team consists primarily of Mechanical and Electrical Engineering students as well as members studying Computer Science. We seek to make the dynamics of small robots work towards goals of effective locomotion over a very wide range of terrain.

 

Goals

 

Our current goals consist of creating a planar, three link robot capable of traversing a set of monkey bars typically found on a children’s playground. Eventually, we would like to apply the knowledge gained from the simple robot to a more sophisticated 4 limbed platform. This four limbed platform is intended to be used as a base for various research problems. One problem that was addressed in the previous year was traversing varied terrain that could be encountered in an urban environment. We tackled the problem by attaching powered wheels to the end of highly articulated legs. With the new platform, we are seeking to create a modular design that can accept a variety of end effectors, such as hooks or graspers to accomplish other tasks.

 

The end goal for this project is to have a robot capable of traversing a tight-rope and climbing a ladder.

StairBot

Abstract:

The idea behind hybrid locomotion in robots is that a platform can transition between walking and rolling to fit terrain conditions. Rolling can be utilized in areas where doing so is feasible. However, obstacles larger than about half the diameter of a rolling robot’s wheels will stop an otherwise quick robot in its tracks. With suspension and an increase in wheel diameter, rolling robots can tackle larger obstacles, but a smaller legged robot would not struggle in the same situation. With the ability to simply step over an obstacle, walking robots are better suited to certain environments.

 

Legged robots are typically plagued by slowness compared to similar sized rolling robots. By combining the leg of a walking robot with the wheel of rolling robot, a robot using this platform gains utility while not necessarily encountering complexities foreign to either a rolling or walking robot. This is the premise of Stairbot, a hybrid locomotive robot platform.

Quadrotor

Quadrotor is an autonomous and tele-operated aerial vehicle designed for completing vision based objectives.

The quadrotor helicopter, or quadrotor for short, is an especially fast and maneuverable aerial platform. Using a suite of sensors, our quadrotor will be able to perform GPS-guided position holding, path planning, and navigation with the aid of visual feedback. An end goal is to use the platform to map unstructured terrain, such as that present in the wilderness.

Our goal this year is to use the Microsoft Kinect sensor to navigate indoor environments. We use the MikroKopter platform for the quadrotor itself, and process video data from the Kinect on-board to navigate obstacles and create a map of the environment.

RedBeest

Your Take on Design

Mike Ornstein

Using a computer as a conceptualization tool is invaluable for me in solving engineering and design problems. It is also a tool of creative expression. Computers have enabled me to recreate a design of Theo Jansen’s walking linkage in a new, digitally expandable form. I have kept the design as open and plain as possible given its complex mechanical nature, while being mindful of the placement of each component to ensure an aesthetically pleasing arrangement. Because of this, the concept is unusually organic for a mechanical creation and its walking capabilities are inspired by nature’s solutions.

The Walker concept is a creature that stands as high as dreams allow. In the attached images, the creature is only eight inches tall, but by design can be grown to over eight feet tall. This scalability is inherent in Theo Jansen’s linkage design. The linkage takes rotary motion and translates it into a walking gait, which I have applied to motivate the Walker. Jansen’s linkage is combined twelve times to create a beast that can walk in all directions. There are two distinct leg groups that comprise the left and right side, each with six legs. The left and right leg groups are independently driven, though the six legs that make up each group are linked together, 60º out of phase. This link is created through meshing gears. In practice, each of the leg groups will act as a wheel, having constant contact with the ground and ensuring stability as the Walker travels. When both leg groups are driven together at the same speed, the Walker travels in a straight line. However, when the leg groups are driven at different speeds, the Walker will turn towards the slower (or stopped) group of legs. These legs, a pair of motors, and a power source are the only components of the machine. This system can be realized as any tangible object ranging from a toy, to a transportation vehicle, to an extraterrestrial exploratory robot, or, as Jansen would have it, to a new form of life. The bare components are uncovered and unadorned, allowing onlookers to see exactly how the machine is working. The internal components make up the Walker’s lines and character, proudly striding without a shell or case. Mechanical design can always be beautiful.

My motivation as a designer stems from objects that hold promise for beautiful and tangible creation, but whose design is executed in an unsatisfactory manor. I am annoyed with art, sculpture, and toys that are meant to appear functional, but are limited or immutable. These objects just don’t work the way you want. There are exceptions to my issue with falsity- for example, in fantasy. Digital animation that visualizes the currently impossible is an amazing treat. Visuals such as those present in recent science fiction films like Transformers and Iron Man can’t be physically manufactured today, but the concepts are almost realizable. The audience of these films can accept that details are in place so that the mechanical devices in action on screen could exist in the real world eventually. There are many gaps in detail that we are currently filling with ‘Hollywood Magic,’ which is appropriate for movies, but not for today’s objects. In some cases design is moving in the more open, understandable direction. The ElectroLux vacuum cleaner of the 1930’s sought to hide its workings, enclosing the magic, but the Dyson vacuums of today fall within my principles by making its workings visible and clean.

Design of an object should not only follow the function of an object, but also how that object accomplishes that function. Often, a designer detaches their work from the means by which a task is completed. Dogs, for example, walk effortlessly, without regard to which muscle to tense at any given point to propel themselves forward. To many designers, making a walking creature involves merely attaching legs, allowing the underlying mechanism to work itself out. It is easy for design to abstract these types of problems, it takes effort to make an object work, and in the minds of many, effort to make the object appeal. My principle of design is that an object that works is appealing, be it conceptually, visually or physically.

Like Jansen, I believe that the aesthetics of an object come about due to natural application constraints. The form of his ‘beests’ came to be out of necessity. The proportions of the mechanism that I have borrowed from Jansen in the concept make for a visually pleasing object, perhaps only by coincidence.  By following natural solutions to engineering problems, beautifying and ornamenting objects becomes superfluous. Jansen frees himself and his work of excess, focusing on efficiency and self-sustainability, brought about by deterministic solutions.

Theo Jansen’s vision expands beyond engineering and art. He uses technology to enable his ideas, a process ideology that I increasingly employ. Software facilitates the design of complex mechanical systems that mimic nature in its beauty and effectiveness. It allows systems to come together as a whole, as demonstrated in the concept images. The design of this object and its visual appeal are merely a side effect of its purpose- to walk.

Soft Robot

There is a growing need for robots that can function in close proximity to human beings and also physically interact with them safely. This calls for a paradigm shift in the way robots are designed. We believe inherent safety is extremely important for robots in human environments. Towards this end, we propose the use of inflatable robot links instead of traditional rigid links, to improve safety in physical human robot interac- tion (pHRI). Robots with inflatable structural components offer the possibility of an extremely light weight structure and passive compliance along with a high payload to weight ratio, which are all highly desirable features in a robot expected to closely interact with humans. This paper builds upon prior work by our group in the development of a single link inflatable robotic system to design and develop a multiple DoF inflatable arm. The paper describes the development of a 2 DoF prototype inflatable arm; the link structure, joint design, kinematics and other features of the system are discussed. Preliminary trials utilizing the system for sponge bathing a human mannequin are presented. Experiments that demonstrate the inherent safety of the system under unexpected collisions are also shown.

Vibratron

Description

Vibratron is one of the main RobOrchestra projects for the 2010-2011 year. After receiving $1000 in grant money from the Undergraduate Research Office in the form of a SURG and a donated vibraphone from a former member, the team began designing a robotic Vibraphone.

 

The overall vision for the project involves laying out the 30 vibraphone keys in a circular array and dropping steel ball bearings onto the keys in order to create music. While other more direct methods might have been more effective, the group opted to create a more unique piece of art.

The project is currently in the prototype stage, but the general layout has been designed. The robot will be composed of three main systems. One of the systems will dispense the balls onto the keys, one will collect the used balls and recycle them to be used again on a different note, and the third system will be the structure of the robot that hold the keys and all other systems together.

Mechanisms

The ball dispensing mechanism has been through two complete designs. The initial design used a rotating notched wheel attached to a stepper motor to dispense balls one at a time. The second design used a solenoid as a gate to block and release balls from a queue. Both designs were prototyped, and the solenoid design was chosen because of its greater speed and reliability over the wheel design. Each of the 30 gate mechanisms will cost less than $5.00, and will be capable of dispensing over 14 balls per second. There are renders and photographs of the gate below.

The recirculation mechanism is basically an Archimedes Screw that brings balls from a lower hopper to an upper hopper. Once in the upper hopper, a paintball-style system will be used to spread the ball bearings into the 30 individual tubes, each of which routes to a separate gate.

The structure of the system will not be designed in any detail until the kinks have been worked out of the other two systems. However, a conceptual render of the desired circular layout of the Vibratron is below.

Logic

An Arduino Mega will be used to control the robot. A MIDI shield will allow the Arduino to read standard MIDI signals from any controller, and software will decode the MIDI commands into notes.

Each of the 30 gates will have a small custom printed circuit board (PCB) with a MOSFET and LED. This circuit board receives a digital signal from the Arduino and uses that signal to turn on the solenoid for a certain amount of time.

Grid exercise

Master layout: 6 columns with 3 hanglines.

All the following images are set on the above grid.

Grid Exercise1

Starting with Georgia, the layout is simple. Ideally, the baseline of the last line in the text block would align with the lower edge of the image.

Grid Exercise2

In this layout, the image acts as the baseline and hangline for the two blocks of text.

Grid Exercise3

Here, the images bleed. Futura and Bodoni are paired as title and body text.

Grid Exercise4

A simple cover page, Futura is the headline while Bodoni acts as a subtitle.

Identifying typographic grids

Manuscript with insets and captions
2 column left, 3 column right with images
one column left with images and captions, 3 column right with images
3 column left, 6 column right; images span multiple columns in both layouts
modern manuscript, includes commentary on left.
3 column left and right, left contains title block, right image spans 3 columns

Thinking about grids

  • What is a grid?  A grid is an organizational tool meant to distribute content in a meaningful way on a page. It does so by breaking a space into regular units, allowing content to be placed in a blocked space.
  • What are margins and why are they important?  Margins are the space between the edge of the page and the start of the nearest text. They are important because they allow pages to breath; they act to promote the text which lies on the page above the ground created by the margin.
  • Which sample design do you like best from this chapter? Why? The Zahn-Nopper store identity is my favorite example in the Grid chapter. The main layout utilizes a modular grid, and is effective in utilizing the rotationally symmetric Z and N to promote the brand. The five by five grid is only broken by the name of the store. Additionally, the playing off of the Z and N to create a frame in the other promotional materials has a home in my heart.
  • What grid(s) are used to layout the “Grid” chapter of this book? The layout of this chapter is primarily a two column grid, with the inner column being narrow, leaving space for commentary or captions, and the main column containing most of the copy. Each text page has a quote which sometimes falls into one or both of the columns. In single pages with images, the main asymmetrical grid persists. In spreads with one large image that exists on both pages, the grid is reversed, with the narrow column moving to the outside of the page.
  • What type of grid is best for simple documents? Simple documents can be made complicated with a fancy, modular grid. Or, the simple nature of the document can be emphasized by a simple, one column grid. The “best” grid for a simple document thus depends on the intent of the designer. By breaking the document into chunks, a modular grid can provide hierarchy and additional visual interest. However, if the message is straight forward, a direct one column approach might better match the intent of the copy.

Tracing grids

facebook newsfeed tracingfacebook not-traced.
facebook newsfeed with overlaid grid
facebook not-traced.

Facebook is meant to keep us clicking. The active grid attempts to capture the 3 second attention span of users.

A spread in a magazine, traced to determine the grid

The magazine layout has a 2 and 3 column layout on the left page. On the right page, the complexity is balanced out by a few large, simply organized elements.