This document provides an introduction to visual design concepts. It discusses key visual design tools like color, texture, images, and typography. It also outlines design processes, including observing and collecting inspiration, brainstorming and sketching ideas, editing and refining, and producing the final design. The document emphasizes that design brings order, solves problems, and creates empathy through visually telling stories. It encourages building design skills through activities like observing art, taking photos, sketching, and learning typography fundamentals.

1. Introduction to Visual Design

2. Ever wonder how to think like a Designer? This presentation introduces the fundamentals of visual design with examples from art history to pop culture, then explains how they translate to best practices in designing graphic user interfaces. We polish it off with a demonstration of how to implement some of these concepts using Expression Studio. Whether you have a designer-developer workflow or you ARE the designer-developer workflow, this presentation aims to simplify the mystery of why things “look good.”

3. This is me: Twitter: dianeleeper www.dianeleeper.com www.42stars.com

4. This is me: Twitter: dianeleeper www.dianeleeper.com www.42stars.com This is also me.

5. Lin Bolin Seeing the Invisible

6. What is Art&Why is it Important?

7. Don’t worry. We are not(really) going there.

8. Don’t worry. We are not(really) going there. But we do need to mention two things which art can do really well.

10. Some art is “just decorative” Some art is created to match your sofa Some art is created to make people say “oh how pretty!”

12. In my opinion, the best “Art” makes you ask a question.

13. Computers are useless. They can only give you answers. Pablo Picasso

15. 1977

16. 1977 (pong)

17. Cecin’est pas un pipe.

19. But if EVERYTHING IS ART

20. Then NOTHING IS ART

21. So what can you talk about?

22. Intention &Success

23. Design is Art with objectives. Art does not need set goalsto be Art. It’s ok with experimentation. Design favors set goals and restraints. It resides in the realm of the measurable.

25. There is overlap between art and design. It’s not really necessary to define how much.

26. Thereis overlap between Art and Design. It’s not really necessary to define how much.

27. Design favors set goals and restraints. It resides in the realm of the measurable.

28. Design brings order.

29. Design brings order.

31. Design solves problems.

32. Design solves problems. How do we design an advertisement that makes people read our copy?

36. Design creates empathy.

37. Design creates empathy. Better yet, Design is about visually telling your story to someone else.

41. Design is creative.

43. A Design Process

44. A Design Process Get an Idea Decide on the Form it should take Decide what Methods to use Create the Structure Craft it Polish

45. A Design Process Observe and Collect Brainstorm and Sketch Edit and Refine Produce

46. Observe & Collect Be a Pirate.

47. Brainstorm &Sketch

48. Edit &Refine

49. Produce

50. DEBORAH ADLER

52. Visual Tools of the Trade

53. Visual Tools of the Trade Color Texture Image Type Look and Feel

54. Color

55. Warm

56. Cool

62. Some Good Color Resources

66. Visual Tools of the Trade Color Texture Image Type Look and Feel

68. Texture creates the illusion of space

73. Some Good Texture Resources

76. Visual Tools of the Trade Color Texture Image Type Look and Feel

81. Visual Tools of the Trade Color Texture Image Type Look and Feel

83. And then she saw it… And then she saw it… Oh, you get the idea. And then she saw it… And then she saw it… And then she saw it…

87. Some Good Type Resources

93. Whitespace is not wasted space.

95. Consider the alternative.

97. Negative space is not wasted space.

98. Use a Grid Give your design some room to relax.

101. 5% to 8% of men are color blind 1% of women are color blind

102. Color should not be your only visual clue in a design.

103. Browser Inconsistency

104. The Fold The term “fold” comes from newspaper design and refers to any content that is not visible when a viewer first comes to the screen.

105. The Fold I’m going to let you finish, but…

106. Web Design has it’s own rules. But it’s a fun game. A few good resources:

108. What is Skill &Why is it Important?

112. Spark Your Creativity

113. Observe and Collect

114. Check out local art!

115. Take Photos

116. Take a class

117. Sketch

118. Learn Typography

120. Just do it.