10 comments

  • Joe ShoopJoe Shoop, over 3 years ago (edited over 3 years ago )

    No.

    There is essentially no difference between designing at 1x and 2x in a decent vector-based design tool like Sketch. With the exception that when designing at 2x, you are slightly disadvantaged by constantly dividing or multiplying by 2 in your head. And you have to make sure everything is sized and aligned to even numbers.

    It is true that there aren't really any new 1x devices any more, but the engineers still use units based on the 1x scale.

    All you're doing by designing at 2x is adding unnecessary steps to your process. Having to hint icons for export means you have separate, duplicate sets for different sizes. So when a handful of icons inevitably need 'just a few small tweaks'. You've doubled the work for yourself for no good reason. No thanks.

    17 points
  • Marc EdwardsMarc Edwards, over 3 years ago

    I am a big supporter of designing predominately at 1×, and have been since 2010, but I enjoy the discussion. There’s lots of valid points on both sides.

    6 points
  • Dennis Schmidt, over 3 years ago (edited over 3 years ago )

    Sorry to say that I completely disagree with this.

    1) Developers/engineers/programmers work in 1x. So there's no point in converting numbers first in your head for your design and then converting it back to pass your designs on to the devs.

    2) This is a veeeery iOS based article. A lot of Android devices use 3x or even 4x resolution. Almost every notebook display or monitor has 1x (the sole exception being newer Macbooks).

    3) Unless you design in Photoshop, you work vector-based, so it doesn't matter, if you go for 1x, 2x, 3x or 12x. Apart from the fact that if you don't design in 1x, you have to constantly do some maths which is not hard but inconvenient.

    4) Your file size increases pretty badly.

    5) For the iPhone 6 you already need to work with 1334px height. That's quite a lot for a normal display/monitor, in many cases this doesn't fit on the screen in 100% zoom. So you have to zoom in and out all the time to navigate through your screen.

    6 points
    • Marc Edwards, over 3 years ago

      1) Developers/engineers/programmers work in 1x.

      Yep. Web, iOS, Android, macOS etc. All 1×.

      2) This is a veeeery iOS based article. A lot of Android devices use 3x or even 4x resolution. Almost every notebook display or monitor has 1x (the sole exception being newer Macbooks).

      Absolutely agree. It’s likely we’ll see more 3× iOS devices, too (maybe even full 3×, rather than the iPhone Plus’ whacky scaling).

      3) Unless you design in Photoshop, you work vector-based, so it doesn't matter, if you go for 1x, 2x, 3x or 12x.

      Photoshop can be entirely vector based, too. I think the question is more about how you set up your original document, which matters for all tools (Ps, Ai, Sketch, Affinity Designer etc).

      4) Your file size increases pretty badly.

      Yes! Double width and double height = four times the size for any image previews.

      5 points
  • Ix TechauIx Techau, over 3 years ago

    "I have to ask: is it terribly difficult to multiply and divide by 2?"

    No, but why add a layer of math when it's not needed? Also, by moving into tools like Sketch fidelity doesn't matter. I design at 1x and use Sketch Mirror to see a live shot on my phone, which has now automatically been scaled up to 2x. When I export it, Zeplin takes care of upscaling all the other assets.

    We work in vectors, not in pixels. 1x, 2x, 3x...doesn't matter anymore. 1x means pure translation from design to dev, no math required.

    3 points
  • Sebastian GrazSebastian Graz, over 3 years ago

    File size is a big concern for larger 2x projects. Photoshop would stutter into oblivion if every file is twice as big.

    1 point
  • Duke CavinskiDuke Cavinski, over 3 years ago

    On a retina iMac, yeah, I've been pretty much forced to. And I use artboards. Definitely pushing Photoshop to the max.

    1 point
  • Aaron MartinAaron Martin, over 3 years ago

    I feel like I'm seeing too much of the "this process = better design results" these days. Just design how is most comfortable for you + what works best with your teams workflow. Maybe for a unique individual/team you could tweak a work flow or process, but the whole "this process is the best" stuff just drives me bonkers.

    1 point
  • Art VandelayArt Vandelay, over 3 years ago

    Seems that if we're designing in vector format applications (sketch, illustrator) then designing at 1x would be easier than designing at 2x,3x,10x. Less mess, easier numbers, less mental baggage.

    The only thing I could think of (in my 2seconds of reading the comments) that designing at 2x helps is for asset production (images, not icons/graphics). And even then, it should be done separately from the design.

    As a front-end dev, I personally can't stand getting 2x files. Leaves too much room for error when numbers aren't round/even and just 2x the work to be honest.

    0 points