GRAPHIC DESIGN Visual Methods and Processes
Section 1598 Spring 2016
Call of the wild Inside the book cover design of a classic
Shannon Alexander Constellations GRA 2111 Publication
Where are the icons now?
Pinterest helps with design How using pinterest can help with graphic design. Check out these innovative logos and designs! Section 1598 Spring 2016 April 2016
Shannon Alexander
April 2016
Table of Contents
Aesthetic-Usability Effect Alignment Chunking Cognitive Dissonance Color Consistency Convergence Cost-Benefit Form Follows Function Good Continuation Hierarchy of Needs Highlighting Immersion Law of Pragnaz layering Legibility Life Cycle
38-39 40-41 42-43 44-45 46-47 48-49 50-51 52-53 54-55 56-57
Mental Model Mimicry Readability Rule of Thirds Shaping Storytelling Symmetry Three-Dimensional Projection Icons Book Covers
Icons
p. 54
p. 56
Book Covers
4-5 6-7 8-9 10-11 12-13 14-15 16-17 18-19 20-21 22-23 24-25 26-27 28-29 30-31 32-33 34-35 36-37
Pinterest Boards
p. 3
Hiearchy of Needs Highlighting Immersion Law of Pragnaz Layering Legibility Life Cycle Mental Model Mimicry Readability Rule of Thirds Shaping
Pinterest Boards
Storytelling Symmetry
Learn how pinterest can help with graphic design.
Aesthetic-Usability Effect The Aesthetic-Usability Effect is a design technique whereby users perceive more aesthetically pleasing designs to be easier to use than less aesthetically pleasing designs.
“Attractive things work better� -Donald Norman
4
These products have labels and packaging that is not only coherent but aesthetically pleasing. When a product looks nice, customers are more likely to purchase it. By having an advertisement that shows the products as looking similar, it also helps sell the products.
Alignment There are two different types of alignment: edge and center.
Alignment is the organization of text or graphics through aligning left, center, or right.
6
Chunking The organization of information in an orderly fashion to help with processing and understanding.
8
Cognitive Dissonance In an attempt to persuade the viewer, design with dissonance as a way to challenge his or her beliefs, and then introduce your service as a way to help them achieve consonance (feel more comfortable and stable in their beliefs again).
10
Icons created to represent neurotoxins in every day life objects.
Color Color plays a major part in the correct reflection of your brand. It impacts how the viewer perceives a brand.
12
Consistency Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layou ts safely.
Here are four examples of how a logo can be incorporated upon different materials and still contain the same coherent style.
14
This is an example of two letters of the beginning of a coherent, or consistent, alphabeth. The lines and opening on the left side are a part of all the letters
Convergence Media convergence allows mass media professionals to tell stories and present information and entertainment using a variety of media. Converged communication provides multiple tools for storytelling, allowing consumers to select level of interactivity while self-directing content delivery.
Located on the bottom and to the left are images of a similar logo used on different platforms of media. Although its one shape, it is compatable on many different ways on different forms of media like ipads, laptops, and tshirts.
16
Cost-Benefit If a task appears to have a high energy cost, users are unlikely to complete it unless the reward is of high value. So if a design is memorable and simple, a viewer will remember it better and will be able to recognize the logo in the future.
18
Form Follows Function The shape (form) that something takes should be chosen based on its intended purpose and function. Here are some examples of designs being uniquely implemened into spaces.
20
Good Continuation Continuation occurs when the eye is compelled to move through one object and continue to another object.
22
Hierarchy of Needs Hiearchy is any system of persons or things ranked one above another. It is a system that helps us define order and organization. It controls how the human eye perceives the order of the information on the page - “it tells a story about your page site�. It is usually found in the form of information stacked on top of each other from top to bottom.
24
Highlighting
Highlighting in design helps make letters or symbols prominent or emphasized within an image.
26
Immersion Immersive graphics as encompassing multidimensional between the real and illusionary worlds disappears. Immersion uses types of technology to create a different state of consciousness. It tends to create the feeling of being deeply engaged where participants enter a make-believe world as if it is real.
28
Law of Pragnaz When confronted with complex shapes, we tend to reorganize them into simpler components or into a simpler whole. We prefer designs that are simple, clear and ordered.
30
Layering Layering involves pieces of information or graphics stacked, merged, and editied together in order to created an image or images.
32
Legibility
It helps to know the intended context of the typeface you are considering using. Some fonts are indeed quite flexible, include several weights and they can be used in several ways. Others are more constrained, designed to be used very specifically. A design and text must look coherent.
34
Life Cycle It is all about product design and making it ecologically conscious- whether it be made from recycled materials or if it can be recycled or decomposted. When first designing your product, you must think of the process that will make it and what will happen to it once it is bought.
36
Mental Model A mental model is what the user believes about the system at hand. A mental model is based on belief, not facts: that is, it’s a model of what users know (or think they know) about a system such as your website. Hopefully, users’ thinking is closely related to reality because they base their predictions about the system on their mental models and thus plan their future actions based on how that model predicts the appropriate course. It’s a prime goal for designers to make the user interface communicate the system’s basic nature well enough that users form reasonably accurate (and thus useful) mental models.
38
Mimicry Mimicry is a design based off of a similar theme such as past logos or it could be based off of animals, nature, buildings, etc.
40
Readability Readability is the ease with which text can be read. Comprehension is a key factor in terms of readability, as is being able to quickly look at — and understand — lettering. Readable text can be scanned quickly, from a distance.
42
Rule of Thirds The rule of thirds simply states that if you take a canvas and divide it into three equally sized horizontal sections and three equally sized vertical sections, the resulting grid provides a grid that helps you choose where to place your design elements. It can create a 3 by 3 grid like plan.
44
Shaping
Shapes can vary endlessly and can suggest physical form and can help direct eye movement.
46
Storytelling Storytelling conveys information that can tell the viewer about anything in the world. It is mainly known for providing information. It can be statistics, items associated with other items and imagery, or it can be a layout of food ingredients that will eventually be made into a dish.
48
Symmetry Symmetry creates harmony, balance, and order (but risks being boring).
50
Three-Dimensional Projection The design can give multiple perspectives of an object or design. The design can look immersive and captivating and it tends to use three-dimensional designs to bring in the viewer.
52
Icons: The Constellations I created thes icons because of my love for space. I used illustrator to create the icons and photoshop to create the mockups of the tshirts. The pen tool was my main tool I used in illustrator. I found images on google to base my icons off of but it was difficult to find one image to base my icons off of. I had to find many different images just to create one constellation. I wish that I had spent more time on the colored icons; however, I was afraid to add too much color to my icons because I thought it would be too distracting. I changed three of my icons several times. I like the final product of the icons and after all the work that it took on the them, I do not think that I could change the icons in any other way. Draco, Cassiopeia and Crater were the three icons I struggled with the most. I changed Draco’s legs severl times and added two more so that he would look more like a dragon.
THE CONSTELLATIONS
54
Inside Look:
Book Covers
I had a long but enjoyable time on this project. I found about 7 to 8 images for each book cover. I had 4 images in each cover that represented different time periods. The hardest part of making the covers was finding enough photos to represent the four time periods. Once I found the images on google, I had to make sure that the images were high enough quality. If they were not good enough quality, the images would look fake and pixelated. I imported all of the images into photoshop and blended them with the eraser tool. If the images did not blend well enough, I would put a filter over the images to make all of the images look coherent. Once the images were made in photoshop, I imported it into ilustrator and added the text and barcode. I had trouble finding one text font to use for all book covers that still make them all coherent. The hardest part of the project was trying to include all of the time periods into the one book cover.
56
Inside Look:
“it is cruel reading- often relentless reading... But we forgive the writer at last because he is true! He is not sentimental, tricky; he is at harmony with himself and nature” -The Atlantic
“Buck, a sturdy crossbreed canine (half St. Bernard, half Shepard), is a dog born to luxury and raised in a sheltered Californian home. But then he is kidnapped and sold to be a sled dog in the harsh and frozen Yukon Territory. Passed from master to master, Buck embarks on an extraordinary journey, proving his unbreakable spirit...”
Contact:
Shannon Alexander Shannonrenee121@ufl.edu Shannonrenee121.plaza.ufl.edu