1 / 20

PBA Front-End

PBA Front-End. Using Contrast. Using Contrast. The Gestalt Laws mainly deal with perception of ”similar” elements (similar appearance, similar position, etc.) How do we make something stand out, in order for the user to notice it? We can use contrast. Using Contrast. What is contrast…?

kesia
Télécharger la présentation

PBA Front-End

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. PBA Front-End Using Contrast

  2. Using Contrast • The Gestalt Laws mainly deal with perception of ”similar” elements (similar appearance, similar position, etc.) • How do we make something stand out, in order for the user to notice it? • We can use contrast

  3. Using Contrast • What is contrast…? • The difference in visual properties that makes an object (or its representation in an image) distinguishable from other objects and the background… • or • Things which look different from one another!

  4. Using Contrast • Types of contrast • Color contrast • Size contrast • Shape contrast • Positional Contrast

  5. Using Contrast • Color contrast can be useful for clearly separating an area from the background

  6. Using Contrast • Another type of color contrast is between warm and cool colors

  7. Using Contrast • We can also use the tint/shade/tone of colors to create contrast • This is important! • This is normal • This is not so important…

  8. Using Contrast • Using a single color in a black/white graphic creates a strong contrast

  9. Using Contrast • Size contrast – size does matter! • We usually perceive a large object to be more important than a small object

  10. Using Contrast • Size contrast is also extremely common in web typography • This is important! • This is normal • This is not so important…

  11. Using Contrast • Size contrast is also extremely common in web typography • This is important! • This is normal • This is not so important…

  12. Using Contrast • I wonder what they want us to do…?

  13. Using Contrast • Humans quickly identify a shape that is different than other, neighbouring shapes • Can signify that e.g a button has a special function

  14. Using Contrast • Humans quickly notice if something is ”out of place” • Similar to shape contrast – use it to signify that e.g. a button does something special • Often used together with other types of contrast

  15. Using Contrast

More Related