Scribus Forums

Development => User Interface => Topic started by: tim_occ on August 04, 2022, 11:26:01 PM

Title: IndigoUI: Color Picker and Editing
Post by: tim_occ on August 04, 2022, 11:26:01 PM
Hi all,

I think the biggest change to the IndigoUI concept is color selection and manipulation. The basic idea is to select the color, color gradient or pattern using the color selector and edit it live there as well. Thus, in addition to ready-made colors in a color palette, you can also mix and use custom colors.

The new color picker combines several existing functions in one dialog. Managing color palettes, mixing colors and display colors for color blindness.

In addition, there are different ways to mix a color:
- Color sliders (RGB, CMYK, Lab, HSV)
- Color map (Hue, Saturation, Value, Red, Green, Blue, Lightness, a, b) -> like Photoshop
- Color harmony (Complementary, Split Complementary, Triadic, Tetradic, Square, Analogous, Monochromatic)

Feedback is welcome.

best,
Martin
Title: Re: IndigoUI: Color Picker and Editing
Post by: RodneyLee on August 05, 2022, 01:43:34 PM
looks good
Title: Re: IndigoUI: Color Picker and Editing
Post by: toyotadesigner on August 06, 2022, 09:53:03 PM
Uihh, this is great! In which version will it be available?
Title: Re: IndigoUI: Color Picker and Editing
Post by: tim_occ on August 06, 2022, 11:22:49 PM
Hi toyotadesigner

It's up to the Scribus developers whether they want the feature at all.
My plan is to first work on a concept, test it, optimize it and then you could think about what will actually be built into Scribus.
In the current IndigoUI mockups I specified Scribus 2.0. Let's see, maybe we'll see everything there.

By the way, the color picker is already programmed.  :D

best,
Martin
Title: Re: IndigoUI: Color Picker and Editing
Post by: toyotadesigner on August 08, 2022, 01:38:28 PM
Hi Martin, Scribus 2.0 might take a very long time to appear on the market. I am 67 by now...
Title: Re: IndigoUI: Color Picker and Editing
Post by: tim_occ on September 09, 2022, 05:33:29 PM
Hi,

I revised the color picker.

- Color button supports split color (same color with and without alpha channel)
- Color picker sections are now collapsible
- Color sliders are always visible, you can only toggle the color map and color harmony widget
- The gradient editor widget looks like the one in Inkscape

best,
Martin
Title: Re: IndigoUI: Color Picker and Editing
Post by: toyotadesigner on September 10, 2022, 09:15:43 PM
Looks fantastic! A small step for a developer, a large leap for the human race ;D
Title: Re: IndigoUI: Color Picker and Editing
Post by: a.l.e on September 11, 2022, 11:32:24 AM
hi martin

nice to see you back and working on the UI.

personally, i've mostly put on hold my contributions to scribus but, well, there are still a few things i'm doing in the background.

and i can do a bit more, if can make a difference.

so, if you need some help, contributions or coffee, please leave me a notice and i will see what i can do for you : - )

i've tried to to (compile and) install your prototype and get a better feeling of it, but i get a few errors.
i guess that they are related to the qt version and / or the fact that i'm trying to compile it without qt creator.

have a wonderful day
a.l.e

ps.: these are the errors i found up to now:

- there is a wrong string '\' in dirpaths_manager (which you probably should not need...)
- block_alignment needs a qOverload in the connect
- it's not possible to (directly) convert a free enum class to a QVariant: you need to put the enum in a (Q)namespace or a class extending QObject... or static_cast the enum class to int before passing it to QVariant.

i stopped for now, but if you're interested in a patch, i can continue my inquiry...
Title: Re: IndigoUI: Color Picker and Editing
Post by: tim_occ on September 15, 2022, 08:04:18 PM
Hi a.l.e

Yes, I'm back. Currently, after I saw a lot of new UI improvements in other software like Blender, Inkscape or Gnome Desktop, I decided to continue working on Scribus' UI. This time with a different approach and as a separate project. To simulate some content, I used some Scribus code and modified it (like ScColor). Because of that, the UI is not compatible with Scribus directly, but that was not my intention. First, I want to have a result that works as is and later someone (or me) can think about how to marry Scribus with IndigoUI.  :D

Help is always welcome in the form of:
- feedback (the current result is based on my old concept, the form feedback here and state-of-the-art software like Affinity Publisher and Adobe InDesign)
- code contribution (also a good project/folder structure)
- icons (currently I'm using Material Design icons, because I'm too lazy to convert all Scribus PNGs to SVGs)

About your compiling issues, I can take a look into it.
Please, can you report all technical issues here?
https://github.com/nitramr/Scribus-IndigoUI-Mockup/issues

I think it is better to keep the tech talk in the project directly.

I'm using Qt 6.2.3 with Qt Creator on Ubuntu 22.04. The code is never tests in other environments.

best,
Martin