Best Sketch workflow for designing on multiple resolutions
over 6 years ago from Taron Ghazaryan, Product Designer
Up to now, most of us worked at @2x and scaled things down when exporting for non retina screens. This obviously isn't the most optimal solution now with the introduction of @3x.
The easiest and most straight forward way to design is at pt value (1x). I know this isn't news to many of you, but going forward with this workflow, we will essentially future proof our design to new resolutions. If there is a @4x introduced next year, all we have to do is add another export scale and call it a day.
The reason why I mentioned Sketch and not Photoshop is because of the live mirroring. As far as I know, Sketch Mirror is the only app that scales up natively to your phone's resolution. So you can design at 1x and try your design on a @2x resolution iPhone. Once the app is updated, it will work with @3x as well. So one comp can be used to test on 3 different resolutions, instead having to duplicate and scale.
This works almost perfectly with android as well. You just need to keep hdpi in mind as it is 1.5x and can result in some half pixels.
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now