Archive | Sarah McCarty RSS feed for this section

Website Design Floating Redo

9 Dec

 

Advertisements

On Demand

1 Dec

On demand printing allows publishers to be more economical in their printing strategies. Instead of overproducing copies of a book or document, single copies are printed only after an order has been received. If this trend continues, customers will be able to go to a bookstore, request their book, and have it printed within the same day. As a journalist and writer, I might use this printing technology in the future if I ever want to publish only a few copies of book. For instance, I might compile my articles into one book and publish it for family members.

From Paper to Screen: Creating Design Online

19 Nov

NPR is a non-profit media organization. Its website brings arts and culture and news stories from the radio to the Internet.

I like this website because it is clean and easy to read. The grid used to layout the information keeps the stories separate in a nice format as well as creating visual hierarchy. The site also achieves visual hierarchy through headline typefaces.

The black type against a white background makes the site readable. I also really like the black tabs on the navigation bar and how a fold in the top right hand corner lets the reader know which page they are on.

The one thing I would improve on this site is adding just a bit more color, but not too much. For instance, the colors from the NPR logo at the top could be used elsewhere on the site.

The Wisdom of the Bees is a website promoting a book by the same name. The book is by Michael O’Malley and discusses how studying bees taught him about business, leadership, efficiency and growth.

This websites shows the trend toward simplicity. The home pages doesn’t incorporate too much text but instead relies on its strong, yet simple, visual design.

Drawing from the topic of bees, this site uses a bold yellow background and black text for the title and page links. Yet, on the bottom half of the site the background is left white so to make the body-type text readable.

I think this site is really nice and designed really well. I can’t think of much I would do to improve it.

Austin City Limits is a music festival that happens every year in Austin, Texas. Its website gives festival-goers all the information they need, including ticket sales, line-up information and past photos.

Although I love the large photo slideshow at the top of the site, the first thing that really made this site interesting to me was the way it incorporates a second navigation bar about half way down the page, featuring updates, tweets, photos and videos. This bar features larger than normal tabs for a navigation bar and is visually appealing.

I think the green color scheme, with a pop of blue and orange, also works well on the site.

The one really bad thing about this site that should be improved is that when you are on other pages of the site, for instance, the Ticket page, there is no link to the Home page (although if you click on the Austin City Limits title it will take you back).

Rotten Tomatoes is a website that aggregates film reviews from national publications.

The main thing that attracts me to this website is the banner at the top. The site derived its name from tales of audiences throwing rotten tomatoes at performers with a stage show was bad. The banner takes the idea of the tomatoes, plants the website title into green grass with a pretty blue sky in the background. The green, blue and yellow colors immediately drew my attention to this site.

The grid also works well, and I like the current box office statistics going down the site.

However, I think the site could be improved by changing the color of the linked movies from blue to back to make it more readable.

Magazine Layout

17 Nov

A Biography in Typography

12 Nov

To discuss typography, I wanted to find a magazine page with a lot of type and analyze the body text. This biography of a composer that was published in the New Yorker earlier this year shows a smart choice in choosing body text. The typeface is similar to Caslon. While there isn’t a lot of graphics or pictures used to break up the type, the pages are still readable because the typeface chosen. The text flows smoothly because the letters have similar character widths. Also, there are not really large counters or extreme x-heights, which makes the article very readable. The height-to-width ratios of the letters are not too condensed or expanded, so the letters are not distorted. And the typeface is free from anything too quirky that would disrupt the reader from getting the message. Overall, this is a strong typeface for body text.

Color Your World

3 Nov

Color is one of the greatest elements of design, and there are numerous ways to use it in design. Here are a few of those ways:

Spot Color:

This magazine cover uses spot color. The designer picked up the color from the covergirl’s dress and used it in the headlines.

Duotones:

The designer who created this album cover used duotones. He added a yellow color to a black and white photo to get the effect.

Analogous:

The colors in this ad appear next to each other on the color wheel, creating an analogous color scheme.

Complimentary:

Blue and orange are opposite each other on the color wheel, and therefore create a complimentary color scheme in this magazine layout.

Triadic:

The blue, red and yellow colors in this magazine layout are each an equal distance apart on the color wheel. This color scheme is an example of triadic harmony.

Connecting Colors in Design

29 Oct

Magazines can really grab a reader’s attention with their use of color. This spread in Nylon magazine uses color effectively. The numerous vibrant colors jump out at the reader. Usually, I don’t like a large mix of hues, but with this design it works. The spread is focused on colorful fashion and appropriately uses a conceptual headline of “Rainbow Connection.” With the rainbow theme, it just makes sense to create a design with various colors. While sometimes too many colors and reate a dissonant image, this design works. Because the design used the same value and intensity for the different colors, they all work together.