ucupaint icon indicating copy to clipboard operation
ucupaint copied to clipboard

UI Redesign

Open ucupumar opened this issue 1 year ago • 1 comments

There are a lot of things that ucupaint UI can do better.

  • [x] Merge override with layer channel input
  • [x] Layer vector options should be visible from the start
  • [x] Dropdowns should be easier to click
  • [x] Cleaner layer channel dropdown
  • [ ] Cleaner layer dropdown
  • [ ] Cleaner mask dropdown
  • [ ] Cleaner main channel dropdown
  • [ ] Show Modifier up, down, and delete from the start
  • [ ] Experiment with tab system
  • [ ] Update show channel toggles with more representative icon (https://x.com/don570don570/status/1848512087833694469)

ucupumar avatar Sep 29 '24 08:09 ucupumar

First progress of UI redesign, I just reworked mostly the layer channel section.

https://github.com/user-attachments/assets/94e341e5-99a2-4c67-8f47-b2d090933633

List of updated things in the video

  • Vector option is moved out of the layer dropdown for better accessibility.
  • Layer channel section is now prioritizing layer channel source instead of layer opacity. It's a merged panel from previously layer channel input and override.
  • Add more selection area for unrolling UI elements, previously you need to click the exact icon to unroll the UI, now you can do it on the icon or the icon label
  • Clean up unrolled layer channel UI

You can test this UI using ui-redesign branch

ucupumar avatar Oct 20 '24 11:10 ucupumar

I removed two goals for this UI redesign, the tab experiments and easier access to move up/down for masks and modifiers. Those points need more experimentation before truly being implemented. So those can be their own issues in the future.

ucupumar avatar Feb 09 '25 09:02 ucupumar