Almost There

The following is the semi-final draft of my website home page and sub page.

Home Page

websitehome2nd

Sub Page

Websitesubpage

Advertisements

Photoshop Exercise

The following is a sample website that we were told to replicate in Photoshop.

The goal of the exercise was to practice our Photoshop skills for assignment six – website redesign.

photoshoptutorial

Here are the screenshots of the layers.

Header:

Header

Body:

Body1Body2

Footer:

Footer

The Beginnings of A6: Website Redesign

For this project, we are instructed to redesign a website for a nonprofit organization. My “client” is SpayMart, a non-profit organization that runs a no-kill shelter and foster care program in the greater New Orleans area. Here’s the URL: www.spraymart.org. Here’s a screenshot of SpayMart’s home page.

Screen Shot 2015-04-08 at 12.00.09 PM

Below you will find the first step to assignment six – a design review of their website.

DesignReview_page1DesignReview_page2

I did some research on other no-kill animal shelters websites. I was curious to see what type of design choices they employed. Here are two that I believe were more effective than SpayMart.

Screen Shot 2015-04-08 at 11.53.21 AM

I really like how clean their design is and I really appreciate their clear call to action.

Screen Shot 2015-04-08 at 11.59.38 AM

Here I like the friendly feel their choice of typeface adds to the website.

That is all for now.

Visual Book Ideas

So for my next big project, we’ve been instructed to create a bound book on any topic of our choosing. Since I will be graduating this May, I wanted to pick a topic that would be useful to me beyond this course, so I’ve decided to make a travel book. The book will contain six itineraries for six different cities in the U.S. that I hope to travel to in the near future. They are (1) Seattle, Washington (2) Portland, Oregon (3) Nashville, Tennessee (4) Honolulu, Hawaii (5) Denver, Colorado and (6) Portland, Maine. I hope to create a fun scrapbook feel to the book. Below are some images that I’ve stumbled upon while exploring the web for some inspiration.

Screen Shot 2015-03-15 at 10.46.19 PM

Screen Shot 2015-03-15 at 10.46.35 PM

Screen Shot 2015-03-15 at 10.57.10 PM

Screen Shot 2015-03-15 at 10.49.52 PM

I’m thinking of having each left-sided page be used for the name of the city with pictures of what I plan to visit or do there. Then, for the right-sided pages, I’m thinking of posting the daily itinerary for each city. In each city, I plan to eat breakfast, lunch, and dinner at three different places and plan to do something between each meal. I want to try and get the most authentic experience at each destination, so I’m planning to research what locals recommend rather than what appeals primarily to tourists. I will post the itinerary for each destination in a later post!

Ellen Lupton presents “Your Brain on Typography”

Ellen Lupton was awesome. Loved her. She was a wonderful and engaging speaker. Throughout her talk, she identified ‘vision’ in many different ways.

VISION is a PROCESS.

VISION is SELECTIVE.

VISION is SOCIAL.

VISION is EMBODIED.

VISION isn’t just VISUAL.

VISION is MULTISENSORY.  

She brought up so many interesting points. I really loved how she pointed out the phenomenal power of our perception to bridge any gaps that exist. She highlighted our amazing ability to read and make sense of images that are incomplete in some way, shape, or form, perhaps because they are transparent, overlapping, blurred, obstructed, layered, etc.

I also thought it was really cool how she reviewed how integral of a part design plays is in what we may perceive as the most minuscule aspects of a certain product. She highlighted the meticulous design of window lotches (the sound testing that goes into making the opening and closing of the lotch to produce a certain sound) and the deleting of files on a computer desktop (the sound testing that goes into making the file produce a certain sound once discarded into the trash).

It was a really great lecture. I thoroughly enjoyed it 🙂

If you get the chance, I would definitely check her out. Lots of humor throughout!

Poster Content

The following is the content for my latest type specimen poster project.

Name of the typeface:

Name of the typeface designer:

Year it was designed:

1532

Brief history of the typeface:

“Claude Garamond cut types for the Parisian scholar-printer Robert Estienne in the early 1500s, basing his romans on the types cut by Francesco Griffo for Venetian printer Aldus Manutius in 1495. Garamond refined his romans in later versions, adding his own concepts as he developed his skills as a punchcutter. After his death in 1561, the Garamond punches made their way to the printing office of Christoph Plantin in Antwerp. Other Garamond punches went to the Frankfurt foundry of Egenolff-Berner, who issued a specimen in 1592. In 1621, the French printer Jean Jannon issued a specimen of typefaces that had some characteristics similar to the Garamond designs. Jannon’s types disappeared from use for about 200 years, but were re-discovered in the French national printing office in 1825, when they were wrongly attributed to Claude Garamond. In the early 1900s, Jannon’s types were used to print a history of printing in France, which brought new attention to French typography and the “Garamond” types. This sparked the beginning of modern revivals; some based on the mistaken model from Jannon’s types, and others on the original Garamond types.”

– derived from http://typedia.com/explore/typeface/adobe-garamond

Full character set for the typeface:

Quote/Tagline relevant to typeface:

“Garamond is considered to be among the most legible and readable serif typefaces for use in print applications. It has also been noted to be one of the most eco-friendly major fonts when it comes to ink usage.”

Type As Image Exercise

Screen Shot 2015-02-17 at 12.37.35 PM

For this exercise, we were instructed to find an idiom and depict it through type as an image. Webster’s dictionary defines an idiom as “an expression that cannot be understood from the meanings of its separate words, but that has a separate meaning of its own”. I chose the idiom “go down like a lead balloon”. As in the case of all idioms, this expression is not to be interpreted literally. This expression is used when describing something that is a failure or considered to be completely unsuccessful or unpopular.