VectorStyler
    • Categories
    • Unread
    • Recent
    • Tags
    • Popular
    • Register
    • Login

    Consider simplifying interface

    Scheduled Pinned Locked Moved Implemented Features
    33 Posts 6 Posters 67.7k Views 1 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • VectorStylerV Offline
      VectorStyler @grix
      last edited by

      @grix Some of the symbol implementations are similar to clone. But in VS there is a separate symbol feature also, with style overrides.
      In VS, the clone is more like a light duplicate, while VS symbols plain references to (symbol) objects without the possibility to directly change a style (fill or stroke), unless styles and overrides are used. Of course image and shape effects can be added over a symbol without changing its content.

      One interesting way to explore how VS symbols work, is to use object references:

      • select an object (or group) that should be used as a symbol.
      • go to Object -> Object Options, give the object a name, and in the Role button enable the Symbol option, then confirm with Ok.
      • open the Panels -> Styles -> Symbol panel, and the new symbol should be visible there.
      • create a couple of symbol instances (drag & drop).
      • then modify the original object (the one with the role), to change all symbols instances.

      And of course, the above reference trick can be combined with having multiple canvases (with each canvas having multiple artboards) in a single document.

      VS can be a bit hard for beginners, but most of the basic features are very similar to other apps, it just offers more detail.
      Yes it is more suited for professionals, but also users who are familiar with illustration apps, and want more out of the box, or don't want subscription πŸ™‚

      1 Reply Last reply Reply Quote 1
      • G Offline
        grix
        last edited by

        After a few more hours with VectorStyler, a few other issues came up:

        Toolbar should be customizable. Perhaps it is, but I did not manage to find how πŸ™‚ And default button set should be shrunk a little. 6 first buttons in toolbar (save document, import graphics, etc.) are mostly accessed using keyboard shortcuts as most users are familiar with them. No I did not ask every person in the world if they know what CMD-S does, but none of standard apps like Pages and Keynote in MacOS include toolbar buttons for file management.

        I can't see a way to set alpha value for color in color picker. Sometimes it is not a big issue, but sometimes is. A few scenarios:

        • If I want to set transparent color for text, I can't do that from within toolbar. I have to look at Appearance panel.

        • If I want to set transparent color for mesh gradient node, I cannot do that at all.

        b77B VectorStylerV 2 Replies Last reply Reply Quote 0
        • b77B Offline
          b77 @grix
          last edited by b77

          @grix By 'toolbar' I think you mean the horizontal bar with buttons at the top? If so, you can customize it by choosing 'Customize Toolboxes' from the VectorStyler menu, then choose 'Context Panel' in the second dropdown menu:
          0_1615048503430_Context.png

          Btw, the size and lines count of the toolbar on the left side of the screen can be customized from Preferences > Panels.

          And the size of the entire interface can be adjusted in percents from Preferences > User Interface > Interface Scaling.

          ………………………………………………………

          You can change the opacity of each control point of the mesh from the Transparency panel β€” select the point and drag the Opacity slider there.

          MacBook Pro (Intel) running Monterey 12.6.4

          1 Reply Last reply Reply Quote 1
          • VectorStylerV Offline
            VectorStyler @grix
            last edited by

            @grix I think a those save buttons could be removed from the default toolbar.
            The opacity of a mesh node can also be set by double clicking on the node, otherwise of course the Transparency panel is to be used for this and text also.

            b77B 1 Reply Last reply Reply Quote 0
            • b77B Offline
              b77 @VectorStyler
              last edited by

              @vectoradmin An issue here is that double-clicking (which I tried and @grix too, I'm sure) only works with the Mesh Gradient tool, however most users will try to click or double-click and change the opacity of the mesh node when in node editing mode, and this doesn't pop the panel under the cursor as it does in Mesh editing mode.

              MacBook Pro (Intel) running Monterey 12.6.4

              VectorStylerV 1 Reply Last reply Reply Quote 1
              • VectorStylerV Offline
                VectorStyler @b77
                last edited by

                @b77 Yes, that is the case. Would adding an opacity slider to color panel (at least in vertical mode) mitigate this?

                b77B 1 Reply Last reply Reply Quote 0
                • b77B Offline
                  b77 @VectorStyler
                  last edited by

                  @vectoradmin Just popping the same panel when double-clicking a node in node editing mode would be great, but currently it conflicts with segment splitting.

                  If you add another slider to the color panel, the panel can get taller β€” not sure if this is desirable for people with 13" screens.

                  You could however move some buttons around and stay with the same panel size β€” something like this:

                  0_1615057537158_Reorganized_Color_panel.png

                  (Btw, if you move the 'Swap Fill with Stroke' button, you could make it bigger).

                  MacBook Pro (Intel) running Monterey 12.6.4

                  VectorStylerV 1 Reply Last reply Reply Quote 1
                  • VectorStylerV Offline
                    VectorStyler @b77
                    last edited by

                    @b77 Added an opacity slider to the color panel (bottom). I choose a different layout as proposed, since the area with the color wheel can also contain rectangular color picker.

                    b77B 1 Reply Last reply Reply Quote 0
                    • b77B Offline
                      b77 @VectorStyler
                      last edited by

                      @vectoradmin Great! But I still think it would make more sense to place the 'Swap Fill with Stoke' button under the big Fill and Stroke buttons. πŸ™‚

                      MacBook Pro (Intel) running Monterey 12.6.4

                      BoldlineB 1 Reply Last reply Reply Quote 2
                      • BoldlineB Offline
                        Boldline @b77
                        last edited by

                        @b77 I second putting the swap stroke and fill directly under the stroke and fill boxes - that's where I keep going to look for it and then realize it's over on the other side of the panel

                        🍎 macOS Tahoe 26.2, Mac mini (M1, 2020), Chip Apple M1, Memory 16 GB
                        Cintiq 27QHD Display and LG Ultra HD Display

                        VectorStylerV 1 Reply Last reply Reply Quote 1
                        • VectorStylerV Offline
                          VectorStyler
                          last edited by

                          Added to the backlog.

                          1 Reply Last reply Reply Quote 1
                          • VectorStylerV Offline
                            VectorStyler @Boldline
                            last edited by

                            @Boldline swap stroke/fill button will stay next to the hex field for now. The place under the fill box is taken by the gamut map button (not visible if color is in gamut).

                            1 Reply Last reply Reply Quote 1
                            • K Offline
                              Kyriakos
                              last edited by Kyriakos

                              Consider color-coding the icons based on category to make it look more organised and easier to track-down what you want, for example:

                              Blue - Shape Generators (splines, primitives, text)
                              Green -Path operations (booleans, cuts, transforms)
                              Purple - Deformers (distort, wrap, liquify)
                              Magenta - Procedural effects (patterns, contour, gradients)
                              Orange - Workspace related functions (zoom, pan, artboard etc)

                              Cinema4D makes consistent use of this and it’s one of those scalar interfaces where you can add a thousand more functions without ever feeling bloated, disorganised and hard on the eyes.

                              b77B 1 Reply Last reply Reply Quote 0
                              • b77B Offline
                                b77 @Kyriakos
                                last edited by b77

                                @Kyriakos The toolbar has separators β€” it’s enough for me (unless you consider them too thin?) and I really don’t want to have to look at a multicolored string of icons that interferes with the nice combination of colors of the artwork on the canvas. To me it would be a constant annoyance. It’s enough that I have too many colors on the right β€” the RGB or CMYK sliders, the wheel, the color-coded layers and the color bar.

                                IMO, and sorry to disagree with you on this topic. ☺

                                MacBook Pro (Intel) running Monterey 12.6.4

                                K 1 Reply Last reply Reply Quote 1
                                • K Offline
                                  Kyriakos @b77
                                  last edited by

                                  @b77 Wasn't talking about multi-coloured icons but monochromatic tinted ones. For example here's all primitives having a light blue tint, and this scheme works especially best in busy scenes.

                                  0_1616167907083_Screenshot 2021-03-19 at 5.31.08 PM.png

                                  b77B VectorStylerV 2 Replies Last reply Reply Quote 0
                                  • b77B Offline
                                    b77 @Kyriakos
                                    last edited by b77

                                    @Kyriakos Yes, I know Cinema4D's UI (it's not some obscure app), so I did understand what you mean. I still disagree, I'm sorry. I want to be "alone" with the nice combination of three or four colors of my artwork and not have blue, green, orange and violet buttons on the side.

                                    The developer might very well agree with your suggestion and implement this (everybody knows he's very open to our ideas), but then I would change it or make my own monochrome icon set. πŸ™‚

                                    MacBook Pro (Intel) running Monterey 12.6.4

                                    BoldlineB 1 Reply Last reply Reply Quote 0
                                    • BoldlineB Offline
                                      Boldline @b77
                                      last edited by

                                      @b77 I prefer the monochrome look myself. If colors get added, as long as there is the option to switch to monochrome if I prefer it, I don't mind. Affinity has that option and I set it to monochrome.

                                      🍎 macOS Tahoe 26.2, Mac mini (M1, 2020), Chip Apple M1, Memory 16 GB
                                      Cintiq 27QHD Display and LG Ultra HD Display

                                      1 Reply Last reply Reply Quote 0
                                      • VectorStylerV Offline
                                        VectorStyler @Kyriakos
                                        last edited by

                                        @Kyriakos An option towards this could be added in the future (after version 1). There are no technical obstacles on this one.
                                        The monochrome UI theme will be kept as a primary theme in the future also.
                                        In my opinion (as a developer) having colors in the UI unrelated to the content being edited can distract from the content (and maybe visually influence the perception of the content).
                                        But VS is about having options πŸ™‚ so I add this for the post version 1 backlog.

                                        BoldlineB 1 Reply Last reply Reply Quote 0
                                        • BoldlineB Offline
                                          Boldline @VectorStyler
                                          last edited by

                                          @vectoradmin said in Consider simplifying interface:

                                          In my opinion (as a developer) having colors in the UI unrelated to the content being edited can distract from the content (and maybe visually influence the perception of the content).

                                          This is my opinion as well as a professional graphic designer

                                          🍎 macOS Tahoe 26.2, Mac mini (M1, 2020), Chip Apple M1, Memory 16 GB
                                          Cintiq 27QHD Display and LG Ultra HD Display

                                          1 Reply Last reply Reply Quote 0
                                          • K Offline
                                            Kyriakos
                                            last edited by

                                            Fair enough, having it as option would be great.

                                            Another small thing, it would be great if the tab length adjusted to the text to leave more breathing room for the rest.

                                            0_1616183229472_Screenshot 2021-03-19 at 9.46.50 PM.png

                                            VectorStylerV BoldlineB 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post