Tuesday, December 9, 2008
Final Wrap Up Post
Saturday, December 6, 2008
Wrap-Up
Wrap-Up
Wrap Up Post
Wrap Up Post
Friday, December 5, 2008
MODaMOUTH.com
This is modamouth.com which is like a blog site. In terms of visual hierarchy, the most important things are made evident by the size of the font and usage of color. i like the background of the picture and how it is repeated in the subcatergories. The colors to me really pop out at you. i think their usage of whitespace and containers is very good. The only thing i would of done differently is the lenght of the paragraph. the paragraphs look extremely dense and one a blogsite its better to be short and to the point.
WRAP UP
Website floating re-do...




Wrapping it Up
Wrap-Up Post
I found the projects to be a lot of fun, but that's about it. I didn't think they were very helpful to my future. Being a print major, i found a majority of what I learned not applicable to my life and hopeful career. It was nice to know but in all honesty I will probably forget the terms by next year. However I will most likely use the concepts I learned for much longer.
Thank you from Wasim
Blogging will be important once you all enter the "real world" out of college. It's a great (and cheap!) self-promotional tool. What we did this semester was just the start; a way to whet your appetite for blogging.
By creating a Google account to use this blog for the class, you've already created 90 percent of what you need to start your own blog, which I hope many of you try. College is a great time to learn the ropes of blogging.
As many of you have probably figured out, I run my own blog using Blogger - something I created after taking the same graphics class (albeit the graduate-level version). You can check it out at http://wasimonline.blogspot.com/. You'll find a link there to my Web site, which was created using the same principles I learned here in the interface design project. And I already showed you all how blogging can drive traffic to your Web site. It's a synergistic relationship between the two.
Try it - you may even find it's fun! All it takes is signing in and clicking on "Dashboard" at the top and then "Create a blog" on the next page.
Thanks everyone for a great semester. You all worked really hard and I saw some great work coming from this class. It's been a pleasure to work with you in my first instructional associate job here in Syracuse.
Thursday, December 4, 2008
Wrap-up post
I never knew font would matter so much to me. I never really noticed type-faces on trivial things like medicine bottles or trucks- meaning that I never knew they mattered. Now I find myself analyzing every sign and label for a recognizable font. Yay, graphics! I also made friends with all of the students that work in the labs because I am in there so often for extended periods of time.
Sharing resources
For those of you who would love to see your business cards in print, this site gives away 10 cards for free that come with a 10 percent coupon. It's a great way to see your cards before you by them on a proper piece of paper with double-sided or glossy effects. You just upload your image.
Enjoy your breaks!
Tuesday, December 2, 2008
Interface Design





Design Strategy:
I chose the same event as my not for profit poster, and purposely incorporated the poster design aspects into my website. The same icons – the band aid, pumpkin, candy corn, etc. – are featured in the navigation bar as identifiers for each section. I chose to do this because I not only wanted continuity between all publicity objects representing the SAFE event, but I also feel I captured the audience so well in my poster that I would incorporate the same child like shapes and colors in my website. This is a website for parents and kids to enjoy, and I designed for that audience.
The navigation bar’s shape and placement is for readability and eye travel. As the eye begins at the top left, it immediately sees the reason for the Web site – the event name. Then the eye travels down the curve to each brightly colored section bubble.
I used wide, but short blocks of text with colorful headers to make for “quick reads” and always included my helpful links on the right side of the page for consistency and eye travel. The eye will see them last, and they will hopefully be inclined to click through.
Typeface:
My “novelty” header font is Marker Felt and my body text is Georgia. I wanted to stick with a web-friendly font for my body, because the Red Cross might actually use this, as I am still an intern. Marker Felt reminds me of childhood handwriting, yet with enough readability to attract adults. The serif/sans serif contrast makes the website look professional despite its youthful theme.
Color:
I chose the traditional Halloween colors because it is a children’s event and it speaks to the audience, just as the bright candies and band-aids do. The black background serves as a matte background for the bright fonts and pictures to really pop out of the screen. My colors for the other navigation windows derive from the poster and from my own realm of bright, child like colors. I purposely did not stick with one color theme throughout; I wanted each page to be a little different with color, and used the design aspects to create consistency.
Monday, December 1, 2008
Website Project!!





Design brief:
I used the same organization from my poster project for my interface project. Jazzmin Hall is a friend of mine that is trying to start a new program with in the community of Englewood for young female children. I tried to accommodate the different of needs her website. I tried t use pictures that were visually pleasing to adults as well as children.
I did a page for things that I thought were important to the organization and this event. I made a page for the home page which describes what the event is about. I did a page about the organization mission and the style of dance that is being offered. I did a page on joining the organization.
I did a page on contributing and contacting the org.
In each I provide quick reads that were long enough to give the read some insight but not to long to push them away. I provided extra links on the pages that you would see on really websites. For example, a link for directions.
Typefaces:
I used verdana because this is the one out of the many typefaces that was recommended. It provided a small amount of versatility but definitely allowed me to follow the rule of visual hierarchy. Another thing about this font is that you could use it at a smaller size and it will still be legible.
Color:
I pulled the color out of the pictures that I used. I used mostly warm colors because I wanted her site to be warm and inviting. I also believe that it would make the website pop more than colors that were too dark or too light. In addition, the background is white; therefore, light colors would fade into the white. I felt that dark colors would not work with the theme of dance.
Saturday, November 29, 2008
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.
Friday, November 28, 2008
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.
Thursday, November 27, 2008
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
Sunday, November 23, 2008
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).



