{"id":18086,"date":"2019-10-08T03:59:37","date_gmt":"2019-10-08T10:59:37","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=18086"},"modified":"2020-05-12T00:19:45","modified_gmt":"2020-05-12T07:19:45","slug":"the-strikingly-precise-zoom","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/the-strikingly-precise-zoom\/","title":{"rendered":"The Strikingly Precise Zoom"},"content":{"rendered":"

When you work in one tool every day, little things can impact your workflow a lot. \u201cOnly making the overall UI creation process smooth and painless is what kept us successful so far. This is what our loyal clients care for\u201d, that\u2019s what our CEO, Marcin Treder wrote in his recent article Where\u2019s Your UX Now? Behind the Scenes of UXPin 2.0.<\/a><\/p>\n

And that\u2019s why we\u2019re committed to improving the UXPin experience and making it as enjoyable as possible for everyone. We\u2019re taking it one day at a time, working on the little things that matter before the official launch of UXPin 2.0 on November 19th on Product Hunt. Before that, we\u2019ll be sharing with you all the exciting updates. Today, we want to focus on our zoom which we\u2019ve recently improved to be more precise and work in a lot more predictable way<\/p>\n

Zoom mode to make things easier<\/h2>\n

[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/09\/UXPin2-0_ZOOM_1c.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]<\/p>\n

One of the most exciting parts of the zoom is what we call the Zoom mode. Hold Z to enter that mode and click to zoom in or press Alt and click to zoom out. Or, keep the \u201cZ\u201d button down and select an area you want to fit the viewport to.<\/p>\n

Zoom centers on cursor for striking precision<\/h2>\n

[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/09\/UXPin2-0_ZOOM_2b.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]<\/p>\n

Before the changes, zooming simply wouldn\u2019t focus your working area on the cursor. As you can imagine or remember, this required panning around the canvas to get where you want to be. It’s a tiny thing, but it’s annoying to have to zoom, then scroll to get to where you want to zoom in on. Now, zooming in with the mouse scroll or the trackpad focuses on where your cursor is. And it works the same when you zoom in and out in the zoom mode.<\/p>\n

Extended zoom levels, pixel grid and more<\/h2>\n

You can now view your design at extended zoom levels from 2% to 25600%. Also, with the newly added pixel grid, it’s easier than ever to get every pixel just right. The pixel grid is available at zoom levels from 800% and higher.<\/p>\n

[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/10\/Pixel_grid.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]<\/p>\n

Other options include the Zoom In and Zoom Out to adjust the zoom at pre-determined increments: 2, 3, 5, 10, 25, 33, 50, 75, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1200, 1600, 3200, 6400, 12800, 25600. Then, you can zoom the canvas to a specific percentage, 50%, 100%, and 200%. Fit to All enables you to see the entire design and Fit to Selection zooms to the currently selected element.<\/p>\n

\"UXPin<\/figure>\n

And last but not least, checking Zoom to Selection checkbox at the bottom of the dropdown menu will center the selected elements on the viewport when zooming.<\/p>\n

As you can see we are hard at work to make the experience of using UXPin as friendly and as streamlined as possible. Zoom, as well as a steady stream of other improvements, all fall under the banner of UXPin 2.0<\/a>, the initiative where we focus on you. If you want to learn more, leave your email and we will keep you up to date.<\/p>\n

\n