Friday, May 7, 2010
Week Fifteen, Stefaniak
Fish
Week Fifteen - Igbeare
Stanislaus - Wrap Up (Week 15)
Stanislaus - Week 14 (Part 2)
Design Strategy and choice of event:
For the web design project we were to pick an event being hosted by a not-for-profit organization. The organization I chose is called Brooklyn Academy of Music (BAM). It is a major performing arts site in Brooklyn, New York. It is a venue for film, performance, art, literature and events. The event I chose was DanceAfrica 2010. This is an annual event that takes place at BAM. Each annual DanceAfrica consists of dance performances by numerous dance companies, an outside DanceAfrica Bazaar, an art display, a series of films and a dance party with live music. The reason why I chose this organization was because it was a local event in my hometown of Brooklyn, NY. I chose the event because I felt that it was extremely cultural and it seemed like a very lively event for all, from young to old. When designing the website, I felt that it should be very bright and festive just like the event. Therefore I incorporated a lot of bright colors into it. I also wanted the website to explain a lot yet be simple which I think I accomplished.
Choice of Typeface
For the whole website I chose the font, Helvetica Neue. The reason why I chose this font is because it is an easily read text and it has numerous different types of font styles and I was able to work with the font in different ways. It’s a very versatile font.
Color
For the website I chose vibrant, bright colors. I chose red (R 214, G 35, B 41) for the top layer, yellow (R 255, G 233, B 95) for the body and black (R 10, G 0, B 0) for the bottom and the background for the navigation bar. I feel these colors meshed well together for the website. For the titles of each page I chose to take the red from the top layer for the color of the font to keep it consistent. I feel overall the website looks simple and clean yet informative.
Stanislaus - Week 13 (Hierarchy)
Wednesday, May 5, 2010
Week Fifteen | Palladino
Tuesday, May 4, 2010
Schwartz - Week Fifteen
Week 15 - Rinder
Week Fifteen | LaSorsa
Sunday, May 2, 2010
Annie Liebovitz
Annie Leibovitz - Schwartz
Annie Leibovitz
Week Fourteen | LaSorsa
Danielle LaSorsa
Rationale: Interface Design
4/25/10
Design Strategy
When first thinking about my design for this web project, I immediately thought of one of the examples from class of a student whom did a web design for her sorority’s (Delta Gamma) Anchor Splash philanthropy event. Since I was doing a web design for an event for my sorority, I wanted to use similar design ideas. I started with a base that had a header container, navigation bar container and a container for specific information pertaining to that page. My header remained the same throughout each of my pages to keep everything consistent. It had the name of the webpage event, a brief sub-header and a picture representing the sorority. To represent that the sorority works with Prevent Child Abuse America, I placed the logo on the bottom right of each page. The viewers eyes exit a page on the bottom right and so I thought putting it there would make viewers recognize the image as they left the website. It also made the website more official because it was a distinct logo that many are familiar with. The toolbar also remained consistent throughout each page of my web design so that the viewer did not get confused when navigating throughout the website. However, to highlight what specific page one was on, I changed the color of the category. My main (biggest) container would hold the information pertaining to each page. I tried to remain consistent by using a feathered picture, a header and then smaller text explanations. However, on the Donate and Directions page where I found it necessary to use two pictures, I formatted it with two diagonal pictures and diagonal textboxes. I tried to use typographic hierarchy for each page by using a bigger size font for the header and got progressively smaller as I placed each textbox beneath. I tried to keep my design very simple and clean because I find that these characteristics lend to easy accessibility and navigation. My main concern was consistency because I knew if each page looked similar, then a person would become familiar with the ways of the website. They then would be able to find the information they need easily, which is most beneficial to the success of a website.
Typeface Information
I had previously made a poster for this event. In order to remain consistent to the event’s previous design, I chose to use the same font, Aachen Std Bold. I liked the font for this event because it represented the idea of building. It was also a fun (not so serious) font and this event was supposed to be playful and enjoyable. This font, however, had low readability as a body text. I had just watched the documentary about the font Helvetica and was truly inspired by the simple but powerful characteristics of the font. I chose to use it for my body text because it fulfilled my want of a simple sans serif. I didn’t think it was necessary to use more than two fonts because it would be too much of a distraction. I think the boldness of the Aachen Std and the simplicity of the Helvetica complimented each other while providing a balance.
Images and Color
Throughout my whole web design, I stuck to four main colors (teal, navy, yellow, white). The use of only four main colors made the web design extremely consistent, which I was aiming for. I chose to use blue and yellow because those are the colors of the sorority. I focused on the color blue because that is the universal color of Prevent Child Abuse America. I used the yellow for the text because as a lighter color, it would be more easily read over the background blue color. My background is a gradient because I thought it added some texture to my web design.
Most of the images I used were my personal images from throughout my past two years in the sorority. It was hard for me to find specific images from the event but I tried to correlate the images I had to the event’s purpose as much as I could. The Donate and Directions pages are the only ones where I used outside images. I cropped and feathered almost all of my images in Photoshop before I placed them into my website. For the mapquest image and the donation form, I took snapshots from the website and placed them into Photoshop.