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

    Further improving the gradient editor

    Scheduled Pinned Locked Moved Features and Ideas
    16 Posts 5 Posters 15.7k Views 5 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.
    • b77B Offline
      b77 @fde101
      last edited by b77

      @fde101 Simply reducing the entire gradient relative to the object changes the distance between all color stops.

      MacBook Pro (Intel) running Monterey 12.6.4

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

        @Ingolf I was preparing to send to the developer an animation with a suggestion for a more functional (and thus a bit more complex) gradient bar, and here you go asking for a simplified one… 😆

        Maybe poor visual differentiation is what you guys don't like…

        If you ask me, the problem with the handles at the ends of the gradient bar is that they look too similar in size to a color stop, creating slight confusion. Besides that, they are colored…

        In my opinion…

        • making all color stops visibly bigger than the handles, and…
        • turning the simple line between the first and last color stop into a wide ribbon, so you can clearly see the gradient limits/ends…

        …would make the gradient bar look better and help with visual differentiation.

        Something like this:

        0_1639496277643_sr.png

        MacBook Pro (Intel) running Monterey 12.6.4

        IngolfI 1 Reply Last reply Reply Quote 0
        • IngolfI Offline
          Ingolf @b77
          last edited by

          @b77 said in Further improving the gradient editor:

          @Ingolf I was preparing to send to the developer an animation with a suggestion for a more functional (and thus a bit more complex) gradient bar, and here you go asking for a simplified one… 😆

          Anyway… if you ask me, the problem with the handles at the ends of the gradient bar is that they look too similar in size to a color stop, creating slight confusion. Besides that, they are colored in that non-neutral blue…

          In my opinion…

          • making the handles slightly smaller,
          • making all color stops bigger, and also…
          • making the "ribbon" between the first and last color stop wider, so you can clearly see the gradient limits/ends…

          …would make the gradient bar look better and help with visual differentiation.

          Something like this:

          0_1639496277643_sr.png

          🙂

          Too massive and too many pixels occupied for my taste. I'd prefer the current design just with no start- and endpoint like in Affinity. My hope is that there is some way it can be handled under the surface so compatibility is possible during im- and export.

          If compatibility with Illustrator is at stake though, I will retreat, even though I don't need it personally. But I dream of the day when the Frankenstein clumsiness of old software like Illustrator can be abandoned. Noone wants to run with heavy sneakers. 🙂

          The current and next generation of designers should not be forced suffer from bad design decisions from the 1990's.

          🍏 macOS Sequoia Apple Silicon

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

            In this case I don't think the old guys made a bad decision.

            If you deal with a complex gradient (3 or more color stops) how do you move the first or last color stop without disturbing all the others? Because if you can't move/unglue a color stop independently away from the gradient start or end, the only way to do it is to scale the gradient from that end. Then you need to readjust the location of all the intermediary color stops.

            But anyway, if the developer agrees to also include such an option, I'm not against it (although the Preferences are stuffed already… 😆)

            MacBook Pro (Intel) running Monterey 12.6.4

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

              @vectoradmin Another slightly different version, with small squares for handles and thin lines from the handle to the start of the gradient ribbon:

              0_1639499592060_sr2.png

              (I'll send the animation with further suggestions before the end of the year, I hope).

              MacBook Pro (Intel) running Monterey 12.6.4

              S 1 Reply Last reply Reply Quote 1
              • S Offline
                Subpath @b77
                last edited by

                @b77

                1+ from me, like this Version

                Win 11
                CPU: AMD Ryzen 5 9600X, 6-core.
                GPU: Nvidia Geforce RTX 5070.

                1 Reply Last reply Reply Quote 1
                • IngolfI Offline
                  Ingolf
                  last edited by

                  I stand by my first post and request without hesitation or doubt but I can live with the current implementation.

                  I would suggest though to give the start and end point another shape than the gradient stops. Probably mimic Illustrator now that inspiration and compatibility comes from Adobe anyway. Then at least Illustrator users will be pleased and see something familiar.

                  Disabling colour sliders when non graphical objects like these. are selected would also make sense.

                  🍏 macOS Sequoia Apple Silicon

                  1 Reply Last reply Reply Quote 0
                  • IngolfI Offline
                    Ingolf
                    last edited by Ingolf

                    My main problem with Illustrator is not the subscription. It is legacy methods and clumy workflows. I don't feel pleasure when using it thus I don't use it when I can find better alternatives. Thats why I spend hours in Affinity despite the extreme lack of features.

                    A suggestion. The problem I have with the Illustrator method is the area between the gradient areas start/end point and the first/last gradient stop. I get a start-start point and a start point: the first gradient stop. It is so 1988 to me. I find it highly annoying (!) when using Illustrator. I am adapting to a machine not the other way around. Moving the first gradient stop to mark the ACTUAL starting point makes total sense to me. One start. One stop.

                    I have a suggestion that at least makes some visual sense.

                    0_1639526048064_Untitled.png

                    Not sure it solved the compatibility issues though.

                    But still. The Affinity way is the total Dieter Rams experience. Easy to understand. Easy to use. Will last for decades.

                    🍏 macOS Sequoia Apple Silicon

                    1 Reply Last reply Reply Quote 1
                    • IngolfI Offline
                      Ingolf
                      last edited by

                      But anyway - if a million Illustrator designers are used to the way it works now, I am fine with it. In that case I suggest using a rectangle as start-end symbol like Illustrator. 🙂

                      🍏 macOS Sequoia Apple Silicon

                      1 Reply Last reply Reply Quote 1
                      • F Offline
                        fde101 Global Moderator @b77
                        last edited by

                        @b77 said in Further improving the gradient editor:

                        @fde101 Simply reducing the entire gradient relative to the object changes the distance between all color stops.

                        Suggest that a modifier key could be added to lock the angle and the other nodes in place while dragging either end point, such that the end point is moved (prevented from moving past the next defined point) linearly along the existing axis without disturbing the existing points.

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

                          Sure, if we want to talk about alternatives, there are indeed — a modifier key like @fde101 suggests is a valid one, another one would be to display handles at a distance only when the gradient has three or more color stops (but I don't suggest it really)…

                          But none of them skirt the need for better visual differentiation between handles and color stops after you move a color stop away from the gradient start or end.

                          Anyway, in my opinion apps that require the user to know lots of secret handshakes (in this case a special shortcut to keep the other color stops in place when you want to "unglue" a color stop from the gradient start or end) are less user friendly and more difficult to learn than apps where the UI displays the adjustment handles directly.

                          My last post on the topic, I rest my case. 👍

                          Have a nice weekend everyone.

                          MacBook Pro (Intel) running Monterey 12.6.4

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post