GD for the Web

A3 part 1

rhea posted single serve_Part_1_rhea in A3 part 1

http://students.risd.edu/students/rlaroya/spin-cubes/index.html

Esther posted Scattered Thoughts? in A3 part 1, Assignment 3

Rough Draft Screenshot

 

At first, I want to create a page where random thoughts fill the page completely, where the users have to try to find certain words.  However, I wasn’t sure where my the design aspect of it. Then, I try to mimic things I think about throughout the day or things I hear or see. They tend to become a blur as time goes. I made the words scramble once they are clicked on.

Rough Draft

Hyein posted A3 in A3 part 1, Assignment 3

idea 1. spray the cats.

1-1

1-2

1-3

 

idea 2. because shed happens…

2-1

2-3

Amia posted Global Couture in A3 part 1

Screen Shot 2015-10-21 at 8.30.29 PM

The Colors

The colors on the left are the Fall 2015 “official” colors (http://www.pantone.com/pages/fcr/?season=fall&year=2015&pid=11.) “Pantone LLC, a wholly owned subsidiary of X-Rite, Incorporated, is the world-renowned authority on color and provider of color systems and leading technology for the selection and accurate communication of color across a variety of industries. The PANTONE® name is known worldwide as the standard language for color communication from designer to manufacturer to retailer to customer.” Hovering over a color will reveal the name and pantone code. Clicking on the color will change the color of the map to the clicked color.

The Countries + Images

A few key countries have been chosen and labeled on the world map. Hovering over a country label will reveal a pop-up image taken from the country’s section on lookbook (http://lookbook.nu/) Lookbook is a website where people can post photos of themselves in fashionable clothing. It has several categories, including countries – eg. Japan section (http://lookbook.nu/japan) I hope to add some code that will randomly generate a new photo from that country each time you hover over the country label (this will require me scraping the images from the lookbook site.)

Purpose

The purpose of this single serve site is to allow users to explore whether or not people in various countries are wearing clothing that match Pantone’s global colors for this season. Ideally, I will also add a feature where the user can actually tally the number of “matches” of clothing color to Pantone color for each country – this is my next step!

Desmond posted Color languagescape in A3 part 1

The page starts of as a black screen.

loadingpage-01

When the cursor moves into these regions of the screen,

the entire screen fades into the corresponding color (RGB or CMY White).

colorspage-01

Red region plays a Japanese song.

Green region plays a Chinese song.

Blue region plays an English song.

Magenta region plays both Japanese and English songs.

Yellow region plays both Japanese and Chinese songs.

Cyan region plays both Chinese and English songs.

White region plays all three songs.

Qun posted Qun: Prj 3 stage 1 in A3 part 1, Assignment 3

Screen Shot 2015-10-17 at 9.31.10 PM Screen Shot 2015-10-17 at 9.31.14 PM

My website

Lynn posted Single Serve Website: Nocturne (Description) in A3 part 1, Assignment 3

Nocturne is a single serve website translating a sensory and visual experience onto the web page:

A music box. Sunrise/Sunset.

Upon scrolling down, the sun sets and the moon appears as the sky becomes darker with the tunes of Chopin’s Nocturne (C-minor). When scrolling up, a reversed version of the track plays as the moon disappears and the sun rises, creating an opposite and re-created narrative of classical music.

Nocturne-01

Nocturne-03

Nocturne-04

Nocturne-05

Nocturne-06

Nocturne-08

Nocturne-10

Sarah posted Single Serve Website Concepts in A3 part 1, Assignment 3

  1. Break Time // Looking for a moment of space from the amount of pages open on my desktop, I wanted this site to be a space where one can take a moment to relax. My plan is to have the mouse freeze and restart the timer if the viewer attempts to move to do other work.

SM_BreakTime-01 SM_BreakTime-02 SM_BreakTime-03 SM_BreakTime-04 SM_BreakTime-05 SM_BreakTime-06

 

2. Fortune Cookie // translating a real experience into the digital space, click to crack open the cookie, random sayings will appear

FortuneCookie-02 FortuneCookie-03