Presentation is loading. Please wait.

Presentation is loading. Please wait.

Basic Design Considerations Intention of the piece __________ Color Proportion Hierarchy Grouping __________ Consistency.

Similar presentations


Presentation on theme: "Basic Design Considerations Intention of the piece __________ Color Proportion Hierarchy Grouping __________ Consistency."— Presentation transcript:

1 Basic Design Considerations Intention of the piece __________ Color Proportion Hierarchy Grouping __________ Consistency

2 COLOR

3 When it comes to color, it’s all about proportion.

4 COLOR When it comes to color, it’s all about proportion.

5 COLOR When it comes to color, it’s all about proportion.

6 COLOR When it comes to color, it’s all about proportion.

7 COLOR When it comes to color, it’s all about proportion.

8 COLOR When it comes to color, it’s all about proportion.

9 COLOR SUMMARIZED (Remember that there are ways around all of these – but these are some of the basics) Better off not using primaries : especially in conjunction with each other If primaries are used, balance them with a lot of neutrals and keep the proportion minimal Use transparencies and tints of the main color to achieve variety without clashing Black, white, grays, browns, and tans are all neutrals and work with pretty much anything (even each other) It’s easier to make the cool colors the main color with accents of the warm colors than the other way around : they’re less fatiguing on the eye Stick to about 2 or three main colors and vary those (blacks, white, & grays don’t necessarily count towards that total) It’s best to stick to predominantly white, black, grays when it comes to font color. Accent headers and different sections with color if you want.

10

11 COLOR CHEAT SHEET

12

13

14

15

16

17

18

19

20

21 HIERARCHY SUMMARIZED Major ways to establish hierarchy 1.Contrast 2.Size 3.Placement 4.Grouping 5.Use Aerial Perspective a. Things in the front will have the most contrast b. As things are further away (or less important) they should be smaller c. Their color will become more neutral the further away they are – all the way to gray d. They will become less distinct, more blurry, and have fewer visible details.

22 HIERARCHY SUMMARIZED Questions to ask in regards to hierarchy during the design process 1.What is the most important information? 2.What is the visual hierarchy (establish first, second, third, ect)? 3.What pieces go together? 4.What is the focal point? 5.Where does the eye land first? Is it where I wanted it to?

23 HIERARCHY SUMMARIZED

24 COLORS 1. Is the color scheme effective?color scheme 2. Are there enough different colors used? 3. Are too many different colors used? 4. Is there effective color contrast? 5. Do the colors allow for maximum readability? 6. Do the colors work well with images and photos used throughout the design? 7. Do the colors accurately create the mood and present the message that you are after? TYPOGRAPHY 8. Are the fonts effective? 9. Are too many different fonts used? 10. Are not enough fonts used? 11. Would additional experimentation with different fonts be helpful? 12. Are the key words, phrases, and headers effectively emphasized and standing out? 13. Is there proper spacing between letters, words and lines? 14. Are the colors and typography used well together?

25 LAYOUT 15. Is the layout wide enough? Too wide? 16. Would a fluid width or fixed with work better? 17. Does the layout emphasize the right content? 18. How does the layout affect readability and usability? 19. Does it overcomplicate things? 20. Is the layout boring? 21. Is the layout a distraction to visitors? DESIGN ELEMENTS 22. Would rounded corners or boxed corners be more effective? 23. Are gradients used? If so, are they effective? 24. Are icons attractive and intuitive?icons 25. Could the addition of icons improve the look and functionality of the site? 26. Is there effective balance and spacing?

26 PHOTOS 27. Are the photos and graphics on par with the quality of the rest of the design? 28. Are they crisp and clear? 29. Would they be more effective with the background removed and bleeding onto the page background? 30. Are they too big or too small? 31. Do they effectively communicate the message of the site? 32. Are there too many? Too few? 33. Are they in the best locations? 34. Would they look better with different styles of borders or drop shadows? NAVIGATION 35. Is the primary navigation easily found and intuitive? 36. Does the navigation add any visual impact on the design? 37. Could the navigation be improved with different colors of background images? 38. Would it look better in a different location? 39. Do links within the content of the page look attractive?

27 STYLE 40. Does the style of the design fit with the message of the site? 41. Does the style of the site fit with the industry?Does the style of the site fit with the industry 42. Does the site fit into a particular style? 43. What makes the design unique?unique IMPACT 44. When you first look at the page, what stands out the most? 45. Is this what you want to stand out? 46. What impact does the design have on users/visitors? 47. Does the first impression communicate a message that accurately fits with the site?first impression


Download ppt "Basic Design Considerations Intention of the piece __________ Color Proportion Hierarchy Grouping __________ Consistency."

Similar presentations


Ads by Google