📝Parsons Week 9b
We’re going to review a few existing collections as a class, and then we’ll swap projects and review next steps.

Elastic Collection: Do’s and Don’ts

  1. Do have a point-of-view. Include your own interest area using the assets from your collection.
  1. Do think about interactions you can have with the assets: filtering, sorting, linking, hovering, searching.
  1. Don’t design a fixed collection. We will update the content with new assets throughout the project so think about how it may grow.
  1. Don’t forget about type, composition, color!

👁️‍🗨️ In-Class Exercise: Past Collections

Instructions

  1. Review all of the examples of collections from previous years with your partner
  1. With your partner, select one project to analyze. Every group needs to choose a different project, so as soon as you’ve decided on one, note it on the spreadsheet and double check that it isn’t already taken.
  1. Answer the questions in the spreadsheet below.
  1. As a class, we’ll review everyone’s reflection.

In-Class Activity Groups

  1. Lara, Michelle N.
  1. Kashish, Jillian
  1. Chichi, Lou
  1. Kristy, Yuka
  1. Michelle K., Luna
  1. Tingyue, Gia
  1. Yuk Hei, Isabella
  1. Julia, Whitley

Collections from Previous Years

Aura

Group #
Project Selection (Please link to it)
What is the collection/What is this project about?
What is the purpose?
What is the primary method of organization? Are there secondary methods?
What are the key interactions with the content?
Are there secondary detail pages? How do they compare to the homepage?
 What kinds of visual motifs unify the collection? How does the design support the content?
What design elements contribute to the concept and overall look and feel? Is there mixed media used?
1
A documentation of the designer’s different moods/diary entries during their transition into quarantine and subsequently their time in isolation.
The purpose is to log the creators mental states and activities. Either for the creator themselves, to be able to reflect on or consider the affect that the pandemic had on them, or to normalize being open about mental health. 
The primary method of organization is by chronologically organizing the diary entries.
The main form of interaction is clicking back and forth trough the home page and the different entries. The user can either choose to click on the dates or on the dots which represent moods. 
The secondary pages are the diary entries. Visually, they’re very cohesive with the homepage. There’s a clear contrast between the weeks representing the general chaos the creator feels, and the daily entries, which are more concise. 
The designer adds a key with different colors to represent different emotions that they felt throughout the collection. These colors are then placed around the page as GIFs as well as when you click on a diary entry. The designer also incorporated images with each diary entry which helps make the entries and overall page feel more personal as a result.
The design elements are all used very intently. The use of color and animation through the GIFs represent moods in a very consistent system. The handwritten notes and images make it feel very personal. All of these elements contribute to a cohesive project. 
2
Examples on how germs are used for good - in art. 
Because of the COVID-19 pandemic, germs are ‘the enemy’ and the media is saturated with tips on how to get away from them. This site is suggestive of a more ‘positive’ outlook on germs, and its usage in art. 
Columns - square images with a hover effect that reveals a title/category. There is also a gallery/slide-show view that numerically organizes the collection. 
The homepage has an interactive hover effect where the illustrated ‘germs’ change in shape. 
Another hover effect is placed over each of the square images, revealing stylized name cards (titles of the artwork). Within the slideshow view, the description includes hyperlinks to the source material. 
The homepage has an interesting fluid interaction that feels authentic to the look and feel of germs and the typography is visual appealing. It has a pop up on scrolling that is consistent with other other pages of the collection.  The secondary pages have a consistent on column typography and gradient. 
The consistent choice of green throughout the collection is a unifying element in the collection. On hover, each collection has the germ shape that is cohesive throughout the items which feels intentional/ literal to the theme of the collection.
The homepage has a simple design that is easy to follow. The typography feels cartoonish as it uses outline than the otherwise feeling that one gets looks at germs. Other pages feel more subtle with just a large picture and a few lines.  Overall, it is visual appealing.
3
A compilation of different dishes made out of Jell-O
“Mania”: like this type of food, fascinated by Jell-O
By color
When hovering over the images they expand shake and the color contrast becomes stronger
The secondary detail page is the one with dishes categorized in color. The homepage is the content with various colors and Jell-O patterns. 
All the images have a retro look to them the chewing sound carries through all the pages the style is very fun and almost campy in the way that's is very over the top in your face while still keeping a nice balance and contrast between the elements.
  • Wield chewing sound/patting jelly
  • Vibrant colors
  • Spinning navigation button
  • Swaying background
  • color changes when hovering