, but this code // executes before the first paint, when

ÃÛÌÒapp

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Visual Rhetoric Rhetoric Center | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Visual Rhetoric

Images convey meaning. When you use images intentionally to achieve a set of communication goals, you practice visual rhetoric.

The concepts of exceptional visual rhetoric are critical to consider because we encounter and interpret visuals daily—and we frequently produce them. Assignments that require visual rhetoric appear in courses across the curriculum at ÃÛÌÒapp: PowerPoint slides, photographs, visually aided speeches, posters, and lab reports, amongst other assignments.

We pose four main questions to help you make choices when using images:

  • How can I arrange images and elements of complex images (e.g., posters) to convey meaning?
  • How can I find and choose—or create my own—images?
  • How can I use color to convey meaning?
  • How can I use words as part of an image design?

And you’ll need to work out how the four visual rhetorical categories work together.

Throughout these subcategories of visual rhetoric, apply the general questions to creating images:

  • What purpose do I want to accomplish by using images?
  • How can I use my knowledge of my audience to design effective visual rhetoric?
  • How can I improve my audience’s sense of my authorial expertise and character through images?
  • How can I use images to convey and emphasize a central idea?
  • What is the essential content that images can help me to convey?

Still confused?

Want to listen to two Rhetoric Center consultants break down a poster’s use of visual rhetoric? Click here!

And don't forget to stop in the Rhetoric Center for help with visual rhetoric!

ÃÛÌÒapp communication professor Kathi Groenendyk created this general resource to use when creating visuals. It serves as a starting point for any visual rhetoric assignment and reminds the user of frequently overlooked basic visual principles.

Click on a specific question in this FAQ grid and it will take you where you need to go. To explore the resources on your own, click on one of the categories on the right side of the page.

Frequently asked questions

Specific visual rhetoric assignments

You’ll encounter various types of visual rhetoric assignments while at ÃÛÌÒapp. We believe the main categories throughout our Visual Rhetoric page are transferable to various assignments. However, assignment specific resources are still valuable. For this reason, we’ve provided resources to guide you through these assignments.