can be enhanced using:

Adjustable sizes

With increasing display resolutions, interface elements are getting smaller. It allows to place more functionality on a single screen, however as smaller these interface elements get, they become harder to click. Interface widgets like color choosers, curves and gradients have to be controlled precisely so they need an adequate size. In the best case, the size is adjustable.

Designers love to customize their interfaces. A Gradient should be customizable to a certain level.

Multi-selection and editing

One of the biggest issues of existing Gradients was the lack of moving multiple knots. It is a pain because when designers move a range of knots, they have to drag each knot on its own. Looking at timelines, (which are available in video editing or animation applications) we can see that this problem is already solved.
Timelines usually have to deal with a lot of keyframes. Moving multiple keyframes, the editor or animator drags a rectangle to create a multi-selection. In the next step, he can move a bunch of keyframes at the same time. We applied the same feature to the Gradient. In addition to that, we added scaling, in order that designers can shrink or enlarge an array of selected knots.

Designers can select multiple knots in one action and move them. Scaling and duplicating whole sets of knots allow creating patterns.

Duplication and modification commands

Knots can easily be duplicated when the designer performs a click and drag action while holding a modifier key. Together with a variety of commands, designers can quickly create patterns with the Gradient.

Thanks to multi-editing, designers can duplicate arrays of knots.

Zooming

Sometimes designers have to make fine adjustments to the Gradient. To do this precisely, they usually scale their interfaces that the Gradient can cover more screen space. Here again, timelines have solved this way smarter. We can zoom in timelines to make fine adjustments. So why not allow zooming in Gradients as well?

The designer uses the mouse wheel to zoom in and out. By clicking on the brackets, the Gradient comes back to normal stage.



Source link https://uxdesign.cc/-better-gradients-ba162d6faf53?source=rss—-138adf9c44c—4

LEAVE A REPLY

Please enter your comment!
Please enter your name here