Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

iOS

Ios Graphic Design Question for Universal Apps

I am creating a Universal app and Amit's Video does a good job on the buttons for iphones but I am stuck with what sizes to make my ipad buttons.

Currently my ipad button dimension are about 600 x 88

QUESTION: Do I need an @2x button for Ipad's or is this just needed for iphone apps?

7 Answers

Amit Bijlani
STAFF
Amit Bijlani
Treehouse Guest Teacher

Yes you would need an @2x button because you have the standard iPad and the Retina version. For more info, check out this link: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html

@Amit thanks but this link does not address sizes for buttons on the ipad, it just talks about icons and start pages etc...

To clarify are you saying that If I have a button this size (600 x 88) for the ipad on my universal app.

I need to create an @2x for it meaning a bigger version with double the dimensions (600 x 88)@2x = 1200 x 176

Amit Bijlani
STAFF
Amit Bijlani
Treehouse Guest Teacher

@Mikailia Yes, you have to make it twice the size of the standard image. Which would mean @2x = 1200 x 176. So that the image can appear crisp on a Retina display otherwise it will appear fuzzy.

@Amit...Also When I choose to use Images to represent my buttons by going to the attribute inspector. I navigate to the Image label/option then i select an image in the drop down list.

Should I always use the @2x (retina Display version) or just use the regular version (Not @2x version)

Meaning..which version of my image should i use to represent a button..the @2x or not @2x version..hope this makes sense..Appreciate all your help.

Peter Pult
Peter Pult
8,095 Points

You always use the normal version of your graphic (without @2x). It will then use the high resolution graphic automatically.

Thanks Peter.

Thanks Peter.