Starters Guide to iOS Design
taybenlor.com
Starters Guide to iOS Design
1–10 of 21 posts
Re: Starters Guide to iOS Design
#2This is a very good guide. The only part I found odd was the advice to design at 1x rather than 2x. My strategy, is design in 2x, but everything must have even dimensions. For the iPhone I just downsample the assets and don't even bother to check if they look good. For iPad, I will touchup 1x assets if needed.
Re: Starters Guide to iOS Design
#3The biggest thing of all, I believe, is actually testing your design on a device. Text you think looks good when you're in Photoshop has a tendency to be too small or too large, or too gray or not enough saturation on a device. So, if you're designing - and can't get a build to your phone to actually play with - email yourself an exported PNG of correct resolution and open it up on your phone. You should be able to see and "play" with it as best as you can for absolutely no money.
It seems like this was written for the designer, not developer, so I would also like to add one more thing. If you're a designer and tasked on working with a developer to make an app happen (or vice versa really), then work side by side as much as you can with that person and have regular discussions. You'll both drive each other toward a better project than just piecewise doing things in a more waterfall-esque approach.
Re: Starters Guide to iOS Design
#4This is a very good guide. The only part I found odd was the advice to design at 1x rather than 2x. My strategy, is design in 2x, but everything must have even dimensions. For the iPhone I just downsample the assets and don't even bother to check if they look good. For iPad, I will touchup 1x assets if needed.
I've found that the best reason to design at 1x is because the coordinates match the coordinates for the developer and also because sometimes the 2x size won't split nice and evenly if you don't keep it in mind. For instance 15px for a gutter.
Re: Starters Guide to iOS Design
#5This is a very good guide. The only part I found odd was the advice to design at 1x rather than 2x. My strategy, is design in 2x, but everything must have even dimensions. For the iPhone I just downsample the assets and don't even bother to check if they look good. For iPad, I will touchup 1x assets if needed.
I've found that the best reason to design at 1x is because the coordinates match the coordinates for the developer and also because sometimes the 2x size won't split nice and evenly if you don't keep it in mind. For instance 15px for a gutter.
If you can keep things like that in mind, then designing at 2x means way less work later on (doing a batch /2 on size in Photoshop over all assets is stupid simple).
Re: Starters Guide to iOS Design
#6The biggest thing of all, I believe, is actually testing your design on a device. Text you think looks good when you're in Photoshop has a tendency to be too small or too large, or too gray or not enough saturation on a device. So, if you're designing - and can't get a build to your phone to actually play with - email yourself an exported PNG of correct resolution and open it up on your phone. You should be able to s…
A nice tool for doing this, fyi, is xScope which lets you mirror your clipboard on your phone over bluetooth.
Re: Starters Guide to iOS Design
#7If you use Sketch to draw your interface, you get @2x exporting and slicing is built in. It hurts my head to think about what I would have to do if I was using Photoshop.
Re: Starters Guide to iOS Design
#8I use fieldtestapp.com to test my prototypes. Super easy to work with.
Re: Starters Guide to iOS Design
#9The biggest thing of all, I believe, is actually testing your design on a device. Text you think looks good when you're in Photoshop has a tendency to be too small or too large, or too gray or not enough saturation on a device. So, if you're designing - and can't get a build to your phone to actually play with - email yourself an exported PNG of correct resolution and open it up on your phone. You should be able to s…
A nice tool for doing this, fyi, is xScope which lets you mirror your clipboard on your phone over bluetooth.
..or LiveView or Skala. Either of which are great for live streaming content from you computer's screen to your iphone/ipad.
Re: Starters Guide to iOS Design
#10Earlier quoted context omitted.
A nice tool for doing this, fyi, is xScope which lets you mirror your clipboard on your phone over bluetooth.
..or LiveView or Skala. Either of which are great for live streaming content from you computer's screen to your iphone/ipad.
Or Briefs or Preview