Interface improvements



  • @vectoradmin When docked horizontally, the panels could be less tall. Not by much — 4, 6 or maybe 8 pixels — but this would make a bit more space for everything else.



  • @b77 I think making the corners slightly less rounded in places, and discarding rounded edges in other places (like the rulers bar and the bottom of the panels) would be better. It would also create more differentiation in the UI, which would benifit overall legibility. I am talking from the perspective of an end user, I am no UI designer or back end developer.

    How much rounding is up for debate, but it should just be more subtle. I cannot create a quick mockup right now, as I believe that changing the corners in most places affects other parts of the design as well, and it should be looked at as a whole.



  • @postdes said in Interface improvements:

    @b77 I think making the corners slightly less rounded in places, and discarding rounded edges in other places (like the rulers bar and the bottom of the panels) would be better.

    So the panels should have rounded corners at the top and straight corners at the bottom? Sorry if I misunderstand.

    Also, the rulers bar is not rounded, or you mean something else.

    ……

    It would also create more differentiation in the UI, which would benifit overall legibility. I am talking from the perspective of an end user, I am no UI designer or back end developer.

    Some thinking went into this visual differentiation in the VectorStyler's UI — it goes like this:

    • rounded corners for the main UI elements (panels, toolbox and the document view), with darker space between them;
    • less rounded corners for the click buttons inside these panels and in the context bar ( @vectoradmin here click buttons can and should be made less rounded like the dropdown menus are, I totally agree);
    • straight corners for the input fields and for scrollable areas inside these panels;

    Straight corners for the main panels breaks this differentiation.


    Anyway, let's agree to disagree — the developer said that he will probably offer a theme with straight corners. I for one dislike the general UI look of CPS and of CDR (VectorStyler's UI was similarly made only with straight lines and corners when in beta this time last year).

    Reposting this question that was addressed to you:
    @postdes If I understand correctly, if you make a panel narrower in CSP, the app rearranges the bottom icons on two rows? (Obviously, I'm not asking about the toolbox here).



  • @b77 This is what happens when a panel is resized in CSP:

    https://recordit.co/nGpBwzn4Ki

    There is a minimum width for a panel, and then certain aspects of the panel can scale.

    Some panels with multiple icons will stack them if the panel is narrower

    https://recordit.co/rxDnrPibqN

    But let's bury this topic for now. I think I have made some of my preferences clear, and we tend to have different views on things. As I said I do not have the time to take a deep dive to redesign larger part of the UI, just put some things to discussion.

    As for the roundness of some elements, I accidentally said rulers but I meant scroll bars

    0_1627993079607_Schermafbeelding 2021-08-03 om 14.17.04.png

    I think the roundness is superfluous here, it just adds noise.

    And in other places, I would reduce the rounded corners or get rid of them on the edges of the panels (red) and keep them more or less the same for the Tabs (blue). Just my 5 Cts...

    0_1627993347179_Schermafbeelding 2021-08-03 om 14.18.55.png



  • @postdes said in Interface improvements:

    @b77 This is what happens when a panel is resized in CSP:

    https://recordit.co/nGpBwzn4Ki

    There is a minimum width for a panel, and then certain aspects of the panel can scale.

    That's good, I like that. 👍

    Some panels with multiple icons will stack them if the panel is narrower

    https://recordit.co/rxDnrPibqN

    But I specifically said that I don't want to see the toolbox rearranging its icons when resizing it. I asked if any of the icons at the bottom of panels do this rearranging on two rows. If CSP has icons at the bottom of panels…

    As for the roundness of some elements, I accidentally said rulers but I meant scroll bars
    I think the roundness is superfluous here, it just adds noise.

    OK, but rounded scrollbars are standard on macOS…
    @vectoradmin The scrollbars being too dark in Light UI Mode is a problem.

    And in other places, I would reduce the rounded corners or get rid of them on the edges of the panels (red) and keep them more or less the same for the Tabs (blue). Just my 5 Cts...

    0_1627993347179_Schermafbeelding 2021-08-03 om 14.18.55.png

    For consistency, I think the corners of these panels should have the same roundness as the toolbar and document tabs, reduced or not reduced. Is there a reason why they should be different, @postdes ?

    Or maybe you meant the other way around — that the panel tabs should be less rounded.

    (Btw, here in the Light UI you are using there should have been a darker space between the sets of panels, like the Dark UI has).


  • administrators

    @b77 Will make the rounding the same.



  • @vectoradmin The corners of panels ARE the same now (same roundness as the toolbox and document tab), but unless I misunderstood, Postdes suggested them to be different.



  • @b77 said in Interface improvements:

    For consistency, I think the corners of these panels should have the same roundness as the toolbar and document tabs, reduced or not reduced. Is there a reason why they should be different, @postdes ?
    Or maybe you meant the other way around — that the panel tabs should be less rounded.

    No, I meant the panel to have less or no rounded corners, but the tabs should stay as is.
    I think reducing the amounts of elements with these rounded corners would help make the UI less visible.

    As for consistency, I think a UI can have different corners IF there is enough difference and IF the way it is implemeted is consistent across all elements. If you look at the rounded elements in the latest versions of Mac OS you also have various corner radiuses for panels, boxes and buttons. It is a balancing act to make the elements consistent and harmonious, but the should not all be the same to make them consistent

    1_1628003402084_windows-views.png 0_1628003402084_table-views-full.png



  • I think it would be a neat thing to have 2-3 "skins" available so to speak, maybe options for overall font scaling and brightness if possible... that we could customize the app a little.
    I like that we can custom size the nodes on screen and that as @vectoradmin pointed out in this thread, we can size the vertical toolbar. i went ahead and tried that today.


  • administrators

    @Boldline Overall font scaling is possible now in Preferences -> User Interface -> Text Size Scale



  • @vectoradmin nice!!!! I love it. I dropped the size to 75%. I already feel better about the user experience with those UI customization options you've mentioned recently. It's also good because others who were making their case for keeping the default text the size it was - can have that as well


  • administrators

    @postdes build 1.0.045 added flat themes on Mac