![]() ![]() For us, creating a simple experience was a complex process of back-end logic, on-canvas UI, property inspector UI, and keyboard shortcuts.įor instance - when you have an SVG icon, #Xd responsive resize grid how toSince we wanted people to understand what was happening, I designed on-canvas decorations that allowed you to see where objects were pinned in relation to their container.īut of course there were nuances within that, so I also designed a UI in the property inspector panel that would allow you to manually set rules around where objects were pinned and if their height/width was fixed.Īll good design is ultimately in service of the person using it, so that a task is easy for them, and they understand how to do and un-do it. In short - things that were aligned left would stay left, things that were aligned center would stay centered, and things that were aligned right would stay pinned to the right. To create a seamless experience, the engineering team developed logic that predicted where objects should remain “pinned” based on their location within a group. We had to give people a way to turn off and/or that behaviorĪnd fall back to a scaled resize behavior.It had to feel seamless and delightful.Since we were changing the default resizing behavior it was important to do two things well: We did this in part for discoverability, and in part because our research suggested that this is the behavior that people would want most of the time. We made the decision to have this feature on by default. So we wanted to introduce Responsive Resize as a way to let designers more quickly resize their elements. Prior to the addition of Responsive Resize, the default resizing behavior was to stretch those objects. In the case of screen design, often when people are resizing groups of objects, they’re intending to stretch it to fit new device sizes. It’s hard to choose a favorite project, but one of the most complex that I’ve tackled so far was the addition of Responsive Resize to our suite of design tools.Īs a UX design tool, we’re always trying to help designers do their jobs as efficiently as possible, so we try to make smart assumptions about intentions. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |