Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Web Design Principles: Contrast | Designing Your Portfolio Website
Web Development with Wix
course content

Зміст курсу

Web Development with Wix

Web Development with Wix

1. Getting Started with Wix
2. Planning Your Portfolio Website
3. Designing Your Portfolio Website
4. Adding and Organizing Content
5. Enhancing Your Website with Wix Apps
6. Optimizing Your Website for Mobile
7. Publishing and Maintaining Your Website

bookWeb Design Principles: Contrast

Key Learning Outcomes

After completing this subchapter, you will be able to:

  • Understand the concept of contrast in web design;
  • Learn how to use contrast to highlight key elements;
  • Identify examples of effective use of contrast in websites.

Contrast helps in emphasizing important elements and creating visual interest. Effective contrast can be achieved through differences in color, size, shape, and texture. It is essential for creating a visual hierarchy, guiding the user's eye to the most important parts of the page.

  • Color Contrast: Using colors that stand out against each other;
  • Size Contrast: Varying the size of elements to create emphasis;
  • Shape Contrast: Using different shapes to create visual interest.

When using contrast, it's important to consider accessibility. Ensure that the contrast between text and background colors is sufficient for readability. Use contrast to differentiate between primary and secondary actions, making it clear what users should focus on.

Example Website: Canva uses color and size contrast effectively to highlight key features and calls to action.

1. How can contrast be achieved in web design?
2. What is the purpose of contrast in web design?
How can contrast be achieved in web design?

How can contrast be achieved in web design?

Виберіть правильну відповідь

What is the purpose of contrast in web design?

What is the purpose of contrast in web design?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 2
We're sorry to hear that something went wrong. What happened?
some-alt