interface design

This web page is designed to attract both children and parents who might be interested in registering for the CNY Korean School. Therefore, my design strategy here was to put bright colors and cute icons to draw their attention. Bright colors such as red, purple, and yellow were chosen for the icons, and I purposely chose light shade of orange as sort of the main color for this webpage because it immediately caught my eyes and it seemed like an appropriate color for the concept. Each page has an icon that sums up what the page is basically; for example, in the “where we are” section, I drew a “car” to indicate what this page was going to be about. These icons are placed next to its headings to also indicate what the heading mean.

The links are in the shape of grass because when we think about things that children like to do, we make a link with outdoor activities. When the link is clicked, the entire link is highlighted in white which I think is pretty cool and unique.

I left the text box in white to show contrast with the colors around it. By doing this, I felt that it was much easier for readers to read the body text.

The lists on the page are placed in order so that it goes from most important ones to the least important ones.

Interface design

For this project I choose to pick an event connected to my poster design. This event is a coat drive put on by an organization called New York Cares in December. For my poster project I did another event from this organization. The homepage is the last image and I used a picture with children in coats because children usually evoke positive emotions from people. The other pages support the homepage and give more information about the organization. I also created a donation page that is not pictured here and a receipt for people to claim their donations on their taxes.

web design

Design Strategy
I decided to do the top of the web page in the curvy shape because I wanted it to resemble a wave since the event involves running into water. I added the curves to give the illusion of waves and to add dimension to the design.
I put the navigation bar on the left because it’s easy to find things there. I decided to change the color of the link the person was on so that they would know which page they were on. I kept all of the paragraphs short because it would be easier to read that way. I also presented some information in list form so that it would cause diversity to the webpage and thus make it more pleasing.
I feel that the links I chose answered the questions that would generally arise. The who, what and why are addressed on the home page. The where and when are discussed in the event page. I added a donations link because that is the main function of the event. The other links, photos and press, were added for fun things for people to look at. The links are arranged in that order based on their importance to the event and reader.

Choice of Typefaces:
I chose Verdana because I wanted a font that would be used on all types of computers. I was able to create diversity of the font by using it as italic and regular and in different sizes.

Choice of color
I decided to use greens and blues and whites in the design because of the pictures I found. I based the color scheme off the water in the pictures. I also used these colors because the plunge is very early in the new year so the water will be very cold so I wanted cool colors.

Choice of Pictures
All of the pictures I used were from google images except for one. The one of the girls dressed up like superheroes is from Facebook. I chose these pictures because I wanted penguins since the event is called the Penguin Plunge. I chose the superhero picture because it’s one my friends took from when they participated

Hey look, visual hierarchy!

I love this layout because it is painfully simple, as it should be- it is webassign after all. Online homework should be straightforward. The red leads our eyes around the page, there are two navigation bars- top and left side. They are very simple and easy to understand. There is a nice red border outlining the sign-in page, and there is a nice red button, which your eye hits and then you realize "oh, this is where I sign in". That screams great visual hierarchy (score! easy navigation).

Visual Hierarchy

Barack Obama's website is genius, and is the most copied website right now.  The blue catches my eye and brings me in. You can see the visual hierarchy immediately. The white navigation bar stands out brightly against the very American blue, and the pres and vice pres elect "oversee" the website with strength. There is no doubt who this website is for.  My eyes skips from red button to red button, encouraging me to click.  Well organized, informative, and modern. My favorite!

Clint Clemens - a bit late

I attended the Clint Clemens lecture on November 6th (and am just now getting around to writing about it). I'm definitely not a photographer, but I certainly appreciate good photography and it was a treat to hear Clint explain how a lot of his photos came to be. I was impressed with his tendency to get in on the action wherever he can find it, and it made me appreciate the art a little more just hearing everything that goes into one of his photographs. Clint is definitely very scientifically-minded (as was evidenced by the second half of his lecture/presentation), and I was very surprised at how technical some of the processes he used were. I would never think to attach a paraplegic's sidecar to a motorcycle to get action photos, and the device he conjured up for some of his boating clients was ingenious. Being very naive to the whole photographic process, I had no idea that it would require an elaborate rig like that to get a blurry background and focused subject, so this presentation gave me a newfound appreciation for the art and science of photography.

visual hierarchy

the visual hierarchy here in Youtube site is very strong. They placed the search function at the
very top and middle of the page since it is the most important one. Then as you scroll down, you'll see that they added icons in red and orange. Red and orange are said to be very strong colors; they are capable of attracting viewers' eyes. These icons are placed in boxes and each box takes you to different page. At the right corner of the top page, you will see a log in function. By separating this with the entire website, it allows members to easily find it and log in. The website overall is very organized, and even though there are alot of ads, they organized them in a way that is not distracting.