Tuesday, May 14, 2013

May 15th:: Project 3 Synopsis

As with all projects, Project 3 had its challenges that I needed to work through. In terms of the subject matter, a booklet wouldn't work or be economical for a park to reproduce and print for people to interact with and use. Due to this, I readjusted to a pamphlet format and adjusted again due to the size the pamphlet turned out to be for the critique.

Creating a new map for the project proved to be a challenge in itself. I definitely have some appreciation for those designers. I'm still not quite happy with the map, but it gets the point across in a (hopefully) clear manner. I took a good handful of the critiques into account in my redesign of the pamphlet, including color changes, typeface changes, typeface weights, section call-outs etc. One of the few (I don't want to say ignore, but) I chose to overlook was the comment about too many pictures. One of my main goals from the beginning was to show many images of the lake and the different activities that could be done there, so that if theoretically someone would pick up the pamphlet, they would be interested enough by the pictures to open it up fully.

I feel much more comfortable with the color palette I picked in the revamp, as it's much more vibrant and colorful, being pleasing to the eye of an adult and a child alike. Using two different typefaces for contrast I felt was very helpful as well. The actual layout was just playing with color blocking in different places, and creating 'guides' of sorts with the colored lines. They provide visual interest as well as helping guide the viewer's eye through the booklet.

Overall, I enjoyed working on this project. It was fun to take multiple pictures so I had lots of material to draw from for the final layout. I'm not entirely sure I'm satisfied with the typographical treatments (I may still be doing some of my tendencies of blocking things off) but I definitely feel much better about this layout than my previous two, in all aspects.

May 15th:: P3 Final Spreads



Sunday, May 12, 2013

May 12th:: Project 3 Revised + Final Crit Comments

These are the layout changes I made after the mini critique:



Critique Comments:

- Add margin to inside right of pamphlet
- More Hiearchy in type; vary color/weight to make it more child/family friendly
- Brighter/different colors so edge of the map doesn't get lose
- Add margin at the bottom of the pamphlet so bottom matches top
- Call things out with hiearchy (larger) to appeal to kids, smaller more detailed information for adults
- Scale down everything, size, type size, picture size
- Represent amenities with icons on map
- Brighten Color
- Remove white background from Des Moines logo (or remove logo completely)
- Smaller/less pictures
- Typo in Amenities section (useage > usage)
- Use a stronger image for the cover
- Pick 3/4 images to use rather than all
- Check for widows/orphans and uppercase in lists
- Title for events?
- Don't stretch image across 2 panels
- Make categories more clearly grouped together

I'm not sure if I'll be using all these comments but I'll certainly consider them.

May 12th:: P3 Project Draft

Initial draft/layout play, many things were/are placeholders while I was trying to figure out how to organize all the information. I decided to change the layout from a booklet form into a pamphlet after the small group critique.

A few pointers from that crit:

- Colors look nice
- Pictures should all be alligned
- Some information repetitive and redundant
- Some information not necessary (such as directions, table of contents etc)








Tuesday, April 30, 2013

April 30:: P3 Graphic System & Information


P3 Project Elements:

- Redo of Gray's Lake Map complete with Key
- Reformat of Gray's Lake text & interesting features
- Photography of the Lake w/people engaged in various activities
- Footer and/or Header elements repeated on every page
- Page # placement addressed to be on all pages
- Color Scheme
- Booklet Size
- Binding (by Staples)
- Font Choices + Size

April 30:: P4 Project Synopsis

I personally find group work more challenging than normal projects. Everyone has their own style/way of designing that differs from others, and sometimes it's difficult to get your 'design spoon' in the mix per se. On this project, I was mostly background/concept oriented. On the first day when we were deciding on what fonts to use, what layout etc, I directed the group towards Univers initially. It was decided we would use Frutiger, which was a similar font to Univers. I initially played with the google version of Powerpoint only to find that it didn't have Frutiger or Univers, so I suggested using Droid Sans either instead of Frutiger or in tandem with it. In the end, I believe we used both fonts, Droid being mostly used for the powerpoint presentation.

I also provided Droid Sans in the google drive for everyone to use, with some initial image ideas as well as border ideas. We didn't end up using any of them, besides a graphic I made specifically for what the Law Team asked for in the last week or so of designing. Colors were mostly decided by Taylor, as well as header/footer bits. The colors were tweaked upon request of the Law Team. The initial photos we were provided were of lower quality, so I made sure we received the larger, higher quality files for the presentations. I also assisted with the proofreading & checking for design hiccups in the layouts. I didn't end up getting to do a whole lot with the text besides asking the law teams how they would want it formatted and such. Kudos to Taylor who took the reigns big time on this one. I did however attempt to comb through the document provided to us by the law teams several times, to remove excess spacing and minor errors so the text could be dropped into the design document without formatting.

Overall, the project was challenging. Not particularly because it was difficult, but because there wasn't a ton of work to do, even less so when split between 5 different people. This is why I was mostly conceptual on this particular project, as well as experimental with different graphics & colors. I would have liked to help with the final document formatting besides checking for design mishaps, 'widows' or spelling errors, but with so many people working on a single project it was finished much faster than I anticipated.

April 27:: P4 Final Project Presentation

Brief Overview of some elements:

Cover Page (Taylor's Graphics)

Rebecca's Graphics 

Powerpoint Slides worked on my Meghan


House graphic created by me in request of the Law Team

Sample Slides of overall project:

April 25:: P4 Updated Project Brief

Updated Brief questions with more information & design changes.

What kind of background information is important to understand about this topic and report?

Problem, goals, definitions - more in the report, not powerpoint

What is happening that is creating a need for this proposal/project?
Nutrients going into waterways - creating algae bloom - killing nature
 DNR waterworks info will be sent over - water is polluted in DSM

What kind of competition is there for the kind of resources this proposal/project will require?
Pushback - comes from funding

What look and feel do you envision for this publication?
Varying shades of Blue with a hint of teal/turquoise

How will supporting data be used/presented as a part of the presentation?
With bullet points, graphics and photos

Are there any logos, illustrations, information graphics or other graphics that need to be included?
Some graphics provided, "pictures" of practices wanted
Graphic Images & Borders created, photos provided

Are there any expectations for typefaces (fonts) or style or color?
(Designers as a whole settled on Frutiger)
Updated fonts: Frutiger & Droid Sans (Droid mostly for PPT presentation)

Are there any particular images (or possibly information graphics) that you would like to have included and/or created?
"I think we would like a visual representation of how water enters the storm drain now since we describe it within the report. I was thinking the visual would include a house, driveway, lawn, sidewalk, curb and a storm drain and then focus could be on the rain hitting the roof, running down the driveway along the curb and into the storm drain. "

They also wanted a graphic image for the end of the PPT presentation showing a house utilizing some form of water conservation/preventing run off, whether the house had a rain barrel, no cement curbs or a lawn with foliage that would absorb the water.


Are you open to additional and/or alternate images being incorporated in the design?
Yes;

Are there any parameters that the appendix sections need to follow?
Standard format; keep the designed header running through the document

What colors would you like to see incorporated into the design?
Blue - water, maybe analogous colors, color scheme from their provided template

Project is based on two components
Water Audit and zoning

Implementing Rain gardens - rainscaping images, water efficient lawn, outside of the home.
Focusing on what happens outside, source documents, gather images
Overall look - refer to PP sent from Law team
Complimentary color scheme - blues/oranges
Call outs to important information
Modern and clean - sans serif
Illustrations coming over from Law Team - source
Information graphic
Copy of ordinances - mimic their layout, no design

April 11:: P4 Project Elements



April 4:: P4 Thumbnails





Tuesday, April 2, 2013

April 2:: P4 Brief WIP


What kind of background information is important to understand about this topic and report?
Problem, goals, definitions - more in the report, not powerpoint

What is happening that is creating a need for this proposal/project?
Nutrients going into waterways - creating algae bloom - killing nature
 DNR waterworks info will be sent over - water is polluted in DSM

What kind of competition is there for the kind of resources this proposal/project will require?
Pushback - comes from funding

What look and feel do you envision for this publication?
Blue with Orange Accents

How will supporting data be used/presented as a part of the presentation?
With bullet points, graphics and photos

Are there any logos, illustrations, information graphics or other graphics that need to be included?
Some graphics provided, "pictures" of practices wanted

Are there any expectations for typefaces (fonts) or style or color?
(Designers as a whole settled on Frutiger)

Are there any particular images (or possibly information graphics) that you would like to have included and/or created?
None specified at this point

Are you open to additional and/or alternate images being incorporated in the design?
Yes;

Are there any parameters that the appendix sections need to follow?
Standard format

What colors would you like to see incorporated into the design?
Blue - water, maybe analogous colors, color scheme from their provided template

Project is based on two components
Water Audit and zoning

Implementing Rain gardens - rainscaping images, water efficient lawn, outside of the home.
Focusing on what happens outside, source documents, gather images
Overall look - refer to PP sent from Law team
Complimentary color scheme - blues/oranges
Call outs to important information
Modern and clean - sans serif
Illustrations coming over from Law Team - source
Information graphic
Copy of ordinances - mimic their layout, no design

Wednesday, March 27, 2013

March 28:: Reading Response & Concepts

My initial concept for P3 is focused on Parks, Gray's Lake in specific.

I'm planning on making a booklet of some sort for this project, since a Brochure-type thing isn't quite large enough to hold all the information I want to include.

Some plans:

- Redesign & include a new Gray's Lake map with directions on how to get there (from the interstate possibly, since it's an accessible & understood route to start with?)
- Nail down the format (Was between Booklet & Brochure, but leaning more towards Booklet for the sake of the information that needs to be included)
- Take Photographs of Gray's lake in various locations to use in the booklet
- Decide on how many pages to work with for the booklet & how big it should be, as well as how it will be bound
- Decide on how to format (Have 4 options so far that are being mapped out in InDesign)

  1. Ages of Park Attendees & Activities tailored to those age groups (may not work, since majority of the park activities specify that they are for all age groups)
  2. Seasons in which certain activities will be held (Tricky since activities are held certain days & not every day, or even every week)
  3. Days of the week when activities are held (also may not work since some activities are 'x week of x month, such as 'the last saturday of June')
  4. Months in which activities are held (again some events are pretty specific to a certain weekend during the month, so would be tricky to organize this way)
The activities are Gray's Lake are tricky to work with, organization wise, so I think I have my work cut out for me with a layout format.

Pages of booklet currently planned:

Cover
Table of Contents (probably necessary considering the information that will be included, but maybe not. Too early to tell)
Amenities Page?
Various Sections based on how the booklet will be organized (Ages, Seasons, Days, or Months etc.)
Map (2 spreads?) w/ directions on how to get to Gray's Lake
Contact Information to Des Moines Parks & Recreation (Possibly directly to whomever is in charge of Gray's Lake specifically, if there is such a person)

-----

Definitions:

Audience- The audience in terms of Graphic Design is who interacts with your design; it is important to design with the audience in mind, so that the end result is straightforward and easy to follow.

Context- The meaning behind a design; context is important to consider in all aspects of a design to make sure meaning isn't being misinterpreted. Some examples would be color choices, word choices, logo choices etc. You wouldn't want a blue or green burger as a logo at a food place for example, since that isn't exactly what an audience would think of when they think 'burger'.

Content- Content covers all the elements included in a design. Mostly it applies to text, but images can be included in 'content' as well.

Media- Plural of 'Medium' and usually refers to a design technique or mixing of multiple design techniques; examples would be 'Digital Media' (Photoshop, Illustrator etc), 'Mixed Media' (Paint & Photographs, Photographs & Cloth, Clay & Wood etc).


Reading Response Questions:

1. What does the acronym SLIP stand for? In your own words, paraphrase the four steps that Maeda outlines.

Sort- Write down whatever needs to be done or sorted on slips, and move then around into groupings that make sense. (Shorts & Jeans would be together for example, as would Blouses and T-Shirts)

Label- Give each group a relevant nickname; if no name can be decided on, then a code can be used, such as a Letter, Number or Color. (Jeans & Shorts would be 'Pants' and T-Shirts & Blouses would simply be 'Shirts')

Integrate- When groups seem to be similar in significant ways, merge them. The fewer groups the better.

Prioritize- Group highest priority items into a single group to make sure they have the most attention. Think of the 'focus' group as the 'top 20%' to focus on, things that either need a LOT of work or need to be finished more quickly.


2. What one sentence in this reading most resonates with you? Why?

"Squint at the world. You will see more, by seeing less." - Last page of the reading

It's more a phrase than a single sentence, but it effected me nonetheless. Like I've stated before in many of my projects I've had a Drake, I have a problem with overcomplicating everything I do. I always feel a design needs to be more complex to be unique, or to be more eye catching, which more often than not isn't the case. I think that's why this phrase resonates with me. It's something I struggle with on every project in every class. Simplicity is often the best route to take, for understanding, but also for (as the reading says) gestalt. Not every design calls for complexity.

Tuesday, March 26, 2013

March 26:: P3 Reading Response 1 & Design Examples

I've currently decided to work with the subject of Parks, probably putting emphasis in Grey's Lake.

Des Moines Park and Recreation department is in charge of the Parks.


'Park and Recreation Mission

Helping Des Moines Live Well, Play Hard and Protect the Earth 

Responsibilities
 The Park and Recreation department is responsible for the management of 76 parks, 3,800 acres of parkland, 42 miles of trails, and numerous municipal facilities.

The Park and Recreation department is responsible for managing over 16 different programs in the area of sports, urban conservation, environment education, sport instruction, sports tourism, neighborhood beautification, water recreation, volunteerism and stewardship. 

In addition, Parks staff plans Special Events throughout the year, such as, the Father-Daughter Dance, Free Flicks, Hoopin' at the Dome, Earth Day Trash Bash, Mayor's Annual Ride for Trails, Carp Festival, and many other events.'

The user of the Gray's lake map would be anyone who goes to parks, but seems to focus on family or group activities through planned events that occur throughout the year. The re-design would need to be accessible to people of all ages, but emphasizing adults & parents (since parents would be the ones taking their kids to the events that Parks & Rec. have planned).


Demographic 18~60 approx.?


Activities:

bird watching sessions at 11:00 a.m. every Wednesday and the 9:00 a.m. 


Saturday Yoga in the Park sessions on the north shore June through September. 

Kite flying has been added every fourth Tuesday from 5-7:00 p.m. now through October

canoe and sailing lessons weekly throughout May, June, July and August with expanded frequency and age brackets. 

Moon Float from 9-11:00 p.m. the fourth Saturday of those months.


nature scavenger hunt
native plant sale
rowing and sailing clubs’ open houses
fishing clinic
flower pounding
sand sculpture activities
leaf boat building
insect identification
butterfly tagging
fairy house building
landscaping how-to
fish printing classes

May 22 - Gray’s Lake Carp Festival for youth and adults, with registration at 8:00 a.m. and activities from 10:00 a.m. to 2:00 p.m. that include tournament fishing as well as lessons and carp lake ecology.

Gray's Lake Amenities:


Beach
Boat Ramp
Boat Rental
Grills
Ice Skating
Nature Trail
Off-Street Parking
Overlook Terraces
Picnic Tables
Playground Equipment
Pond, Lagoon, Lake
Recreation Trail
Restrooms
River


Well designed Map:

Comments:

I used to live in Virginia, and so I went to the DC zoo fairly often. It was years ago when I last used it, but pulling it up online still proves it's easy to use. I like how the map was designed with minimal text and use of icons, though I do believe it could be more clear if there was a key for what the icons meant. Overall though, it's pretty simple to figure out what is where in the zoo.


Poorly Designed Map:
Comments:

I found this map through Google, and I don't even know what it's for. It confuses me because of all the icons all over the map, and even though a key is provided, I still don't understand what the map is supposed to be getting at. All the overlaps of the map elements make it a jumbled confusing mess.
-----


RR Questions:



1. Define the differences between icons, indexes, and symbols. In order to demonstrate your understanding, cite an example of each that was not provided in the reading. 

Icons- Literal visual representations; drawing of a cow looks like a cow, drawing of a pig looks like a pig etc.

Indexes- Create connections between objects, using that which is easy to describe to identify something more obscure; sunglasses could represent brightness outside, or a winter coat could represent 'winter'.

Symbols- more abstract and may represent things that don't have physical form; swirly lines used in video games to represent 'wind', even though it isn't physically visible.


2. What new principle or theory presented in this reading is of the most interest to you? Why?

I found the Principle of Closure to be a fairly interesting one. I've heard something like it before, how our minds will fill in what's missing from a shape or form even if the form isn't in it's entirety, but even then I still find it fascinating. Perhaps the reason I find it so intriguing is because it just shows how powerful our minds are, being able to 'fill in the blank' per se, even if a figure or object isn't all there.


3. Identify three tips (from any of the four Quick Tips pages excerpted) that you would like to apply in this information design project. Why are you choosing these particular ones? How do you intend to implement them in your process? 

1. 'Don't decorate, design'; I would like to apply this tip not only in this project, but it all of my projects. Over the years I've been at Drake I've always had a hard time with this particular aspect, as I constantly want to 'decorate' the work I do. It's unnecessary and clutters the design, so I'd like to get more straightforward design approaches in, instead of worrying about making something 'different' or 'unique'. Not everything has to look different, especially in terms of a project like this where we'll be designing something that the general public would end up utilizing in a real scenario. I intend to implement this by trying to avoid any decorative aspects of the project, and rather focusing on the important things such as the information and hierarchy.

2. 'Create the Perfect Match'; I've used this tip before, but it's definitely one to keep in mind for any project when trying to decide what typefaces to use. Combining a Serif and Sans Serif font not only helps with hierarchy of the design, but also helps with legibility. In most cases, Serif fonts don't work particularly well in body text outside of books (even then, you see less of them in book body copy these days) so they tend to work better as headlines. I intend to implement this tip by picking a Serif for headlines & larger title segments, while using a Sans Serif for the body copy.

3. 'Learn the two-step'; This is a tip that I haven't used very much at all up until this point. Combining different text weights with color or size shifts are also a useful took for hierarchy, especially for a project such as this where we're designing around existing information. I plan to implement this rule with any captioning or comments I may need to include.

Friday, March 15, 2013

March 15:: Final JPEGs and Project Synopsis





















Project Synopsis:

Overall, I found this project rather challenging. I had difficulties coming up with proper ideas for a logo, which I intended to base my entire project on. I ended up picking my color scheme before I decided on a logo, which I think helped me shape the logo in the long run. I wanted to pick a name and design a logo that would draw people into the store, due to the unusual nature of the name and logo.

I struggled with implementing my color scheme in the logo and layouts of the various elements of the project, as it gave too much of a 'spa' vibe. I believe after the changes I've made from before, it separates from that meaning completely. Overall, I found the project challenging and fun since I had to really push myself to be inventive and work through the problems I was having.

Tuesday, March 12, 2013

March 12:: Post Critique

Personal Comments:

I liked the background texture when I initally was using it, but when it's printed out, it just looks like a kind of mold. I don't plan on using it anymore because of this reason. Furniture shouldn't make you think of mold.

I'm semi indifferent on the border I used on some of the elements, though I'm probably going to play with it more to see what I can come up with.

I completely dislike the poster. I want to check out more furniture images and use them as is instead of trying to pull the image off of a background (ex. pulling something out of a black bg).

Viewer Comments:

- Vertical Logo is more liked
- Don't bleed parts off the page; takes away from unity
- Good Typeface Choices
- Integrate borders further --same size-- throughout the pieces
- Let the underlying composition be the linking force
- Remove box from logo
- Tweak colors to be more bright -- more forcefully
- Scale consistiency

March 12:: Pre Critique WIPs

 
 







Thursday, March 7, 2013

March 7:: Final Project Brief & Project WIPS

Summary & Brief History: 'Furniture Store X’s mission is to provide easy and quick access to well-designed furniture traditionally found only in designer showrooms. FSX plans on being a one-stop source for modern design, from iconic mid-century works to innovative items designed today. FSX sells clean and simple furniture and accessories, representing designers, materials and processes that span categories and countries.'


Demographics (Age, Gender, Income, Employment, Geography & Lifestyle) of target audience:
  • Varied; 30s & upwards
  • Male & Female
  • Middle Class - Upper Class Incomes
  • Business & Design Professionals
  • United States nationwide
  • Stable Homes
  • FSX markets to businesses and design professionals, as well as the general public via a catalog, web site, and retail studios. In addition to residential settings, many of the items offered are used in corporate settings, restaurants, hotels and schools around the world. The Studios offer special services for architects and interior design professionals. Whether customers experience DWR by Studio, phone or online, they receive knowledgeable assistance from people who come from design backgrounds.
Competitive Landscape: Hive (add more in later from website list)

Business Objectives (Why the need for the project): Opening & advertising of a new store opening in downtown Des Moines Iowa

Message (what should be communicated): 
  • New store opening; 
  • 'provide easy and quick access to well-designed furniture traditionally found only in designer showrooms'
  • FSX ‘s goal is to be a leading retailer in well-designed furniture, accessories and services for businesses and design professionals. Its marketing strategy relies on the Internet and other direct marketing channels. This communication strategy will be the guiding factor in your approach to the system you design.
Call to Action (Context of Message in relation to what needs to be communicated): 
  • “The desire to deliver great products to a broader group of people and to elevate the interest in
    design, has been here since the Bauhaus. Our goal is simply to accelerate the way that design gets to the public and to take advantage of the most current technology in this process. In Europe, furniture design is taken more seriously and the public has greater access to well-designed products. By giving customers access to the best in modern design – including iconic works that have been in production since the mid-20th century as well as innovative items designed today – we made design within reach.”
Metrics for measuring success (what needs to be achieved): Advertise the opening of the new store in downtown Des Moines, to gain a wider consumer audience

Timeline:

Feb 19 - Feb 21: Research
Feb 26 - March 7: Creation/Concept
March 12 - March 14: Production (print)
March 14 - March 15: Turn in (booklet or panel form)

---

Project 2 Specifics:

1. A logo, letterhead, envelope and business card.
2. Promotional poster(s) for the store’s opening. (11 x 17; does not need full size for final turn in)
3. An exterior sign for the building based on your logo. 
  • (Present it as it would look in place on a building. You must select a suitable building in the East Village area for your store front. Photograph this building and use the photo to mock up your presentation in Photoshop.)
4. A small brochure/mailer that describes the business, provides contact information and promotes the store opening. (Tri-Fold Brochure)


Project 2 play:

These are some of my ideas for the project so far. I've since changed the logo by adding a wood texture to it, and I feel like the rest of the design needs to change with it. I'm thinking of just using the Green/Teal colors as accents rather than incorporating them into all the aspects of the design. I'm going to try and explore some heavier weight typefaces to contrast each other and compliment the thick/thin lines of the logo. I think I need to go back and revisit the idea of simplicity; I have a habit of overcomplicating designs.

Tuesday, March 5, 2013

March 5:: Logo Play V2

The other post would have gotten too cramped with these additions. I was exploring color combinations for the lotus icon, paired with different text.