BLOG: Storyboard Transitions

PROCESS INSTRUCTIONS (time required: 1 to 2 hours over 48 hour period):

This assignment has two STORYBOARDS.  First you’ll analyze existing comics and then create your own. For your storyboards, work out your story in your sketchbook FIRST.  Feel free to draw your alternate frames around your first sketches. Keeping the iterations visually close can help you remember what narrative choices are available for your final iteration.

For Storyboard #1:

  1. View comics from Nancy (click “random”)  or play  Nancy solitaire (click the cards at the bottom to create your own deck).
  2. Choose any two strips that have more than three frames. Copy the links to those comics for mention in your blog post.
  3. In the comics you chose, look at each of the frames and identify the narrative transitions used to tell the story.

For Storyboard #2:

  1. Now that you’ve seen some example comics and transitions, think up your own comic using four to six frames. Unlike the Nancy comics, please  avoid using text. Use just images… we are exploring how images create narrative… and how transitions move the story alongOf course, if you must use text sparingly.
  2. Sketch out your comic in your sketchbook using thumbnails.
  3. Look at your frames and analyze: What kind of transition should you use to help tell the story? Experiment with different transitions by altering what is viewed to evoke various types of closure. For example, try framing only a portion of the scene, altering the frame size, or changing the timing by adding or removing frames. You nay find it helpful to draw a few alternate frames in your strip. Show it to people and see which ones are most effective.
  4. Then work out a larger, final iteration in darker lines than your draft.  I expect your final version to be clean and neatly done. We have moved into visual communication — so now we have an audience. Imagine that your work will be shown in a publication.
  5. Post an image of your personal comic strip in your BLOG – both the iteration(s) and the final for your comic strip.

In your 500+ word reflection, write about what you learned from this assignment and what connections you see to what McCloud is talking about.  Of the transitions you used, tell us “why.”  Make sure you describe the transitions in Nancy and link to their references.  Compare your transitions with the ones from Nancy.  Include in your essay an answer to the question: How did the transition choices in all 3 comics affect the audience’s perception of drama, timing, and emotion?

Fill out this checklist AFTER you have completed your assignment and posted it in your Portfolio Blog. Note, if you don’t check all the items in the checklist, your submission will not be completed.

Storyboard Transitions

BLOG: “How-to” Graphic

PROCESS INSTRUCTIONS (time required: 1 to 2 hours over one week period):

Create a visualization that demonstrates:

“How to make a delicious hot beverage”

You work for a Magazine Publishing company that is creating a new product for non-English speaking public. The user of the visualization does not understand your language and meaning must be conveyed through universally understood symbols.

You may not use words for instruction. Words that would normally appear on the label of a product are acceptable.

For your reflection, please elaborate on the rhetorical situation and the decisions you made to address these. Please also reflect on how you put yourself in the place of your target audience. Include  any iteration pictures in addition to your final graphic.

Rhetorical Situation:

  • Purpose: To instruct
  • Audience: Non-English speaking layperson
  • Context: Published in a children’s magazine (8.5″ x 11″, portrait orientation, one page)

Fill out this checklist AFTER you have completed your assignment and posted it in your Blog:

How-To Wordless Diagram

BLOG: Way finding map

PROCESS INSTRUCTIONS (time required: 1 to 2 hours)

Rhetorical situation
Purpose: Way finding
Context: A visual representation of directions
Audience: Someone who needs to follow your route.

  1. Think of a route you normally walk/drive to and from, a route you know intimately without looking it up online (e.g., to work, to school, to shopping.)
  2. Research Do a cognitive walkthrough (Ware, pp. 162-164) in your mind:  What is the starting point? What is the destination? What are the landmarks? Write down the steps to go from start to destination and use that to inform the visual design.
  3. What are the visual queries from start to end?  What is the important information? How will your map support different visual queries? e.g., How might your map help someone answer “How should I get there? How far is it?  What other types of visual queries/questions can the map support?”
  4. Create a sketch map to graphically explain to someone how to get from start to finish. Use what we have learned in the readings and class to decide on the visual markers, colors, textures, shapes and lines you use.
  5. Include a compass rose to indicate orientation and direction.
  6. Post your route finding map in your BLOG.
  1. Upload 2 photos of your map and post them to your blog.  You can upload additional photos. Make them clickable.
    • One photo should show the whole map.
    • The second photo should focus on a detailed section of your map.
  2. In your post, describe what route the map shows. How did you design it? What research did you have to do?
  3. Describe how your brain directs the eye along the map to find the route.

Fill out this checklist AFTER you have completed your assignment and post it in your Portfolio Blog.

Wayfinding Route map

Specifications for ALL Blog Assignments that are one offs

BLOG: Thumbnail sketches for a luggage tag

This week’s homework explores our ability to visualize solutions to a problem.  Often there is not just one solution, but many. This exercise is designed to help us practice generating many solutions quickly.

PROCESS INSTRUCTIONS (time required: approximately 1 hour)

Rhetorical situation
Purpose:  Create thumnail sketches of luggage tags using your initials as possible within a given time. The luggage tag needs to have your initials.
Context:  You want a clearly identifiable label with your initials.
Audience: Someone needs to be able to recognize that the attached item belongs to you from a distance. Use your understanding of line, shapes, and color to grab their attention.

  1. Develop as many different thumbnail sketches as possible to fill up an entire sketchbook page. Each thumbnail sketch should be no larger than 2″ x 2″ (they can be smaller). Aim to fill up the whole sketchbook page. Try to spend no more than 5 minutes drawing each one.
  2. Research different outline shapes for label or luggage tags. Explore different ways you can sketch your initials.
  3. Now put them together. Experiment with different compositions of shapes and initials.
    • Choose a variety of regular shapes for outlines, such as a circle, square, hexagons, for your outline.
    • Sketch your initials inside the outline. Experiment with a variety of outlines, shapes, and colors for your initial
    • Try a variety of sensory forms. Experiment with line thickness, border thickness, lengths, evenness, consistency, contours, and line orientations, directions, continuity, and contours for the elements. Try out different arrangements of the elements, sizing them up or down, patterns, and shadows.
  4. Post pictures of your thumbnail sketches in your BLOG. Include at least one overview picture and one detail picture. Please answer the reflection questions in the submission form below.

Note: Please ensure that your photos are rotated and sized appropriately. Photos must be easy to read. No credit will be given for upside down, blurry, or small photos.

Fill out this checklist AFTER you have completed your assignment and posted it in your Portfolio Blog before the deadline, Thursday, Sept. 26 @ 11:59pm.

Thumbnails for a luggage tag BlogWork Submission

  • Please create at least 36 original thumbnail sketches containing your name-- enough to fill up the whole page. Take at least 2 original photos. One photo should be an overview showing the different thumbnails. Another photo should show details that you feel are extremely good or interesting.

Questions about “5 Photos”

Here are some answers to questions about the 5 Photos homework. In this assignment, I am trying to help you see the pieces and not the whole… asking you to take pictures of the elements that make up what we see, NOT the objects that we see. This is why I gave you some examples in the assignment and why I ask you to get really close up. Here is an example:

In these images, the old bench is a photo of an OBJECT… we know what it is. I do not want images of objects — things that are easily identified. In the last two images that follow, you don’t know what they are… the visual elements that make up the old bench become dominant. The visual perception focuses on the lines, the shape.

This assignment is about learning to see differently. HINT: It helps if you focus on just taking as many photos as you can getting really close up… then decide what they represent. Going around trying to take photos of specific elements tends to be more work.  Plesae do not submit photos of objects:

Old Bench — we can tell what this object is

Please do submit photos of sensory forms:

Old bench detail: LINE or color
Old bench detail: DIVISION OF SPACE or line

Q. What is the sensory property of relative size?

A. It is when two identical shapes differ only in size to our view because of distance, this relative size is the depth cue that allows us to perceive that there is a distance between the objects. By comparing the size of one object relative to another similar shaped object, we can perceive that some objects are closer or farther away.

Q, What is the sensory property of division of space?

It is when space is organized by introducing regions that subdivide, rearrange, push, pull, and manipulate the visual field so that one perceives a regular pattern.

BLOG: 5 Photos of Sensory Forms

This week’s homework explores our pre-attentive response to visual stimuli. We want to isolate stimulation that occurs because of neurons activating automatically before the action of attention. To do this, go on a photo hunt and try to see if you can spot these pre-attentive stimuli in the environment.  Hint: Try to examine features up close, before you see the full object. Please identify each sensory form  (see process below) and describe how the photos trigger your pre-attentive visual awareness.

PROCESS INSTRUCTIONS (time required: 1 to 2 hours over 48 hour period):

  1. Look around your environment (not your dorm room or apartment!) and find examples of what we have learned so far regarding (1) color, (2) shape, (3) line, (4) relative size and (5) the division of space (structure).
    Note: Try to make sure to focus/zoom  in on the Sensory Principle, not the object.
  2. Photograph lots of these examples (20 or more… the more you photograph, the more you have to choose from).
  3. Choose five (5) photos that illustrate the five sensory principles listed in #1. Note: many photos may illustrate more than one principle — choose the dominant principle you observe.
  4. Post them in your blog captioning or labeling each with the sensory principle the photo illustrates.
  5. Write about each photo, connecting it to what we have learned in class.

You can view this Prezi as an idea starter… note the KIND of photographs… Or… this (SAME CONTENT) slideshow which has voiceover…

Fill out this checklist AFTER you have completed your assignment and posted it in your Portfolio Blog:

5 Photos of Sensory Forms

  • Please select 5 original photos from your photo hunt adventure that you have taken specifically for this assignment.
  • Note: The 500+ word requirement is for the entire post… so the blurbs/descriptions of your photos combined with your reflection are all counted together in that word count.

BLOG: Mind Map a Problem

The homework follows up on the mindmap introduction  post and the lecture on creative thinking. Review these as you do the challenge below. For next week’s homework, please explore creating mindmaps to solve problems and take advantage of the pattern-seeking behavior of our visual processing system. Think about how this non-hierarchical, visual expression can be useful for creative problem solving.

PROCESS INSTRUCTIONS (time required: 1 to 2 hours over 48 hour period):

  1. Create (by hand in your sketchbook) a Mind Map on a topic or central theme BASED ON A PROBLEM YOU ARE DEALING WITH (where to go on spring break, getting a job, live on campus/off campus?, need a new computer, car, etc.). Mind map for 20 minutes then take a break.
  2. After an hour come back to your mind map and fill in more items – embellish, color, doodle.
  3. 24 hours later, create a second Mind Map exploring a SECTION of the first Mind Map. Repeat the same process of taking a break and coming back.
  4. We will discuss the process in class.
  5. Take photos of your TWO mindmaps and post them in your Blog.  I expect FOUR total pictures (2 drafts, and 2 finished versions). Describe the experience of mind mapping each map in your blog using the reflection prompts listed in the checklist below. The images and reflection must be in the same post.

Mind Map Steps

  1. Place central focus image or graphic representation of problem in center of page
  2. Allow ideas to flow freely without judgment
  3. Use key words to represent ideas
  4. One key word PRINTED per line
  5. Connect key word ideas to central image with lines
  6. Use color to highlight and emphasize ideas
  7. Use images and symbols to highlight ideas and stimulate connections

NOTE: The Macs in the GHH labs (G06 and 103) and in the library have Adobe Photoshop and Apple iPhoto on every computer. These programs help you adjust the color and brightness and contrast of your images. I suggest you use these to get the best quality images in your blogs.

Fill out this checklist AFTER you have completed your assignment and posted it in your Portfolio Blog before Thursday, Sept. 12, 2019 11:59PM:

Mind Map Blog Assignment Specifications

Specifications for the Mind Map Blog Assignment.

BLOG: Original image post for your WordPress Blog

Please read these instructions and requirements before submitting the assignment form below.

The weekly BlogWork challenge asks you to design and create a visual artifact.  In order to pass these assignments, you must satisfy all the requirements. Omitting any of the requirements will result in a “No Pass.” So please read the assignment instructions and requirements carefully before your start work.

For the first homework assignment, please create an original hand drawn visual and describe your thought process.  Sketch the assignment in your sketchbook. Take at least two pictures of your work. Create a new blog post and add some pictures to the entry. Your blog post must also nclude a  250+ word essay answering the questions below. After you’ve created the blog post, please submit the form below before the deadline, Sept. 5th 11:59PM.  

Instructions for creating your first homework post:

  1. Preliminary step:  Refer to these step-by-step Instructions or this blog post for how to set up your blog.  Grab your sketchbook and some drawing supplies.
  2. Create and upload at least two pictures of an original hand-drawn visual created by you. One image should show the finished work. Additional images should show details, rough drafts, or iterations of the design.  This image can be a doodle or sketch, but it must be hand-drawn. All images should be large size (greater than 1024 x 768 pixels) and oriented correctly.  Make the image clickable: Select the image and choose Link To–> Media in the Image Settings menu on the right.
  3. Write a 250+ word essay about your thought process for creating the image. Here are some prompts you can answer: Why did you choose this topic, what inspired you? Why is the image a particular size, color, shape, order? Discuss the components of the image you’ve created. Does it convey a message? If you showed it to someone, were they able to understand the message?  *Usually the essay will require more than 500 words, but for the first post we’ll take it easy. Click the circled i at the top left of the post to see how many words you’ve written. Go to the topper and select the circled “I” to check your word count.
  4. Publish your post. When you click Publish ( the blue button not he post’s upper right), select Preview. A new tab opens up. Click this tab and check your work– this is what viewers will see. At the top of this tab, copy and paste the website address of the post into the  submission form below.
  5. Submit the form below before 11:59PM on Thursday, Sept. 5,2019.

Requirements for your post:

  • All work must be original. The images you make need to be your own work. Any quotes or references must be properly cited using APA citation style.
  • Spelling and grammar mistakes are minimal. Use a spellchecker If you use Chrome browser, use the Grammarly add-on.  Excessive bad grammar and misspellings will result in a failed grade for the assignment.
  • If you are using your portfolio blog for more than one course,  use the COMM 165 category for all your BlogWork posts.  If your blog is only for this class, the category is optional.
  • Check the Time Zone of your blog. If it is not the right time, set your Time Zone to New York under Settings→General→Timezone. If your post times are off,  your posts may not pass.
  • Make sure Comments are enabled. Under Settings→Discussion, check the option that says “Allow people to post comments on new articles,” This is how you will receive feedback on your BlogWork entry, including whether it is a Pass.
  • Submit the form before the deadline 9/5 @ 11:59pm (see Schedule) or it doesn’t exist for grading purposes. After you click Submit, you should receive an email with a copy of your submission.

First BlogWork Assignment - An original visual creation

  • Please select from this dropbox the section you are in.
  • This is the web address when you click "Visit Site" in the upper left hand corner.

What is “Blog Work!” about?

Each week, the work we have to do for the week (activities, blog assignments, readings) will show up here. If you want to see a specific blog assignment, you can also go to the BLOG Assignment sub-menu link.

All posts and links concerning our WORK will be found under the “Blog Work!” link