html5-img
1 / 27

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

Basic Design Considerations Intention of the piece __________ Color Proportion Hierarchy Grouping __________ Consistency. COLOR. http://www.mariaclaudiacortes.com/colors/Colors.html. COLOR. When it comes to color, it’s all about proportion. COLOR.

phila
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

  2. COLOR http://www.mariaclaudiacortes.com/colors/Colors.html

  3. COLOR 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. http://veerle.duoh.com/blog/comments/choosing_color_combinationshttp://veerle.duoh.com/blog/comments/choosing_color_combinations http://adampolselli.com/2002/03/01/get-the-look-corporate/ http://adampolselli.com/2002/05/02/get-the-look-ultrahip/ http://adampolselli.com/2001/11/03/get-the-look-vintage/

  11. COLOR CHEAT SHEET

  12. COLOR CHEAT SHEET

  13. COLOR CHEAT SHEET

  14. COLOR CHEAT SHEET

  15. COLOR CHEAT SHEET

  16. COLOR CHEAT SHEET

  17. COLOR CHEAT SHEET

  18. COLOR CHEAT SHEET

  19. COLOR CHEAT SHEET

  20. COLOR CHEAT SHEET

  21. HIERARCHY SUMMARIZED Major ways to establish hierarchy Contrast Size Placement Grouping 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 What is the most important information? What is the visual hierarchy (establish first, second, third, ect)? What pieces go together? What is the focal point? Where does the eye land first? Is it where I wanted it to?

  23. HIERARCHY SUMMARIZED

  24. http://vandelaydesign.com/blog/design-process/questions-to-ask/http://vandelaydesign.com/blog/design-process/questions-to-ask/ COLORS 1. Is the color scheme effective? 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. http://vandelaydesign.com/blog/design-process/questions-to-ask/http://vandelaydesign.com/blog/design-process/questions-to-ask/ 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? 25. Could the addition of icons improve the look and functionality of the site? 26. Is there effective balance and spacing?

  26. http://vandelaydesign.com/blog/design-process/questions-to-ask/http://vandelaydesign.com/blog/design-process/questions-to-ask/ 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. http://vandelaydesign.com/blog/design-process/questions-to-ask/http://vandelaydesign.com/blog/design-process/questions-to-ask/ 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? 42. Does the site fit into a particular style? 43. What makes the design 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?

More Related