October 16, 2020
Time Frame: 3 days
Skills: Visual Design, Information Heirarchy, Iterative Prototyping
Class: Prototyping, with Haijun Xia
In this project, we were tasked to craft a digital poster for an avant-garde art lecture series, using all text provided by the assignment and utilizing at least one provided image. The biggest challenge was arranging the massive, dense amounts of text while maintaining heirarchy, legibility, and a clean aesthetic.
Craft a digital poster for a lecture series, using all provided text and at least one provided image.
The digital poster should be designed as a static digital display with the dimensions of 1024px wide and 1600px tall in vertical orientation. Imagine the poster will be viewed in two ways: [1] as a vertical digital display, or [2] A web page announcement.
Imagine the digital poster will be viewed by your audience in two ways: 1) as a digital sign display arranged in vertical orientation, something you might see at the Price center, and 2) as a web page announcement. Note that a standard laptop screen may only show the first ~768px of your design “above the fold” and then users must scroll to see the rest. That means the top part of your design should be attention-grabbing and highlight the most important information.
Outline of poster sections
10 ideation sketches, considering layout and the images provided.
Experiments and iterations of layouts, adhering to a tight grid system.
Feature 1. I decided to right align the names of discussion speakers to bring the names closer to the discussion titles.
Arranging gray elements upon a page to focus on layouts.
Feature 2. A vertical column allows for white space and ordering by event time.
Final two chosen designs for critique. Multi-columns are space-economical.
If we keep in mind the vertical digital poster display, then it follows to make the important "hook" information (event title, location, and date) large, to draw the viewer in from a distance.
Main points of critique are though the use of space is pleasing to the eye, the font-size is too small to be legible.
Add color and images.
