Keep the image in that position by tapping on the lock iconīack on your Mac, continue designing as you normally would and the image on your device will reflect any changes Select the window of your image editor that contains the UI mockup you're designingīack on your iOS device, position the image using the arrows so that it lines up with your device's screen Launch the xScope Mirror app on your iOS deviceĬonnect to the computer where you're designing your mockup ![]() xScope's Mirror tool makes designing for iOS simple, without breaking up your normal work flow: This gets tedious because you have to repeat the process for every tweak you make. Normally you'd have to save the image and send it to the device where you want to test. You're designing a user interface for iPhone or iPad, and want to see how it looks on the device's screen. Think of it as a version of AirPlay that can take the content of a Photoshop or Xcode window and seamlessly that content on your iPhone or iPad as you’re working on a project.Mirror: Display a mockup on your iOS device Mirror works in conjunction with an inexpensive companion iOS app and allows you to, well, mirror a portion of your Mac’s screen, in realtime, to your iOS device. In the App Store version of xScope, this feature requires a few gyrations to get around the limitations of Apple’s sandboxing model, but it’s otherwise an easy-to-use tool that has turned out to be quite robust in my testing.Īnother “new” feature-not new in version 4.0, but added since our previous review-bears mentioning because of its importance: Mirror. Even better, you can set the window to display a translucent image of your choosing-for example, the mockup of an app or a webpage-and use that as a guide for your design work.Ĭleverly, the Overlay tool can be “locked on” one of the windows on your desktop this causes the overlay to automatically match the window’s dimensions and position if you resize or move that window. The Overlay tool puts a see-through panel over your screen, so you can check the alignment of on-screen elements.Īlthough you can use the overlay with any window, this tool is particularly well-suited to Web design, as it can help you make sure that your content is properly aligned to your CSS grid. The second new tool, called Overlay, superimposes a see-through panel over your screen, through which you can display a grid that helps you quickly format your contents according to a set of well-defined guides. You can take accurate measurements on high-resolution screens either in actual pixels or logical window points, “de-retinize” images to simulate what they’ll look like on a regular display, or, conversely, scale down Retina images in real time to render them seamlessly on a low-resolution monitor. Along similar lines, the Rulers tool superimposes a series of graduated rulers over your screen, allowing you to quickly eyeball measurements and tweak the position of anything you might be working on.Īmong the other tools, you’ll also find Screens, which allows you to simulate various screen sizes Loupe, which magnifies the contents of your desktop as you move the pointer around and Frames, which creates a series of overlays that can act as guides for laying out content.īut since our previous review in 2008, Xscope’s developers have greatly improved the app, adding hundreds of enhancements to the existing tools many of those changes reflect advancements that have taken place in Apple’s software ecosystem itself.įor starters, the app is now fully compatible with Retina-display-optimized content. ![]() For example, the Dimensions tool displays a crosshair on the screen and uses advanced image-recognition techniques to determine how far you are from the nearest user-interface elements-a great way to quickly measure the size of anything from text boxes to windows without having to take a screenshot and transfer it into your favorite graphics program.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |