Saturday, December 17, 2011
Thanks Everyone
and to see and admire your work. I am proud to be among you and can't wait for our next adventure together.
closing thoughts
module 8 recap.
Thursday, December 15, 2011
@ the end of our semester
I was wondering if this blog and all of the class material will be available after the class is over? I was also curious to know if anyone would be willing to share the projects that they worked on throughout the class with each other. I am more than willing to share the pieces that I've worked on. Feel free to contact me via my personal email asaunders678@gmail.com or via twitter @asaunders678 anytime! Thanks for all the great knowledge share and conversation in this class.
Friday, December 9, 2011
Minute Maid Article
This article is a great over view of what happens doing package design and how companies look at past and future consumers in the designing process.
http://www.brandpackaging.com/Articles/Brand_New/BNP_GUID_9-5-2006_A_10000000000000714143
Monday, December 5, 2011
Red or Blue, Get Your Flavorpill To Order
Print magazines which have already long established their reputation as such, National Geographic, GQ, Electronic Gaming Monthly, for example, in creating their online editions quite possibly made their run through several laborious content strategy meetings, style guides and design iterations to a greater degree than more recent, perhaps web 2.0-born, online-only magazines. The former have the added task of presenting their content consistent with their established brand but with all the new responsive and interactive methods of delivering that brand content online, and some have managed this quite well, while the latter have the benefit of launching with all the bells and whistles built right into their brand and delivery.
Flavorpill is one such example wherein we find not only a magazine native to the internet, but also one that offers a broad range of topics in contemporary culture; books, film, design, art and multimedia—and Flavorpill has quite intelligently designed their workflow to utilize web 2.0 communication tools, like social media, to stay up-to-the-minute on these topics, where a print journal would have to balance their print editorial structure with what is published online; one good example is Wired and its web edition. Flavorpill manages this format in several specific cities in the United States, and London.
Of course, digital natives are not (yet) born in and of their own connections online. In other words, their design and implementation still follows conventions we find in "meat space"; namely, letters to the editors and writers, in the form of comments, which are now frequently published in print versions of some magazines, like Wired; readers can subscribe to online-only magazines, typically for free and receive a newsletter-style email, the body for which is a condensed version of the brand style seen on the website, with the most visited and newest content linked; and, of course, use of images. However, these aspects mentioned, while they are analogues of print magazine layout and delivery, have been adjusted to the scaling potential of user-generated, feedback, and responsive, interactive behaviors online. Real-time affects have brought forth, by default, a new dimension of feedback, appropriation and re-delivery—and print magazines have a good deal of pressure to balance the inherent need to stay present, and current, with the time it takes to compile, editorialize, layout, design and print a monthly magazine.
Meanwhile, online publications like Flavorpill are freer to experiment, without the anchor of inverting or struggling to keep alive an established print magazine.
Sunday, December 4, 2011
ravasquez-module7-screencast_national-geographic
Salon.com- Heather Kick
The top of their home page is nice. There is a main story and several other top stories highlighted. Then, there is a line with the title "Recent Stories". Below that is just a huge list of stories. This format reminds me of an "above the fold" format. The design is much sleeker, much more welcoming, much more enjoyable to read "above the fold." But below that, it's like the website didn't know what to do. Salon.com has tried to carry over the print design a bit too much. I think it is time that they throw these concepts away and learn what functionality they can really utilize. Once they learn how to better manage the information, then they can put more thought into the form.
As is, there isn't much to be said for the form. There aren't that many colors used. It's strictly set to black, white and red. The articles are written in a serif font. Even the layout is lacking "below the fold". Even "above the fold" there is a bit of awkward spacing with layout...
I don't think Salon.com has really even started to utilize the format of their delivery. And that's a shame.
Slate Gets It Right
Slate is an example of an online Newspaper that gets it. I think they do a better job online that sites with a paper and ink counterpart. It seems difficult for the editors of those companion sites to break away from the paper into the digital world. The front page is where that is most important, for that is you menu of option. It is the entire reason online is better than news print - you don't need to search through a paper to find stories that interest you, they are all right there for you to chose.
Compare Slate to the New York Times site.
The Times insists on laying out their web site much like their print edition. The copy under the headlines eliminates choices. The Times offers eight stories in the space you see above. With a changing image, a scroll and several menus, Slate offered five times more options in the same space.
I think the biggest difference in design approach between newspaper sites with a print counterpart and those without is the front page. The sites without a paper and ink mother don't have to struggle with the separation anxiety that seems to keep the companion sites from breaking away from what was to what can be. Those at companion sites have an ingrained and antiquated idea of what a newspaper should look like. I have friends who have worked at newspaper web sites and have expressed frustration with the inability of those who come from print to be able to see past the paper in their hands.
That is not to say designers should forget the past completely. In fact, it is important that they do not. Slate doesn't. Once you are past the front page, things start to look a lot more conventional.
Headline, sub-heading, picture, one column, traditional type, spacing and paragraph breaks - it's all right out of the old newspaper. This layout is easy to read, comfortable to the readership and promotes a sense of credibility that has been built by a hundred thousand articles laid out the same exact way in a thousand newspapers.
It's important to keep some of what was, especially on a news site where lay out is a symbol of journalistic standards. Its just not important on the front page.
Screencast
http://www.screencast.com/t/yNCNjWcG9a
People is Popular
Well, another People magazine presentation.
I just wasn't sure what people would think if I tried to buy Seventeen Seventeen :)
Here is my presentation.
The interesting thing about People Magazine online and in Print is that they rarely share content. In fact, they have two distinct jobs under the same umbrella. The Print version is for interviews and articles with celebrities and interesting people. The print version prides itself on being 50% celebrity and 50% human interest (although I am not sure that's true.) The online site is purely celebrity news and is updated several times daily.
Slate vs. The World
Both websites seem to be a cluttered mess that is differentiated not by its design, but by the quality of its content and columnists. While magazine's like People, GQ, and Car and Driver can afford to keep a cluttered homepage with an overload of information, Slate does not have this luxury because the website is the only source that people can go to in order to get information from Slate. This causes a conundrum because people will often want to play it safe as to not lose visitors to the site, but I personally would suggest making the website feel more like a magazine, since that is what it is supposed to be.
I think designers should take risks - particularly those that are designing for situations as unique as digital-only magazines. I would personally offer an option on a Slate splash page in which users get a "normal HTML-like, cluttered page or they can choose a more magazine-like style so that laptop users or even mobile web users have the option to flip through the website like a magazine. Psychologically, this could give readers a magazine feel and make them believe that they are getting an amazing deal because they are getting quality magazine-like information for free. Slate has an opportunity to be better than the rest of the magazine world. I think they're missing out.
People Magazine (Screencast)
http://screencast.com/t/qcznuiBOtP4
Saturday, December 3, 2011
BAK Magazine
The design approach of this "cover" is similar to that of any print magazine--an attractive graphic, the magazine name and information about the articles inside. The next page offers a letter from the editor, the layout being just like a print magazine,
Something you will notice on this page as well is that this magazine is bilingual--English and Turkish. I'm sure about anyone else, but this is the first time I have come across this and I am a bit impressed with this unconventional approach.
As you browse through the rest of the magazine there are plenty of impressive graphics and great articles and interviews. The articles/interviews design and layout are quite similar to what it would look like if it did have a print counterpart.
The design approach in BAK is very different from, for example, the digital version of National Geographic. With National Geographic, most of the design detail and attention is given to the print version. In the print you find larger photos, a variety of color and a variety of font. With the online version, you find a fraction of the design effort. In BAK, since this is the only version, all design effort is put into the digital version. I'm not sure that BAK is really taking away any 'conventions' from the print magazine genre. It keeps the same design format as a regular print, but gives it a bit more edge and creativity. I think more designers should go this route and print magazines could take a lesson on how to make their digital counterparts more interesting and exciting.
Slate magazine IPAD vs. print magazine
Online magazine Observation
This website is set up very similar to a blog. It it is very easy to read and navigate through and the colors are neutral but perfect for the web. The 3 column set up makes the homepage easy to read and the large text in the navigation bar makes it easy to find your way around the site. It is nice that you can click on all names of authors and article titles to learn more. Interaction is key when building an online magazine. Another feature that I thought helped organize the site is the ability to search through topics. The site is calm and is not confusing or cluttered at all. Overall, this site looks very professional and well made.
Salon.com magazine or newspaper?
Salon.com is an online liberal magazine. It focuses on delivering USA politics and reviews and articles on music, film, and books. This online magazine is designed in a tabloid layout. This magazine is consistent with its layout throughout the whole website. When visiting this website, you feel as if you are on a news website instead of a magazine’s website. Salon.com online magazine lacks pictures and is solely driven by its story.
When I think of a magazine I think of fascinating layouts and amazing ways of placing images. I think of dimensional pages and the usage of lots of colors. However, this magazine lacks colors, large pictures, and enjoyable layouts. I dislike how lengthy the threads are on this website. They don’t utilize links to navigate through different web pages; they just place them all on one page.
Online magazines do take away from the feeling of buying a magazine on a stand. Simply by removing a lot of the ads you lose a chunk of the excitement you had when opening a magazine. I remember buying Glamour magazine just to see what new fragrance and bags were available for the season. I don’t visit online magazine for this purpose anymore. When I visit a magazine online I am just interested in the images and brief articles.
Salon.com is almost identical to visiting a news website. For this, I believe that there should be something implemented for magazine websites to stay consistent with their “magazine feel” layout.
Rue
This magazine can be viewed on your screen or through an ipad app. Rue has articles about fashion, food and interior design. The overall on-line magazine layout is similar to a print magazine such as real simple. Both magazines are clean with an open layout that has plenty of white space.
The Rue magazine website is less cluttered. The website acts as the shell for the digital magazine and to point out certain topics. I enjoy flipping through the magazine pages as if it were a print piece. Being able to click on topics I like to automatically go to that website is very convenient. Having the magazine in digital format on-line the designers can focus on the information in the magazine and then focus on the information on-line separately.
When I visit realsimple.com I notice that all the articles I’ve seen/read in the print version are on the homepage. On ruemag.com I can go onto the site view the magazine and then view other topics the designers have pulled out and placed on the website. It allows all the information from the magazine and additional information to site nicely on a website with out over whelming the site with information.
The interior of the rue magazine is very similar to a print magazine however it appears to have less on each page. Since this magazine fits on an ipad designers probably had that in mind as to how much content can fit on an ipad screen. The font is mostly san-serif, which is easier to read on-line.
Overall this magazine captures some similarities to actual print magazines however conforms them nicely to an on-line only publication. Similar to printed magazines the pages of the digital magazine are set up in certain groups of topics- fashion, interior design, going out, etc. It has created a nice open space for viewers to read the magazine and additional information with out repeating information on two platforms.
Friday, December 2, 2011
Digital Vs. Print
Car and Driver (magazine vs. internet)
Zite: iPad Digital Magazine
Screencast
Monday, November 28, 2011
Coloring The World Through Media
It was really interesting seeing how influential color can be not only in the clothes we wear, but the houses we live in, the rooms in which we work and learn, the websites we view, and even the movies and television shows we watch.
Color and the World
After writing and researching color and its physiological meaning, I now understand the importance that color has in our every day life and in web design. Color is vital to set a mood and feeling on a website. Knowing your audience can help you identify what colors to use on a web site. Different people can interpret colors in many ways so knowing your audience plays a strong role on developing an effective site.
This reading motivated me to continue to search the meaning of colors and its physiological impact around the world. Very interesting.
Sunday, November 27, 2011
The Confinement of Color Theory
I then went in search of examples in support of The Red Queen. I found the ammunition I needed at Tiffany's and the pre-K Montessori class that my daughter teaches.
Tiffany's and Co. picked an unusual color over a century ago that was called Robin Egg Blue. The color is now commonly called Tiffany Blue and is copyrighted by the jewelry company. It was not the obvious choice in the late 1800s, but it was the right choice. Instead of the designer being led by the Psychology of Color, he or she blazed a new trail and in doing so, changed the psychology. Tiffany Blue now stirs emotions of romance, quality and elegance.
Pink is the favorite color of two year old boy's in my daughter's pre-K class. But it is not the favorite color of the 3 and 4 year old boys. She has witnessed this phenomena over the past six years. As they grow, they learn an aversion for pink from their parents and their peers. It is not innate, it was pushed for marketing purposes by Department stores in the early 1900's. Before that time, most department stores sold pink clothing as the dominant color for boys.
Here is a chart from a 1927 Time Magazine showing what color the major department stores in the country were selling as the dominant color for boys and girls.
Global Color
I did take one of the color psychology quizzes, and the results were a bit mixed. While it was on target for a few ("Creative and emotional, looking for ways to further expand those qualities.Seeking adventure and new and unusual activities."), other results weren't quite as accurate ("He is being forced to put happiness and pleasure on hold due to his limiting circumstances.").
Psychology of Color
So Many Colors. So Many Wonders.
The meaning of package colors at the grocery store
Along with our other reading on what colors mean, this article was a bit more specific with some colors and why they are chosen. I found the fact that red and blue play off of each other so well and that like Pepsi and Coco Cola competitors will choose colors based on what their competitors colors are.
In the Color Psychology article by David Johnson, I found it really interesting that blue was not a top food package color for him. He said "While blue is one of the most popular colors it is one of the least appetizing." When I was at the grocery store I looked around and was alarmed at how many blue packages covered the shelves. I think when the blue is used correctly it is not offensive or implies the food is bad. Also I think the color of blue chosen makes or breaks the consumers emotions on the package.
Overall I enjoyed learning about the means of colors, specially outside of the United States. It is important to have an understanding of the color scheme your market will get the most positive attention from.
Saturday, November 26, 2011
Psychology of Color- Heather Kick
Beyond the symbolism, cultural influences on the perception of color come from the history of that color. A fantastic book on that very history is Color: A Natural History of the Palette by Victoria Finlay. I read this about a year ago. It really makes you appreciate color in a raw way.
There is certainly a lot to be said about color. It can bring emotion in to any visual. Even the lack of color can mean something. What makes this truly artistic is that the effect can mean different things to different people. Being aware of this, you may be able to create a new influence of your work depending on the color palette as designed for different groups.
Regardless, color should not be overlooked or under estimated in your design.
Wednesday, November 23, 2011
Color Discussion
Tuesday, November 22, 2011
Color Scheme Designer
Monday, November 21, 2011
First Grade on Steroids
One thing that I never thought while learning my colors in elementary school, was how important they really are. I thought he most interesting section of reading was focused on the meaning of each color across cultures (thinking that yellow can stimulate metabolism did make me laugh though - only because there is a lot of yellow in my house). Throughout the reading, I realized how important color is to all aspects of design - architectural, web-design, fashion to name a few.
Adding color to the display type assignment was also fun and eye opening. I personally, edited my originals by adding color to see the difference between the 1st and 2nd batches. It was incredible that an addition of color could change the emotion that came from looking at each piece so dramatically. For example; adding a very light gray background and changing font color to light pink can truly evoke the sense of a whisper.
Sunday, November 20, 2011
Balance and Symmetry Example
https://docs.google.com/open?id=0B9rASny4nCbjOWM2ZjM3YjQtODI0Mi00ZThmLWIyNzctMWIzNWZmMzA2ZGFm