search

vishanurag / Canvas-Editor

This is a simple web project that is made with an aim to learn about canvas element of html. Now, this project is open to all of the amazing contributors.
https://vishanurag.github.io/Canvas-Editor/
MIT License
73 stars 319 forks source link

Improve Navigation Bar UI/UX: Address Icon Clutter, Alignment, and Button Clipping and overlapping #880

Closed Ankul8471 closed 2 weeks ago

Ankul8471 commented 2 weeks ago

The current navigation bar has several usability and visual issues that can be improved to enhance user experience and readability:

Icon-Text Simplification:

Remove or reduce the size of icons next to text links to avoid visual overload and make the navigation simpler. Retain only the most necessary icons. Fix Alignment & Spacing:

Ensure that the spacing between menu items is even and the alignment of the logo and navigation links is balanced. Reduce the gap between the "Login/Register" button and the rest of the menu to maintain visual consistency. Font Consistency:

Standardize the font size across all navigation items, especially ensuring the "Login/Register" button matches the rest. Fix Button Clipping Issue:

Adjust the responsive design to prevent the "Login/Register" button from being clipped or overflowing on smaller screen sizes. Improve Color Contrast:

Enhance the contrast between the background and the icons/text for better readability and accessibility. Addressing these issues will make the navigation bar more user-friendly and visually appealing across different devices. Screenshot 2024-10-23 192600

github-actions[bot] commented 2 weeks ago

👋 Thank you @Ankul8471 for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!