muhammadhafijur / image-blender

The open-source Image Blending Tool for transforming your images with powerful effects. Upload, customize, and download your visuals instantly, and easily copy the generated Tailwind CSS code.
https://imageblender.vercel.app
25 stars 7 forks source link

Issue: Refactor Photo Presets Section & Fix Iconography #3

Open clydehenry3 opened 3 weeks ago

clydehenry3 commented 3 weeks ago

This is a long term fix but I am a UX designer as well and would love to help out with this!

Description: The section where users choose different photo presets needs refactoring for improved usability and flow. Currently, the preset options are unclear and could be optimized for better user experience. Additionally, the iconography for uploading an image and selecting a random image needs updating to be more intuitive.

Enhancement Proposal: Refactor the layout of the photo preset options to make them more accessible and easier to select. Ensure the preset options are visually distinct and clearly show how they will affect the user's picture. Fix the iconography for the "Upload Image" and "Select Random Image" buttons to ensure they are more recognizable and user-friendly.

Suggestions: Use universally recognized icons for upload and random selection.

Environment: React TailwindCSS

Let me know if any specific icons or preset UI changes should be prioritized!

muhammadhafijur commented 3 weeks ago

Refactor the layout of the photo preset options to make them more accessible and easier to select. Ensure the preset options are visually distinct and clearly show how they will affect the user's picture.

That's a good idea.

Fix the iconography for the "Upload Image" and "Select Random Image" buttons to ensure they are more recognizable and user-friendly. Suggestions: Use universally recognized icons for upload and random selection.

I think we can expereiment on this.

Would you like to work on this?

clydehenry3 commented 3 weeks ago

I would love to work on this @muhammadhafijur!