Wednesday, May 12, 2010
Week 15- westbury
Sunday, May 9, 2010
Week 15 | Walsh
Saturday, May 8, 2010
Week 15: Spivack
Friday, May 7, 2010
Week 15: Class evaluation
Week 15: Class Evaluation
week 15| Del Castillo
Wednesday, May 5, 2010
week 15- westbury
The non-profit event I chose is the Annual ProjectFeedME Basketball tournament that takes place at Syracuse University every Novemebr. This event is a collaboration with Phi Beta Sigma, a historic African American Fraternity. The tournament is designed to raise money to feed impoverished inner city families in the New York City area during the Thanksgiving holiday.For my website I wanted to have the central focus around a basketball. I implemented this idea by finding a Google image of a basketball. Then putting half the ball at the top of my screen, letting it gradually fade to white. With this structure it provided both an image of a basketball as well as effectively representing the tournament. I used brown for my navigation bar which complemented the basketball and used a peach color for my roll over. For the banned I wanted a simple white background with black lettering. I kept this simple structure for each slide.
Tuesday, May 4, 2010
Blackstone | Final Week
Monday, May 3, 2010
Sunday, May 2, 2010
Week 14: Interface Design Posting







I must admit that I had some trouble picking an event for this assignment. I did consider the event that I did my poster project on but the information on it was not easily available and it was a very localized event so I thought I would go in another direction. However, none of my other ideas seemed to pan out. Luckily, I found an online brochure of my event, which made this project much more doable.
Once I chose my event, my design ideas became clearer. Having been to this event for ten years or so, I knew the event inside and out. I knew that the audience was pretty much solely local residents from all different backgrounds. Therefore, I wanted to make a simple, comprehensible website for potential viewers. I also wanted to make it informational, since the event is highly advertised in the area by name, but not much by content.
For this reason, I chose to use the simple pink (breast cancer) and blue (prostate cancer) colors, which I took from the ribbons in the site’s header as well as simple black and white text because they are simple yet get the point across.
The pink color that I used was a pantone with an R: 233, G: 101 B: 180. I used this color as a background throughout the site and in various locations as well. This color is the symbol of breast cancer, one of the causes of the walk. The blue color that I used throughout is a pantone that I also pulled from the ribbon with an R: 72 G: 145 B: 86. I used this color as a background for certain text (especially behind white text).
For most of my text I used Helvetica. Mostly, it was size 18 pt or 21 pt and black and a majority of my body text. For my headers, I used Gill Sans sized 30 in white in front of the blue background in order to make it stand out. For the nav bar, I used Helvetica size 24 pt in the same blue color with pink mouseovers. For the main header, I used Berlin LT Std Bold Italic size 55 pt.
Spivack Website Week 14






Typefaces:
Brioso Pro, Arial Black, Helvetica
For the event name I used the font Brioso Pro. I felt that the font was fun, but definitely still very readable. This serif font helped me to convey the fun but professional feeling of the event. For the navigation bar I used the font Arial Black. As a bold sans serif font, it stands out but remains easy to read. For the body of the website I used Helvetica. The movie we watched in class, for one, completely convinced me that Helvetica was one of the most widely used easily read fonts ever created. I felt that the level of readability of the typeface was what I wanted in my website. There are also many variations to choose from.
Besides the Brioso Pro, the fonts that I used were pretty basic. The reason behind that is because I feel that websites, due to readability and compatibility issues use more mainstream fonts. I understand that we were allowed to branch out, but I wanted the website to seem as legitimate as possible.
Visuals:
For the navigation bar, I used erasers as tabs, crumpled paper as the background and the pencil as a logo. I used these school supplies to make the website fun and also relevant. I found pictures from both the Youth Day BBQ current website and Google throughout the design.
Friday, April 30, 2010
Walsh | Project 5






Design Strategy:
After looking at the current web page for the New York State Blues Festival, I decided to make the web page appear less formal and a little more festive. The original page seemed fairly straight-edged and corporate. I decided to concentrate a bit more on the music and the musicians.
Although I aimed and desired focus a lot on the music, there were not many pictures available from past events. I managed to find pictures of a few of the scheduled performers, but there were not many visuals that had to do specifically with the New York State Blues Festival. As a result I ended up using several of the logos for the corporate sponsors of the event to bring in some relevant visuals.
I have found this semester that I am not very capable, accurate, or productive when I sit down and draw out sketches. I cannot get a good idea of what I really want to do with my design until I sit down at the computer and start playing with colors, images, and type. As a result, I due not have an extensive selection of sketches to turn in. This meant longer hours in the lab but I have accepted that as a necessary means for me to produce my best work.
Typography:
For the event name in the headline of the web page I decided to use Auriol Limited Standard Roman. This typeface came across as both relevant the idea of a festival and blues.
For the rest of the web design I used Frutiger Limited Standard Light, and varied between bold and non-bold. After using Frutiger in the captions for my magazine design I decided I really like it as a typeface choice. It is very readable, smooth, and fulfills the need for a san serif in web design.
Color Information:
The colors in my web design are RGB. For the blue areas of the background and logo, information is R 36, G 150, and B 212. For the black areas the information is R 3, G 3, and B 5. For the dark blue font used for hyperlinked type, the information is R 0, G 0, B 255.
Buchholz | Week Fourteen






Design Strategy: When coming up with the design for my interface, I knew I wanted it to be very simple and clear. I did not want it to be cluttered with photos or information; I just wanted it to be very “to the point.” I did not want it to be fancy, as it has to appeal to a college-aged audience. I used color and photos to make it more interesting and did not have a lot of text, as college students do not necessarily have time to sit and read through a website.
Choice of Typefaces: I chose to use ITC Fenice Std for the header because I thought it was a fun serif font that was very readable. I used Tekton Pro in different weights and sizes for the links and the body text. This font is a sans-serif font, which is easy to read and stands out. It does not clutter the design and contrasts the text in ITC Fenice Std.
Visuals: I used images from past Mr. Golden Anchor events and framed them in a vintage Polaroid frame. I also used a large “golden” anchor in the background, which I traced and formatted in Illustrator. I thought having a large anchor was appropriate to go along with the title of the event. I used a deep blue background ( Pantone 288 U) to compliment the gold anchor and white writing to contrast the background color.
Website: Stop Paying for Slavery Tour







Design & Story Strategy:
I decided to do my website project on the same not-for-profit organization as my poster project, the Not for Sale Campaign. This is a different event from my poster project. This event is the “Stop Paying For Slavery Tour 2010.” It is a tour by the Not for Sale Campaign where they travel to different schools, corporations and etc., to educate consumers and people about the true face value of our dollars, human trafficking, and the modern-day slave trade. The organization already has an incredible website dedicated to this event, but I tried my best to make it different.
I found the event’s logo and decided to make that my header. On every link, there is a different picture (all found on their website) on the top left corner. I put this visually beautiful and symbolic picture on the “welcome” page because I felt it gave the first page the “WOW” factor.
On the side of every main container, there is a human trafficking statistic. So every time someone refreshed the link or went to a different link, there is be a different statistic.
I only have one main container because I didn’t want the website to look crowded. The main container and the separate links all provided enough information for the event.
Every active link is written in white, underlined and has bullets/dots on both sides. To show visual hierarchy within the text box, I either made them bold, a different color, or used bullets.
Choice of Typeface:
I used the fonts Cracked and Helvetica. I used Cracked because it symbolizes the pain that children and people are still going through today. It also looks like an old, torn down font –which I think symbolizes the historically horrible issue of modern day slavery.
I used Helvetica because it’s simple to read. It also allowed me to have a variety of choices when trying to create visual hierarchy.
Annie Leibovitz
I never had an interest in photography, but hearing Annie Leibovitz speak was really intriguing and inspiring. I’ve never seen the Hendricks Chapel that crowded either. She discussed her accomplishments and the obstacles she’s overcome as a photographer. It was inspiring to learn about her confidence, creativity, and passion. I was floored at her ability to turn simple things into art. She is able to give any picture a story and a life –a very rare skill. I was also incredibly impressed at her diverse portfolio. Her top magazine covers illustrate her eye for art and beauty. Through Leibovitz, I learned that pictures really are worth a thousand words. Prior to the event, I didn’t know who exactly Annie Leibovitz was. But I feel lucky to have gotten the chance to hear and see her speak.
Thursday, April 29, 2010
Annie Leibovitz
annie leibovitz
When Annie Leibovitz came to talk to Syracuse she discussed her new book At Work. The book discusses how her life while working in photography. She talked about how her photos have more meaning when the person in them has passed away. I found that statement very interesting and also very true. When someone dies their memories can partly stay alive through their pictures.
The one point that I found most important was when Annie talked to her niece at the end. She talked about how this is a turning point for people in the magazine, photography, and other fields like that. From 50 years ago until now photography and the industry have already changed and now and in the future there are only more ways it can change for the better. Now is our time to start changing things.
Week 14 | Blackstone






Sam Blackstone
Web Design Rationale
Event Choice
For this project, I chose to continue with the same theme that I focused on for my poster project. Although I ended up moving away from the Jimmy V Celebrity Golf Classic because its website was already extensive, I found a local golf tournament that was affiliated with the Cystic Fibrosis Foundation. I went to their website and saw that while it was clean and easy to use, it was lacking any creative flair. By adding pictures, and more information, I thought my design was much better.
Typeface and Color
For my navigation bar I used Helvetica Regular because of its clarity and because you recommended that we employ san serif fonts. For the body font I chose ITC Avant Garde Gothic Std Medium. I really liked how strong yet easy to read this font was. I had my body font use the same color as the logo and navigation bars to give it some consistency. I used a green background for all my links and gave it a little shading effect, with the green becoming darker as the eye flowed down the page. I thought this gave a little dimensionality to the site. The color was R: 138 G: 173 B: 89. My navigation bar and my privacy policy bar at the bottom were the same color R: 25 G: 45 B: 116 and I used the gradient tool to once again add a little dimensionality and keep it from looking 2D. Besides the basic Home, About Us, and Contact Us, I used Register, Location, and Awards because I had the most information for those categories and because I thought that this information was definitely important for someone who was interested in the tournament.
Pictures
Most of the pictures I used I took with my camera. I did this because I knew what kind of pictures I was looking for and I knew the pictures would be high quality. The mouse over is a picture of a golf club that I traced in Photoshop then placed into the design. I thought this was creative and helped reinforce the golf theme. The reason my project is six separate documents instead of one is because when I asked one of the TA’s, they told me to do it like this. I just took off the aspects I didn’t want and saved it as another document. Overall, I was happy with how it came out.
Tuesday, April 27, 2010
Week 13 Spivack

The visual hierarchy on this website is very evident. The bigger pictures are the more important ones. 20% off REALLY stands out because of its size, and background color. The "Deal of the Day" is another portion of the site that stands out with the use of color and font sizes. The use of pictures and picture sizes also create a visual hierarchy. There are a lot of links on the home page that take you directly to relevant portions of the site. The navigation bar is easily read and found on the page.
Sunday, April 25, 2010
Week 13- Westbury

Espn. com represents an example good hierarchy. When looking at the web site there is so much to look at. There is a lot of information presented on the initial home page. ESPN however does and excellent job pointing out the major headlines of the moment on the right hand side of the page. If a viewer was looking for the top stories, they are easily directed to the headlines. Also the biggest pictures represents the biggest story of that day. Overall ESPn is a website that represents a website with good clean use of hierarchy.
Saturday, April 24, 2010
Week 13: Hierarchy

The website for the Make-A-Wish Foundation has a very well-run website with great hierarchy. The tabs are set about three-quarters towards the top of the page that is directly under the large organizational logo, making it near impossible to miss. Also, other popular links, such as wish stories, ways to donate, and news and events are very easy to spot on the screen because of the hierarchy in which the website was designed. A job well done by the Make-A-Wish Foundation.
Stephen Wilkes
Friday, April 23, 2010
Week Thirteen | Odiamar
Week 13 | Walsh
I found that cuteoverload.com has good visual hierarchy. They place the more important visuals along with the articles in a dominant position in the middle of the page. They list the links down the left side of the page and have advertisements on the right. The page title is at the top, also in a dominant position. Everything is well organized and clearly placed.
Buchholz | Week Thirteen

I think that youtube.com does a very poor job with using visual hierarchy. The website is very scattered and it is quite hard to navigate to around the side. When scrolling up and down, it is hard to determine the information and search around for the type of clip you are looking for. I think that by having clearly displayed categories and by using different type and colors, the site would be much easier to navigate around.




