Design - The Good, The Bad, and The Ugly!

35

Transcript of Design - The Good, The Bad, and The Ugly!

Page 1: Design - The Good, The Bad, and The Ugly!
Page 2: Design - The Good, The Bad, and The Ugly!

Preface but not written as a long para

Page 3: Design - The Good, The Bad, and The Ugly!

As a powerful form of communication, color is irreplaceable

Color can sway thinking, change actions, and cause reactions.

Page 4: Design - The Good, The Bad, and The Ugly!

Red

Red captures attention. It is one of the most visible colors

Attributes of the colour:

increased enthusiasm and interest more energy action and confidence

Page 5: Design - The Good, The Bad, and The Ugly!
Page 6: Design - The Good, The Bad, and The Ugly!
Page 7: Design - The Good, The Bad, and The Ugly!

Logos ,websites, examples etc with red Branding

Passion

Rebellion Love

Energy Radical Bold etc

Red

Page 8: Design - The Good, The Bad, and The Ugly!
Page 9: Design - The Good, The Bad, and The Ugly!
Page 10: Design - The Good, The Bad, and The Ugly!

- Blue is best used for Often used as a warning sign, it is best used as an accent color as too much red can overwhelm. - Communication websites which market to individual customers on a one-to-one basis would benefit with some blue in their marketing. - Hi-tech and computer technology businesses can benefit from most shades of blue combined with gray - Websites promoting technology, medical equipment, cleanliness, male products, or both male and female products should use some blue in their colors. - Light blue relates well to the health and wellness industry, to travel and relaxation. - Dark blue is a serious color which inspires integrity and honesty and is often used by political organizations, religious organizations and legal firms for this reason.

Page 11: Design - The Good, The Bad, and The Ugly!

Logos with blue Branding

Loyalty trust integrity

tactful caring concerned

Reliability responsibility

Blue

Page 12: Design - The Good, The Bad, and The Ugly!
Page 13: Design - The Good, The Bad, and The Ugly!
Page 14: Design - The Good, The Bad, and The Ugly!
Page 15: Design - The Good, The Bad, and The Ugly!

Logos with yellow Branding

abundance

value quality victory achievement

importance

Yellow

Page 16: Design - The Good, The Bad, and The Ugly!
Page 17: Design - The Good, The Bad, and The Ugly!

Shape is one of the basic elements of design. Alone or in combination with other shapes or lines they can convey universal meanings as

well as guide the eye or organize information.

Shapes and symbols have subliminal effects and are used with great effect by designers to ensure that the right message is portrayed. Shapes, boxes and borders are used in design to draw the eye, to add value to design and content, and to partition elements and enhance flow

Shapes

Page 18: Design - The Good, The Bad, and The Ugly!

Circular shapes - No basic shape is more organic than the circle, it has a smooth quality that makes it appealing to the eye. Adding circular elements to your website can turn a bland design into something that breathes life.

Images – screenshots of website designs, logos and other online graphics with prominent circular elements

Page 19: Design - The Good, The Bad, and The Ugly!

Images – screenshots of website designs, logos and other online graphics with prominent circular elements

Squares & Rectangles - psychological emotions that are conveyed by these shapes are reliability, familiarity, strength, stability, power, balance and dependability. There are two key reasons why such elements are used to help organize. Second, it is to set a specific style. .

Page 20: Design - The Good, The Bad, and The Ugly!
Page 21: Design - The Good, The Bad, and The Ugly!

Lines

Vertical lines simulate height and can create a mood of grandeur or spirituality. In web design vertical lines tend to represent or create length and indicate to the user that there is more content below the fold.

Page 22: Design - The Good, The Bad, and The Ugly!

Lines

Vertical lines simulate height and can create a mood of grandeur or spirituality. In web design vertical lines tend to represent or create length and indicate to the user that there is more content below the fold.

Horizontal lines generally create relaxation or a calming mood, they tend to be quiet and subtle whereas vertical lines are more imposing and powerful. H orizontal lines are also known for their ability to organize content.

Diagonal lines are the greatest way to create movement and direction. Where horizontal lines suggest gravity and are stable, diagonal lines are more unstable. These lines don’t lay down or stand up in a restful position, they are in motion and you can actually create a sense of speed just by simply adjusting the pitch of the lines: the steeper, the faster.

Page 23: Design - The Good, The Bad, and The Ugly!
Page 24: Design - The Good, The Bad, and The Ugly!

Images

Powerful images don’t just reflect a particular emotion but also create a relational association between the

viewer and that image. The point being that these images are used for the sole purpose ofbringing forth

the right emotion out of you.

Page 25: Design - The Good, The Bad, and The Ugly!

Images

Image fundamentals - size, composition, quality and exposure are four important things to look for in a good image. People actually look for quality in images, even the contrast makes a huge difference. Example showing a comparison – good vs bad choice of image

Choice and Placement of images go hand in hand.

Page 26: Design - The Good, The Bad, and The Ugly!

Images

Effectiveness – if the picture creates excitement or interest, then it works. It is down to three characteristics:

Emotional appeal – does the product in the picture look good and make the user want it? Rational appeal – does the image show the benefits of the product? and Brand appeal – does the picture fit your brand?

Page 27: Design - The Good, The Bad, and The Ugly!

Images

Transmitted messaget – this is about the image sending the right message to the audience/website readers. Example images:

Page 28: Design - The Good, The Bad, and The Ugly!
Page 29: Design - The Good, The Bad, and The Ugly!
Page 30: Design - The Good, The Bad, and The Ugly!
Page 31: Design - The Good, The Bad, and The Ugly!
Page 32: Design - The Good, The Bad, and The Ugly!
Page 33: Design - The Good, The Bad, and The Ugly!