pandaxin8 / empathy-vision

Experience design through diverse perspectives. Simulate color blindness, vision impairments, and mental states to enhance accessibility and empathy in Canva designs. Create for everyone.
Other
1 stars 0 forks source link

Adjust Brightness and Contrast for Low Light #13

Open pandaxin8 opened 1 month ago

pandaxin8 commented 1 month ago

Allow users to manually adjust the brightness and contrast of the entire design to better visualize how it will appear in low light conditions.

pandaxin8 commented 1 month ago

Idea: Apply transformations that simulate viewing the image in low-light conditions. This might involve darkening the image and adjusting contrast.

pandaxin8 commented 1 month ago

Another idea: simulate various times of the day and various lighting/weather conditions. Especially indoor/outdoor lighting conditions.

  1. Define lighting and weather conditions

    • time of day: early morning, morning, midday, afternoon, evening, late evening
    • weather conditions: sunny day, gloomy day, under the stars
  2. Apply filters for each condition

    • early morning: slightly lower brightness, increased warmth (yellow/orange tint).
    • morning: normal brightness with a slight increase in warmth.
    • midday: high brightness, neutral contrast.
    • afternoon: slight decrease in brightness, warmer tones.
    • evening: decreased brightness, cooler tones (blue tint).
    • late evening: low brightness, very cool tones, high contrast.
    • sunny day: increased brightness and contrast.
    • gloomy day: decreased brightness, lower contrast, cooler tones.
    • under the Stars: Very low brightness, very high contrast, deep blue/black tones.
  3. UI Design

    • Create buttons or a dropdown menu for each time of day and weather condition. Use Canva icons or custom icons to depict each option
    • Upon selecting a condition, apply the respective filters to the design.
pandaxin8 commented 1 month ago

Current setup:

image

Updated setup (with icons):

image